网页设计与制作案例教程

第1章 网页设计与制作基础

1.1 网页的基础知识

1.1.1 Internet与Web

1.1.2 网页、网站与主页

1.1.3 网站的分类与赏析

1.1.4 网页的配色与布局

1.2 网站开发流程

1.2.1 网站策划流程

1.2.2 网站制作流程

1.2.3 网站维护流程

1.3 初识Dreamweaver CS

1.3.1 Dreamweaver CS5简介

1.3.2 Dreamweaver CS5窗口界面

1.3.3 Dreamweaver CS5的基本操作

1.4 站点的创建与管理

1.4.1 创建本地站点

1.4.2 管理站点文件

1.4.3 管理本地站点

1.5 HTML 5基础

1.5.1 HTML 5简介

1.5.2 HTML 5的基本结构

1.5.3 HTML 5的基本标记

1.6 案例；网站首页

练习题

第2章 网页中文本的创建

2.1 文本的基本操作

2.1.1 在网页中输入文本

2.1.2 设置字体

2.1.3 设置字号

2.1.4 设置字体颜色

2.1.5 设置字体样式

2.1.6 编辑与设置段落格式

2.1.7 设置是否显示不可见元素

2.2 插入特殊文本对象

2.2.1 插入特殊字符

2.2.2 插入水平线

2.2.3 插入注释

2.2.4 插入日期

2.3 项目符号和编号列表

2.3.1 创建项目列表

2.3.2 更改项目列表

2.3.3 多级项目列表

2.3.4 创建编号列表

2.3.5 更改编号列表

2.3.6 多级编号列表

2.4 设置网页的页面属性

2.5 案例；站点的建立

练习题

第3章 图像、多媒体元素与超链接

3.1 网页中图像的应用

3.1.1 网页中常用的图像格式

3.1.2 插入图像

3.1.3 设置图像属性

3.1.4 调整图像的对齐方式

3.2 网页中多媒体的应用

3.2.1 插入Flash 元素

3.2.2 插入音频

3.3 创建超链接

3.3.1 超链接概述

3.3.2 创建超链接

3.3.3 创建E-mail链接

3.3.4 创建锚点链接

3.3.5 创建图像链接

3.3.6 创建图像热点链接

3.4 案例；制作图文混排页面

练习题

第4章 CSS3样式

4.1 CSS3样式的概念

4.1.1 CSS3介绍

4.1.2 CSS3样式控制面板

4.1.3 CSS3样式的类型

4.2 样式的类型和创建

4.2.1 创建CSS样式

4.2.2 附加外部CSS样式

4.2.3 应用CSS样式

4.2.4 编辑CSS样式

4.2.5 删除CSS样式

4.3 编辑样式

4.4 CSS3的属性设置

4.4.1 类型设置

4.4.2 背景设置

4.4.3 区块设置

4.4.4 方框设置

4.4.5 边框设置

4.4.6 列表设置

4.4.7 定位设置

4.4.8 扩展设置

4.5 案例；使用CSS3美化页面

4.5.1 用CSS轻松美化文字

4.5.2 CSS的图文混排效果

练习题

第5章 表格的使用

5.1 表格的简单操作

5.1.1 表格概述

5.1.2 表格的组成

5.1.3 插入表格

5.1.4 表格各元素的属性

5.1.5 在表格中插入内容

5.1.6 选择表格元素

5.1.7 复制、粘贴表格

5.1.8 合并和拆分单元格

5.1.9 增加和删除表格的行和列

5.2 网页中的数据表格

5.2.1 导入和导出表格的数据

5.2.2 排序表格

5.3 复杂表格的排版

5.4 案例；制作表格布局的页面

练习题

第6章 框架与框架集

6.1 框架与框架集的基本操作

6.1.1 框架与框架集

6.1.2 建立框架集

6.1.3 框架的选择

6.1.4 为框架添加内容

6.1.5 保存框架

6.1.6 修改框架的大小

6.1.7 拆分框架

6.1.8 删除框架

6.2 框架的属性设置

6.2.1 框架集属性

6.2.2 框架属性

6.2.3 改变框架的背景颜色

6.2.4 框架中的链接

6.3 案例；制作框架网页

练习题

第7章 AP Div、行为和表单的使用

7.1 AP Div的基本操作

7.2 AP Div与表格的相互转换

7.2.1 将AP Div元素转换成表格

7.2.2 将表格转换为AP Div元素

7.3 认识行为

7.4 行为的基本操作

7.4.1 设置弹出提示信息

7.4.2 制作网页加载时弹出公告页

7.4.3 设置交换图像特效

7.4.4 设置状态栏文本

7.5 表单和表单对象

7.6 案例；制作“家乡山水”页面

练习题

第8章 Div＋CSS布局入门

8.1 Div＋CSS概述

8.1.1 插入Div

8.1.2 Div的嵌套

8.2 盒模型

8.3 CSS的定位和浮动

