网页设计与制作案例教程

第1章 网页设计与制作综述

1.1 学习任务：认识网页

1.1.1 什么是网页

1.1.2 网页类型

1.2 学习任务：认识网站

1.2.1 什么是网站

1.2.2 网址与域名

1.2.3 网页的基本构成元素

1.2.4 网页制作常用软件和技术

1.3 学习任务：网站建设基本流程

1.3.1 网站的需求分析

1.3.2 规划网站结构

1.3.3 收集素材

1.3.4 设计与制作网站

1.3.5 网站的发布

1.4 学习任务：HTML语言基础知识

1.4.1 HTML简介

1.4.2 常用文本标签

1.4.3 列表标签

1.4.4 超链接标签

1.4.5 图像标签

1.4.6 表格标签

1.4.7 表单标签

1.4.8 框架标签

1.4.9 其他标签

1.5 实训

1.5.1 实训一 制作滚动图片链接

1.5.2 实训二 应用文本标签排版文本

1.5.3 实训三 列表标签的使用

1.6 习题

第2章 网页版式设计与色彩搭配

2.1 案例分析：不同风格网页作品欣赏与解析

2.2 学习任务：网页版式设计

2.2.1 版式设计概述

2.2.2 网页版式的尺寸和构成要素

2.2.3 网页版式设计原则

2.2.4 网页的版式设计风格

2.3 学习任务：色彩的基本理论及其视觉效果

2.3.1 色彩的基本理论

2.3.2 色彩的视觉效果

2.4 学习任务：网页中的色彩及配色

2.4.1 网页色彩

2.4.2 网页配色原理

2.4.3 网页配色技巧

2.5 实训——浏览著名网站并归纳版式设计与色彩搭配技巧

2.6 习题

第3章 Dreamweaver CS3入门

3.1 学习任务：全面认识Dreamweaver CS3

3.1.1 Dreamweaver CS3的主要功能

3.1.2 Dreamweaver CS3的安装需求

3.2 学习任务：Dreamweaver CS3操作环境介绍

3.2.1 启动Dreamweaver CS3

3.2.2 Dreamweaver CS3工作界面介绍

3.3 案例1 创建并保存简单HTML文档

3.3.1 创建网页文档

3.3.2 设置页面属性

3.3.3 保存并浏览网页文档

3.4 学习任务：本地站点的规划与创建

3.4.1 站点的概念

3.4.2 规划站点

3.4.3 创建本地站点

3.4.4 管理站点

3.5 实训

3.5.1 实训一 熟悉Dreamweaver CS3操作环境

3.5.2 实训二 创建本地站点及简单个人网页

3.6 习题

第4章 网页文本和图像

4.1 案例1 制作文本网页

4.1.1 在新建文档中直接输入文本

4.1.2 复制添加其他文档中的文本

4.1.3 导入其他文档中的文本

4.1.4 设置文本属性

4.2 案例2 修饰文本网页

4.2.1 打开文档

4.2.2 设置项目符号或编号

4.2.3 插入特殊符号、水平线和日期

4.3 学习任务：文本标签

4.3.1 文本标签及源代码分析

4.3.2 在标签选择器中设置文本标签的属性

4.4 学习任务：网页图像与网页图像处理工具

4.4.1 网页中常见的图像格式

4.4.2 常用网页图像处理软件

4.5 案例3 制作图像网页

4.5.1 插入图像

4.5.2 设置图像属性

4.5.3 编辑图像

4.5.4 插入图像占位符

4.5.5 插入鼠标经过图像

4.6 案例4 制作图文混排网页

4.7 实训——制作卡片新机介绍网页

4.8 习题

第5章 网页超链接

5.1 案例1 为网页创建超链接

5.1.1 超链接概述

5.1.2 创建超链接

5.2 案例2 创建各类超链接

5.2.1 创建锚点链接

5.2.2 创建E-mail链接

5.2.3 创建空链接

5.2.4 创建脚本链接

5.3 案例3 创建图像地图

5.4 实训

5.4.1 实训一 制作“黄金十二宫”介绍网页

5.4.2 实训二 制作母亲节网页

5.5 习题

第6章 表格

6.1 案例1 使用表格制作学生成绩单

6.1.1 在页面中插入表格

6.1.2 设置表格属性

6.1.3 编辑表格

6.2 学习任务：表格标签

6.2.1 使用表格标签制作网页表格

6.2.2 在标签选择器中设置表格的属性

6.3 案例2 利用表格布局网页

