网页设计与制作教程

单元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 项目案例

任务1.3 初识网页

1.3.1 网站的相关知识

1.3.2 网页中的基本元素与常用术语

1.3.3 静态网页与动态网页

1.3.4 网页制作的常用软件

任务1.4 认识网页基础语言

1.4.1 关于HTML

1.4.2 了解HTML的基本结构

任务1.5 Dreamweaver简介

1.5.1 DreamweaverCS3概述

1.5.2 DreamweaverCS3的新增功能

1.5.3 DreamweaverCS3的操作界面

1.5.4 网页文档的基本操作

上机实训

单元2 网站策划

任务2.1 项目引入

2.1.1 “深圳可盈资产经营有限公司”网站开发立项

2.1.2 确立设计项目的三项原则

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.2.8 网站界面的设计实现

任务2.3 “深圳可盈资产经营有限公司”网站栏目结构设计

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

2.3.2 DreamweaverCS3站点的组成

2.3.3 了解本地和远端文件夹的结构

2.3.4 创建站点

2.3.5 网站建立目录规范

2.3.6 网站文件命名规范

上机实训

习题

单元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 使用层布局页面

3.2.1 使用层布局网页

3.2.2 创建层

3.2.3 【AP元素】面板

3.2.4 层的基本操作

任务3.3 使用框架布局页面

3.3.1 创建框架和框架集

3.3.2 框架和框架集的基本操作

3.3.3 设置框架和框架集属性

3.3.4 保存框架和框架集

3.3.5 制作浮动框架页面

任务3.4 Photoshop切片布局

上机实训

习题

单元4 页面制作

任务4.1 “深圳可盈资产经营有限公司”网站首页制作

4.1.1 使用和美化网页文本

4.1.2 使用图像美化页面

4.1.3 创建网页超级链接

4.1.4 插入Flash动画（.swf）

4.1.5 插入声音和视频

任务4.2 利用表单制作客户反馈页面

上机实训

单元5 网页格式化——CSS样式的应用

任务5.1 使用CSS样式美化页面文本

5.1.1 认识"CSS样式”面板

5.1.2 创建及编辑CSS样式

5.1.3 链接外部CSS样式表

任务5.2 DIV+CSS网页布局

上机实训

习题

单元6 网页批量制作

任务6.1 利用模板批量制作网站子页面

6.1.1 子页面制作

6.1.2 利用模板更新网页

任务6.2 创建网站子页面库项目

6.2.1 利用库项目创建网页

6.2.2 利用库项目更新网页

上机实训

习题

单元7 制作网页特效

任务7.1 制作滚动公告

任务7.2 制作浮动广告

任务7.3 制作首页循环滚动图片

任务7.4 制作标签内容切换

上机实训

习题

单元8 制作动态网页

任务8.1 创建“客户留言”网站

8.1.1 安装和配置Web服务器

8.1.2 创建动态网页站点

8.1.3 创建留言板数据库

8.1.4 建立站点与数据库的连接，创建动态内容源

8.1.5 编写动态页面文件，向网页添加动态内容

8.1.6 浏览并测试设计好的页面

上机实训

习题

单元9 网站测试与发布

任务9.1 测试网站

9.1.1 站点中链接的测试

9.1.2 改变站点范围的链接

9.1.3 浏览器兼容性检查

9.1.4 全面检查站点的报告

9.1.5 查找和替换

9.1.6 清理文档

9.1.7 同步

任务9.2 发布站点

9.2.1 设置远程站点

9.2.2 上传本地文件

上机实训

习题

参考文献

《网页设计与制作教程》以设计、创建“深圳可盈资产经营有限公司”网站为例，系统地介绍了运用Dreamweaver CS3设计与制作网页的流程、方法和技巧。全书共分9个单元，包括网页基础知识、网站策划、网页布局、页面制作、网页格式化——CSS样式的应用、网页批量制作、制作网页特效、制作动态网页、网站测试与发布等内容。《网页设计与制作教程》内容以任务驱动、案例学习为主线。通过学习任务来掌握必需的、常用的知识和技能，上机实训以学生作品“端午节”贯穿整本教材，使读者真正掌握网页设计与制作的方法与技能，提高解决实际问题的能力，并起到了举一反三的作用。
《网页设计与制作教程》可作为高职、中职院校和高等院校网页设计制作课程的教材，也可作为网页设计与制作技术的培训、自学教材。