网页设计与制作任务驱动式教程

前言

单元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.5Dreamweaver CS5简介

2.5.1Dreamweaver CS5概述

2.5.2Dreamweaver CS5的新增功能

2.5.3Dreamweaver CS5的操作界面

2.5.4网页文档的基本操作

任务2.6“远航多彩公司”网站栏目结构设计

2.6.1创建本地站点与远程站点

2.6.2Dreamweaver 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功能上传文件

强化案例：网站同步

课后习题

参考文献

《网页设计与制作任务驱动式教程》通过7个单元，31个任务的完成，系统地讲解了网页设计的基础知识和应用技巧，将知识的学习融入到知识单元任务的完成过程中，使读者通过学习，最终能够熟练使用网页制作工具完成较为复杂的、符合客户要求的网站设计。本书内容精练、结构合理，讲解由浅入深、循序渐进，做到了理论与实际相结合。对于单元任务，将任务描述、任务分析和操作步骤相结合，使读者在学习知识的同时，还能提高分析问题和解决问题的能力。本书注重培养读者的创新精神和创新意识，是典型的“学、做、练”一体化教材。

　　《网页设计与制作任务驱动式教程》既可作为高职高专、应用型本科院校相关专业的教材，也可作为各类技术院校、中专、相关培训机构等学生的自学用书。