6.3.1 使用表格进行网页布局

6.3.2 导入和导出表格数据

6.3.3 导入和导出表格式数据

6.3.4 排序表格

6.4 案例3 利用表格的布局模式实现复杂的页面布局

6.4.1 在表格布局模式下绘制表格或单元格

6.4.2 利用布局表格布局网页

6.5 实训

6.5.1 实训一 制作健康美食网

6.5.2 实训二 制作时尚礼品网

6.6 习题

第7章 框架

7.1 案例1 利用框架布局网页

7.1.1 认识框架与框架集

7.1.2 创建框架和框架集

7.1.3 保存框架和框架集

7.1.4 向框架中添加内容

7.2 案例2 制作复杂的框架网页

7.2.1 选择框架

7.2.2 拆分框架

7.2.3 设置框架和框架集属性

7.2.4 链接框架

7.3 学习任务：框架标签

7.4 案例3 创建浮动框架网页

7.5 实训——花园式楼盘网

7.6 习题

第8章 使用AP Div布局网页

8.1 学习任务：AP Div基础知识

8.1.1 AP Div概述

8.1.2 创建AP Div元素工具栏

8.1.3 AP Div元素的“属性”面板

8.1.4 AP元素面板

8.2 案例1 创建AP Div元素并在其中添加文字和图像

8.3 学习任务：AP Div与表格相互转换

8.3.1 将AP Div元素转换为表格

8.3.2 将表格转换为AP Div元素

8.4 案例2 使用Div制作网页下拉菜单

8.4.1 Div标签

8.4.2 使用Div制作下拉菜单

8.5 实训——利用AP Div布局网页

8.6 习题

第9章 CSS样式表

9.1 学习任务：认识CSS样式表

9.1.1 CSS的基本概念

9.1.2 CSS基本语法

9.1.3 CSS样式的引用

9.1.4 CSS样式面板

9.2 学习任务：CSS样式的创建与属性设置

9.2.1 创建CSS样式

9.2.2 设置CSS属性

9.2.3 通过CSS样式面板设置CSS属性

9.3 学习任务：应用CSS样式

9.3.1 链接和导入外部CSS样式

9.3.2 编辑和删除CSS样式

9.3.3 在文档中应用CSS样式

9.4 案例1 利用CSS样式美化网页

9.5 实训

9.5.1 应用CSS样式制作投影文字

9.5.2 使用CSS样式设计导航菜单

9.6 习题

第10章 使用行为制作网页特效

10.1 学习任务：认识行为

10.1.1 行为概述

10.1.2 行为面板

10.1.3 事件

10.1.4 Dreamweaver CS3的标准行为

10.2 案例1 制作网页加载时弹出公告页

10.3 案例2 利用JavaScript实现关闭网页

10.3.1 认识JavaScript

10.3.2 利用JavaScript实现关闭网页

10.4 案例3 使用行为设置图像特效

10.4.1 交换图像

10.4.2 设置导航栏图像

10.5 案例4 通过行为设置文本

10.5.1 设置状态栏文本

10.5.2 设置容器的文本

10.6 案例5 通过行为设置跳转菜单效果

10.7 案例6 制作网页拼图游戏

10.8 实训——使用“效果”行为设置图像增大/收缩特效

10.9 习题

第11章 使用表单

11.1 学习任务：表单和表单对象

11.1.1 表单

11.1.2 表单对象

11.2 案例1 制作留言簿

11.2.1 留言簿界面设计

11.2.2 创建文本域

11.2.3 创建按钮

11.3 案例2 会员注册

11.3.1 会员注册界面设计

11.3.2 创建单选按钮

11.3.3 创建复选框

11.3.4 创建列表/菜单

11.4 案例3 HTML的表单标签

11.5 案例4 在网页中使用Spry布局对象

11.5.1 插入Spry菜单栏

11.5.2 插入Spry选项卡式面板

11.5.3 插入Spry折叠式控件

11.5.4 插入Spry可折叠面板控件

11.6 实训

11.6.1 实训一 网上报名表单

11.6.2 实训二 客户调查表单

11.6.3 实训三 制作QQ聊天室

11.7 习题

第12章 制作多媒体网页

12.1 案例1 创建时间轴动画

12.1.1 时间轴及“时间轴”面板

12.1.2 使用时间轴创建动画

12.2 案例2 创建图像动画

12.2.1 编辑时间轴

12.2.2 创建图像动画

12.3 案例3 在网页中插入Flash对象

