计算机类专业教育 > 软件工程类
网页设计与动态网站开发
书号:9787113209650 套系名称:高等学校“十三五”规划教材
作者:王正友 出版日期:2015-09-01
定价:46.00 页码 / 开本:304 /16
策划编辑:翟玉峰 责任编辑:翟玉峰 彭立辉
适用专业:无 适用层次:高等院校
最新印刷时间:
资源下载
教学课件
教学素材
习题答案(暂无)
教学案例(暂无)
教学设计(暂无)
教学视频(暂无)
内容简介
前言
目录
作者介绍
图书特色
本书以网页设计与动态网站开发过程为基础构建学习模块,以完成岗位工作任务为主线编写各任务内容。本书分为基础篇和提高篇,共有9 个模块:网页赏析、网页动画应用、Fireworks切片应用、网页界面切图、网页布局、行为和JavaScript特效、网站架构、网站设计综合应用、网站建设前期准备与发布。教材内容贴近网页网站设计行业的实际需求,按照工作主线提取不同的能力目标,分配到19个不同的情境,以任务教学的方式培养学生在网页制作与网站架构工作中分析问题、解决问题的能力。
本书适合作为高等学校相关专业的教材,也可作为相关企业的培训教材,并适合于网页制作与网站建设的初学者阅读。无
基 础 篇
模块1 网页赏析............................2
情境 1 精彩网页赏析 .......................... 2
模拟制作任务 ...................3
任务 1 网页界面布局 ..................3
● 网页布局设计...................................7
● 网站首页设计...................................8
● 网页完善优化...................................8
● 网页设计标准尺寸..........................8
● 网页设计常用软件..........................9
独立实践任务 ...................9
任务 2 界面布局分析 ..................9
情境 2 网页界面色彩欣赏................. 10
模拟制作任务 ..................10
任务 1 网页界面色彩 ................10
● 网页色彩的黄金分割法............... 14
● 网页字体......................................... 15
● 网页配色软件ColorKey .............. 15
独立实践任务 ..................16
任务 2 访问 Internet 上的家教
类网站............................16
知识考核..............................................16
模块2 网页动画应用...................18
情境 1 图片动画展示 ......................... 18
模拟制作任务 ..................19
任务 1 匀速滚动胶片动画.........19
任务 2 图片切换动画 ................20
任务 3 轮播显示动画 ................22
● OBJECT标签................................ 24
● EMBED标签................................ 25
● OBJECT+EMBED标签.............. 25
● 使用菜单插入媒体文件............... 25
独立实践任务 .................. 25
任务 4 多图切换动画 ................25
任务 5 变速滚动胶片动画.........26
任务 6 多图轮显动画 ................26
情境 2 GIF 动画设计 ..........................27
模拟制作任务 .................. 28
任务 1 闪烁文字........................28
任务 2 动态 Banner 广告 ...........31
任务 3 匀速滚动胶片动画.........33
● Logo大要好看.............................. 36
● Logo小要好看.............................. 36
● Logo黑白要好看.......................... 36
● Logo可以有各种颜色................. 36
● Logo可以轻易地画出来............. 36
● Logo在CMYK与RGB模式下都
很好看............................................. 36
● Logo能够做成动画..................... 37
● Logo具有国际画质感................. 37
● Logo代表的是企业精神............. 37
● Logo具有广泛的应用性............. 37
● 让人想穿在身上............................ 37
● 不要在设计Logo之前太在意
Logo要包含什么寓意................. 37
目录 CONTENTS
拓展知识
拓展知识
拓展知识
拓展知识
2
网页设计与动态网站开发
独立实践任务 ..................37
任务 4 Logo 动画 .......................37
任务 5 Banner 动画....................38
知识考核..............................................38
模块3 Fireworks切片应用..........41
情境 1 导航按钮和菜单 ..................... 41
模拟制作任务 ..................42
任务 1 创建导航栏 ....................42
任务 2 创建弹出菜单 ................44
● 热区和切片的区别....................... 47
独立实践任务 ..................48
任务 3 打火机动画 ....................48
任务 4 创建导航菜单 ................48
情境 2 图像交换展示 ....................... 48
模拟制作任务 ..................49
任务 1 使用行为交换图像.........49
任务 2 使用切片交换图像.........50
任务 3 使用热区交换图像.........53
● 使用Dreamweaver占位符调用
Fireworks图像.............................. 56
● 将Fireworks HTML复制到剪贴
板并在Dreamweaver中使用..... 56
独立实践任务 ..................56
任务 4 童年的游戏 ....................56
任务 5 经典影视展示 ................57
知识考核..............................................58
模块4 网页界面切图...................60
情境 1 Fireworks 切图 ....................... 60
模拟制作任务 ..................61
任务 1 切割年代网 60 年代
主页面............................61
任务 2 制作年代网老照片展示
页面................................63
● Fireworks切图原则...................... 67
● 导出HTML设置.......................... 68
● 网页居中显示................................ 69
独立实践任务 .................. 70
任务 3 制作花卉网站主页.........70
情境 2 Photoshop 切图......................72
模拟制作任务 .................. 73
任务 1 切割新亚房产主页面.....73
● Photoshop切图遵循的原则........ 76
● Photoshop切图与CSS+DIV
联合应用........................................ 76
独立实践任务 .................. 87
任务 2 手机 App 界面设计与
切图................................87
知识考核..............................................87
提 高 篇
模块5 网页布局..........................90
情境 1 DIV+CSS 布局方法 ................. 90
模拟制作任务 .................. 91
任务 1 DIV 自然布局.................91
任务 2 DIV 浮动布局...............101
任务 3 精确定位布局 ..............118
● 认识盒模型...................................124
● 定位和浮动的区别......................125
● Z-index属性................................125
● CSS常用技巧.............................125
独立实践任务 ................. 126
拓展知识
拓展知识
拓展知识
拓展知识
拓展知识
3
目 录
任务 4 制作上下结构的图文混排
CSS 列表.......................126
情境 2 DIV+CSS 综合布局................ 127
模拟制作任务 .................127
任务 1 咖啡馆的主页 ..............127
任务 2 世界技能大赛赛程
管理主页 ......................143
● 设置页面居中.............................. 158
● 常见布局版式.............................. 159
独立实践任务 .................160
任务 3 西餐厅主页 ..................160
知识考核............................................161
模块6 行为和JavaScript特效...163
情境 1 AP DIV 和行为的使用............ 163
模拟制作任务 .................164
任务 1 弹出窗口的制作...........164
任务 2 使用图像行为 ..............167
任务 3 制作图片的渐隐载入显
示效果..........................168
任务 4 选项卡式面板的制作...170
● 行为的概念................................... 177
● 行为的基本操作.......................... 180
● 行为的应用.................................. 180
● 什么是Spry.................................. 181
● Spry的功能................................. 181
独立实践任务 .................182
任务 5 多级菜单的制作...........182
情境 2 JavaScript 脚本语言 ............. 182
模拟制作任务 .................183
任务 1 宽屏幻灯片 ..................183
任务 2 随滚动条上下移动的
菜单..............................187
任务 3 跑马灯的制作 ..............191
任务 4 跟随鼠标的字符...........193
任务 5 在线 QQ 制作 ...............195
● Marquee........................................197
● 事件与事件处理..........................198
● JavaScript中的注释...................198
独立实践任务 ................. 198
任务 6 漂浮广告......................198
知识考核............................................199
模块7 网站架构........................201
情境 1 认识和使用网站架构环境 .... 201
模拟制作任务 ................. 202
任务 1 安装和配置 XAMPP .....202
任务 2 简单网页计数器制作...204
任务 3 学习和使用
phpMyAdmin.................206
● XAMPP的配置文件路径.........214
● XAMPP的常用路径..................214
● XAMPP的默认密码..................214
独立实践任务 ................. 215
任务 4 安装 CMS 套件 .............215
情境 2 动态网站建设 ...................... 216
模拟制作任务 ................. 216
任务 1 会员注册和管理...........216
任务 2 用开源类库和框架制作
客户端应用 ..................229
● PHP Session 变量.......................237
● 开始PHP Session .......................238
● 存储Session 变量......................238
● 终结Session .................................238
独立实践任务 ................. 239
任务 3 安装 CMS 网站模板 .....239
拓展知识
拓展知识
拓展知识
拓展知识
拓展知识
4
网页设计与动态网站开发
知识考核............................................239
模块8 网站设计综合应用..........241
情境 1 创建 MySQL 数据库 .............. 241
模拟制作任务 .................242
任务 1 建立留言板数据库.......242
● 经典SQL语句............................ 245
独立实践任务 .................247
任务 2 创建论坛数据库...........247
情境 2 数据库函数实现.................. 248
模拟制作任务 .................248
任务 1 编写数据库类 ..............248
● PHP中的MySQL常用函数使用
举例............................................... 254
独立实践任务 .................258
任务 2 修改更新数据库用户记录
的函数..........................258
情境 3 留言板功能实现.................. 258
模拟制作任务 .................259
任务 1 实现留言板功能...........259
●BBS论坛数据库设计................ 274
● 标识每个实体的属性................. 274
● 标识对象之间的关系................. 274
● 绘制E-R图................................. 274
● 将E-R图转换为表.................... 274
独立实践任务 .................276
任务 2 实现论坛功能 ..............276
知识考核............................................277
模块9 网站建设前期准备与发布...279
情境 1 网站建设前期准备 .............. 279
模拟制作任务 ................. 280
任务 1 域名申请......................280
任务 2 空间(虚拟主机)申请.... 283
● 域名的概念...................................285
● 域名的类型...................................285
● 国家或地区域名和国际域名的
区别................................................286
● 对于申请域名的规定.................286
● 国际域名管理机构......................286
● 域名地址服务器..........................286
● Internet上域名命名的一
般规则...........................................286
● CN域名命名的规则..................287
● 注册域名.......................................287
● 域名发生冲突的处理.................287
独立实践任务 ................. 287
任务 3 客户需求分析及
网站规划......................287
情境 2 网站的发布与推广.............. 288
模拟制作任务 ................. 288
任务 1 文件传输工具
FileZilla FTP 的使用 ...288
● 文件传输协议..............................292
● FTP传输方式.............................292
● FTP支持模式.............................292
● FTP工具......................................292
独立实践任务 ................. 293
任务 2 网站推广......................293
知识考核............................................293