网页设计与制作任务驱动式教程
2012-7
机械工业出版社
刘宏,王颖 主编
248
396000
本书通过7个单元,31个任务的完成,系统地讲解了网页设计的基础知识和应用技巧,将知识的学习融入到知识单元任务的完成过程中,使读者通过学习,最终能够熟练使用网页制作工具完成较为复杂的、符合客户要求的网站设计。本书内容精练、结构合理,讲解由浅入深、循序渐进,做到了理论与实际相结合。对于单元任务,将任务描述、任务分析和操作步骤相结合,使读者在学习知识的同时,还能提高分析问题和解决问题的能力。本书注重培养读者的创新精神和创新意识,是典型的“学、做、练”一体化教材。
《网页设计与制作任务驱动式教程》既可作为高职高专、应用型本科院校相关专业的教材,也可作为各类技术院校、中专、相关培训机构等学生的自学用书。
前言
单元1 网页认识
任务1.1 确立课程目标
1.1.1 行业需求前景
1.1.2 行业需求目标
任务1.2 优秀网站赏析
1.2.1 门户类网站
1.2.2 商务类网站
1.2.3 政府类网站
1.2.4 娱乐类网站
1.2.5 游戏类网站
1.2.6 “远航多彩公司”项目案例
实验环节设计
实验:查找门户类网站并分析其特点及架构
强化案例:查找电子商务类网站并分析其特点及架构
课后习题
单元2 网站策划
任务2.1 项目引入
2.1.1 “远航多彩公司”网站开发立项
2.1.2 确立设计项目的3项原则
2.1.3 确定设计流程
任务2.2 “远航多彩公司”网站策划
2.2.1 确定设计策略
2.2.2 确定网页主题
2.2.3 网页元素
2.2.4 网页布局
2.2.5 视觉效果
2.2.6 设计标准
2.2.7 外观风格
任务2.3 初识网页
2.3.1 网站的相关知识
2.3.2 网页中的基本元素与常用术语
2.3.3 静态网页与动态网页
2.3.4 网页制作的常用软件
任务2.4 认识网页基础语言
2.4.1 关于HTML
2.4.2 了解HTML的基本结构
任务2.5 Dreamweaver CS5简介
2.5.1 Dreamweaver CS5概述
2.5.2 Dreamweaver CS5的新增功能
2.5.3 Dreamweaver CS5的操作界面
2.5.4 网页文档的基本操作
任务2.6 “远航多彩公司”网站栏目结构设计
2.6.1 创建本地站点与远程站点
2.6.2 Dreamweaver CS5站点的组成
2.6.3 创建站点
2.6.4 网站建立目录规范
2.6.5 网站文件命名规范
实验环节设计
实验1:用HTML创建表格
实验2:为“远航多彩公司”创建一个网站的站点
强化案例:建立一个班级站点
课后习题
单元3 网页布局
任务3.1 使用表格布局页面
3.1.1 规划“相约校园招聘”页面表格结构
3.1.2 制作页眉区
3.1.3 制作主体区
3.1.4 制作版权区
3.1.5 创建表格
3.1.6 编辑表格
3.1.7 设置表格属性
任务3.2 使用Div+CSS布局页面
3.2.1 了解CSS
3.2.2 创建和管理CSS
3.2.3 认识Div标签
3.2.4 插入和编辑Div标签
3.2.5 使用Div+CSS布局网页
3.2.6 使用AP Div元素
任务3.3 使用框架布局页面
3.3.1 创建框架和框架集
3.3.2 框架和框架集的基本操作
3.3.3 设置框架和框架集属性
3.3.4 保存框架和框架集
3.3.5 制作浮动框架页面
任务3.4 使用Fireworks切片布局
3.4.1 切片概述
3.4.2 切片的创建与编辑
3.4.3 使用切片布局网页
实验环节设计
实验1:CSS制作鼠标经过时改变表格背景属性
实验2:使用切片布局网页
强化案例:利用HTML代码或JavaScript代码,在DW中制作浮动层
课后习题
单元4 页面制作
任务4.1 “远航多彩公司”网站首页制作
4.1.1 网页文本的输入与编辑
4.1.2 使用图像美化页面
4.1.3 创建网页超链接
4.1.4 插入Flash动画
4.1.5 插入声音和视频
任务4.2 利用表单制作客户反馈页面
4.2.1 初识表单
4.2.2 插入表单
4.2.3 插入表单对象
4.2.4 插入Spry对象
实验环节设计
实验1:添加网页背景音乐
实验2:命名锚记链接,网络小说页面的制作
强化案例:添加 Spry 效果
课后习题
单元5 网页批量制作
任务5.1 利用模板批量制作网站页面
5.1.1 创建并保存模板文档
5.1.2 基于模板创建“公司简介”页面
任务5.2 利用模板更新网页
任务5.3 管理资源和库
5.3.1 使用资源
5.3.2 库项目基本知识
5.3.3 创建库项目
5.3.4 应用库项目
5.3.5 编辑库项目
任务5.4 在网页中添加行为
5.4.1 认识行为
5.4.2 应用行为
实验环节设计
实验1:如何在Dreamweaver中导入网络上下载的模板
实验2:应用模板制作网站中的其他子页
强化案例:晃动图片
课后习题
单元6 制作网页特效
任务6.1 文字特效
6.1.1 光晕字制作
6.1.2 阴影字制作
6.1.3 遮罩字制作
6.1.4 动感字制作
任务6.2 制作弹出窗口
任务6.3 制作循环滚动文字/图片
任务6.4 细线表格的制作
任务6.5 制作广告图片自动轮换显示
任务6.6 浮动广告制作
任务6.7 制作图片放大特效
任务6.8 标签内容切换制作
任务6.9 制作拼图游戏
任务6.10 限制选择复选框的数量
任务6.11 检验表单
单元7 网站测试与发布
任务7.1 测试网站
7.1.1 站点中链接的测试
7.1.2 改变站点范围的链接
7.1.3 浏览器兼容性检查
7.1.4 全面检查站点的报告
7.1.5 用户界面可用性测试
7.1.6 清理文档
任务7.2 发布站点
7.2.1 域名的申请
7.2.2 服务器空间选择方案
7.2.3 配置Web和FTP服务器
7.2.4 使用Dreamweaver CS5上传、下载网站
7.2.5 使用CuteFTP上传
7.2.6 网站维护与推广
实验环节设计
实验1: 利用Dreamweaver测试工具对自己的站点进行测试
实验2:利用Dreamweaver自带的FTP功能上传文件
强化案例:网站同步
课后习题
参考文献