12.3.1 插入Flash动画

12.3.2 添加Flash按钮

12.3.3 插入Flash文本

12.4 案例4 插入音频

12.4.1 音频文件格式

12.4.2 在网页中嵌入音频

12.4.3 为网页添加背景音乐

12.5 案例5 插入视频

12.5.1 视频文件格式

12.5.2 插入视频

12.6 学习任务：插入其他多媒体对象

12.6.1 插入Shockwave影片

12.6.2 插入Applet

12.6.3 插入ActiveX控件

12.7 实训

12.7.1 实训一 为宝贝相册网页添加背景音乐

12.7.2 实训二 制作网页导航菜单

12.7.3 实训三 制作美食展示网

12.8 习题

第13章 模板和库

13.1 案例1 创建基于模板的网页

13.1.1 模板概述

13.1.2 创建模板

13.1.3 定义模板的可编辑区域

13.1.4 创建基于模板的网页

13.1.5 管理模板

13.2 案例2 使用库更新网页

13.2.1 库概述

13.2.2 创建库项目

13.2.3 设置库属性

13.2.4 在网页中应用库项目

13.2.5 更新库文件

13.3 实训

13.3.1 实训一 使用模板制作网页

13.3.2 实训二 向网页中添加库项目

13.4 习题

第14章 Dreamweaver与ASP协同工作

14.1 学习任务：动态网页及实现技术

14.1.1 认识动态网页

14.1.2 常见的动态网页实现技术

14.2 学习任务：搭建动态网页平台

14.2.1 安装IIS

14.2.2 配置IIS

14.3 学习任务：ASP基础

14.3.1 ASP文件的组成

14.3.2 ASP的内置对象

14.4 案例1 在Dreamweaver中制作简单ASP动态网页

14.4.1 创建虚拟目录

14.4.2 创建动态网页文档

14.4.3 浏览动态网页

14.5 实训——制作注册确认网页

14.6 习题

第15章 测试、发布、管理和维护站点

15.1 学习任务：测试站点

15.1.1 测试浏览器的兼容性

15.1.2 测试链接

15.1.3 使用报告测试站点

15.1.4 辅助功能测试

15.2 学习任务：注册域名、申请空间及发布站点

15.2.1 注册域名

15.2.2 申请空间

15.2.3 发布站点

15.3 学习任务：网站的宣传

15.3.1 提交搜索引擎

15.3.2 友情链接

15.3.3 网络广告

15.3.4 邮件广告

15.3.5 使用留言板、博客

15.4 实训——注册免费域名空间并提交搜索引擎

15.5 习题

第16章 综合应用实例

16.1 网站建设的前期准备工作

16.1.1 网站整体需求分析

16.1.2 确定网站风格

16.1.3 网站板块划分

16.1.4 网站素材搜集

16.2 创建站点

16.3 网站主页制作

16.3.1 使用AP Div布局页面

16.3.2 设置页面属性

16.3.3 插入图片

16.3.4 添加导航条

16.3.5 输入文本

16.4 子页面的制作

附录A index.css参考代码

《网页设计与制作案例教程》是从事Dreamweaver课程教学的教师和两位经验丰富的企业设计师合作编写而成。全书分为16章，第1～2章介绍了网页及网站建设流程、网页基本语言HTML、网页版式设计与色彩搭配；第3～15章介绍了网页设计软件Dreamweaver CS3的主要功能及网页设计与制作方法；第16章从DiV+CSS作为技术架构，介绍基于HTML语言的企业网站前台。
《网页设计与制作案例教程》内容均以任务驱动、案例学习为主线。通过学习任务来掌握必需的、常用的知识和技能。案例学习目标明确、设计精巧、代表性强。通过学习一系列“由简到繁、由易到难、承前启后”的阶梯式案例，使读者真正掌握网页设计与制作的方法与技能，提高解决实际问题的能力，并起到了举一反三的作用。
《网页设计与制作案例教程》形式新颖、内容翔实、案例丰富、操作讲解详尽、步骤完整、重点突出、浅显易懂，设计编排符合高职高专学生的认知水平。

《网页设计与制作案例教程》任务驱动教学，编写体系合理，内容安排科学、恰当。
“由简到繁、由易到难、承前启后”阶梯式案例、目标明确、举一反三。
由多年从事见面设计教学的教师和经验丰富的企业设计师共同编写而成。
配有素材、电子课件、教学建议、习题解答和实例等，登录华信教育资源网免费下载。