8.3.1 CSS 定位属性

8.3.2 CSS浮动属性

8.3.3 清除浮动

8.4 CSS3的布局方式

8.4.1 居中的布局设计

8.4.2 浮动的布局设计

8.4.3 高度自适应

8.5 CSS3中盒模型的新增属性

8.5.1 实战1；overflow

8.5.2 实战2；overflow-x

8.5.3 实战3；overflow-y

8.6 案例；使用Div＋CSS布局网页

练习题

第9章 CSS3与JavaScript搭配应用

9.1 JavaScript概述

9.1.1 JavaScript的概念

9.1.2 JavaScript的引用

9.1.3 JavaScript与CSS

9.2 JavaScript语法基础

9.2.1 数据类型

9.2.2 变量

9.2.3 运算符

9.2.4 流程控制语句

9.2.5 函数

9.3 实战1；跑马灯效果

9.4 实战2；左右移动的图片

9.5 实战3；跟随鼠标指针移动的图片

9.6 案例；制作树形导航菜单

练习题

第10章 资源、模板和库

10.1 资源管理

10.1.1 站点“资源”与“资源”面板

10.1.2 管理站点资源

10.2 创建基于模板的网页

10.2.1 模板简介

10.2.2 创建模板

10.2.3 定义模板的可编辑区域

10.2.4 创建基于模板的文档

10.2.5 在现有文档上应用模板

10.2.6 编辑模板

10.2.7 从模板中分离文档

10.2.8 更新基于模板的页面

10.3 使用库项目

10.3.1 库简介

10.3.2 创建库项目

10.3.3 管理和编辑库项目

10.4 案例；利用模板制作风格统一的页面

练习题

第11章 ASP动态网页开发

11.1 ASP动态网页基础

11.1.1 ASP动态网页概述

11.1.2 ASP的运行环境

11.1.3 ASP语法基础

11.1.4 创建ASP网页

11.2 ASP内置对象

11.2.1 Response对象

11.2.2 Request对象

11.2.3 Cookies集合

11.2.4 Session对象

11.2.5 Server对象

11.2.6 Application对象

11.2.7 Inc文件和Global.asa文件

11.3 ADO数据对象接口

11.3.1 ADO接口概述

11.3.2 Connection对象

11.3.3 RecordSet对象

11.3.4 Command对象

11.3.5 使用ADO技术存取数据库的方法

11.4 实例；简单聊天系统

练习题

第12章 移动网页的设计

12.1 桌面Web与移动Web

12.1.1 移动Web和桌面的差异

12.1.2 移动Web的限制

12.2 移动Web语言与协议

12.3 移动网页的制作

12.3.1 确定协议和语言

12.3.2 静态页面的制作

12.3.3 动态开发框架介绍

12.3.4 移动Web调试软件

练习题

第13章 网站的发布与管理

13.1 网站的测试

13.1.1 功能测试

13.1.2 兼容性测试

13.1.3 性能测试

13.1.4 安全性测试

13.2 网站的发布

13.2.1 域名的申请

13.2.2 空间的购买

13.2.3 网站的上传

13.3 远程站点的管理与维护

13.3.1 上传与获取文件

13.3.2 本地与远程的同步

13.3.3 遮盖上传

13.4 团队合作

13.4.1 存回和取出

13.4.2 设计备注

练习题

第14章 心灵深入的旋律——音乐网站

14.1 构思布局

14.1.1 设计分析

14.1.2 排版架构

14.2 模块分割

14.2.1 页头部分

14.2.2 左侧内容列表

14.2.3 中间内容列表

14.2.4 右侧内容列表

14.2.5 页脚部分

14. 3 整体调整

14.3.1 页面内容主体调整

14.3.2 页面整体调整

练习题

参考文献

《网页设计与制作案例教程（Dreamweaver CS5+Div+CSS+JavaScript）/21世纪高等教育计算机规划教材》采用DreamweaverCS5作为网页编辑工具，通过各种典型、实用的案例来详细剖析网站前台开发中的基本知识和技能技巧，并辅以适当的动态网页（ASP）和移动网页（WAP）开发知识，使读者能够全面掌握所学知识并能够设计与开发网站。
　　《网页设计与制作案例教程（Dreamweaver CS5+Div+CSS+JavaScript）/21世纪高等教育计算机规划教材》共分14章，主要内容涉及HTML5、网页中文本、图像、多媒体元素与超链接的使用，CSS3样式、表格、框架与框架集等网页设计与制作的初级应用：APDiv、行为和表单、Div+CSS3布局、CSS3与JavaScript、资源、模板和库等网页设计与制作的高级应用：动态网页和移动网页开发知识、网站发布和管理、综合实例等。
　　《网页设计与制作案例教程（Dreamweaver CS5+Div+CSS+JavaScript）/21世纪高等教育计算机规划教材》也可供网页设计与制作初学者、Web开发人员阅读。可作为高等院校相关专业网页设计与制作课程的教材。