第1篇 Dreamweaver网页设计

第1章 网页设计与网站建设认知

1.1 认识网页和网站

1.1.1 什么是网页

1.1.2 什么是网站

1.1.3 网站的种类和特点

1.2 网页的相关概念

1.2.1 因特网与万维网

1.2.2 浏览器与HTML

1.2.3 URL、域名与IP地址

1.2.4 上传和下载

1.3 网页的HTML构成

1.3.1 文档标记

1.3.2 头部标记

1.3.3 主体标记

1.4 HTML的常用标记

1.4.1 标题标记＜h1＞到＜h6＞

1.4.2 段落标记＜p＞

1.4.3 换行标记＜br＞

1.4.4 链接标记＜a＞

1.4.5 列表标记＜ul＞

1.4.6 图像标记＜img＞

1.4.7 表格标记＜table＞

1.4.8 框架标记＜frame＞

1.4.9 表单标记＜form＞

1.4.10 注释标记＜！＞

1.4.11 移动标记＜marquee＞

1.5 实战演练——制作日程表

1.6 跟我练练手

1.6.1 练习目标

1.6.2 上机练习

1.7 高手甜点

第2章 整体把握网站结构——网站配色与布局

2.1 善用色彩设计网页

2.1.1 认识色彩

2.1.2 网页上的色彩处理

2.2 网页色彩的搭配

2.2.1 确定网站的主题色

2.2.2 网页色彩搭配原理

2.2.3 网页中色彩的搭配

2.2.4 网页元素的色彩搭配

2.2.5 网页色彩搭配的技巧

2.3 布局网站板块结构

2.3.1 “国”字型

2.3.2 标题正文型

2.3.3 左右框架型

2.3.4 上下框架型

2.3.5 综合框架型

2.3.6 封面型

2.3.7 Flash型

2.4 网站配色应用案例

2.4.1 案例1——网络购物网站的色彩应用

2.4.2 案例2——游戏网站的色彩应用

2.4.3 案例3——企业门户网站的色彩应用

2.4.4 案例4——时政新闻网站的色彩应用

2.4.5 案例5——影音视频网站的色彩应用

2.4.6 案例6——电子商务网站的色彩应用

2.4.7 案例7——娱乐网站的色彩应用

2.5 实战演练——定位网站页面的框架

2.6 跟我练练手

2.6.1 练习目标

2.6.2 上机练习

2.7 高手甜点

第3章 磨刀不误砍柴工——Dreamweaver CS6创建网站站点

3.1 认识Dreamweaver CS6的工作环境

3.1.1 启动Dreamweaver CS6

3.1.2 认识Dreamweaver CS6的工作区

3.1.3 熟悉Dreamweaver CS6的面板

3.2 创建站点

3.2.1 案例1——创建本地站点

3.2.2 案例2——使用【文件】面板创建站点

3.3 管理站点

3.3.1 案例3——打开站点

3.3.2 案例4——编辑站点

3.3.3 案例5——删除站点

3.3.4 案例6——复制站点

3.4 操作站点文件及文件夹

3.4.1 案例7——创建文件夹

3.4.2 案例8——创建文件

3.4.3 案例9——文件或文件夹的移动和复制

3.4.4 案例10——删除文件或文件夹

3.5 实战演练——建立站点文件和文件夹

3.6 跟我练练手

3.6.1 练习目标

3.6.2 上机练习

3.7 高手甜点

第4章 制作我的第一个网页——网页内容之美

4.1 文档的基本操作

4.1.1 案例1——创建空白文档

4.1.2 案例2——设置页面属性

4.2 用文字美化网页

4.2.1 案例3——插入文字

4.2.2 案例4——设置字体

4.2.3 案例5——设置字号

4.2.4 案例6——设置字体颜色

4.2.5 案例7——设置字体样式

4.2.6 案例8——编辑段落

4.2.7 案例9——检查拼写

4.2.8 案例10——创建项目列表

4.3 用图像美化网页

4.3.1 案例11——插入图像

4.3.2 案例12——图像属性设置

4.3.3 案例13——图像的对齐方式

4.3.4 案例14——插入鼠标经过图像

4.3.5 案例15——插入图像占位符

4.4 用动画美化网页

4.4.1 案例16——插入Flash动画

4.4.2 案例17——插入FLV视频

4.5 用其他网页元素美化网页

4.5.1 案例18——插入水平线

4.5.2 案例19——插入日期

4.5.3 案例20——插入特殊字符

4.6 综合演练——制作图文并茂的网页

4.7 跟我学上机

4.7.1 练习目标

4.7.2 上机练习

4.8 高手甜点

第5章 Web新面孔——HTML 5新增元素与属性速览

5.1 新增的主体结构元素

5.1.1 案例1——section元素

5.1.2 案例2——article元素

5.1.3 案例3——aside元素

5.1.4 案例4——nav元素

5.1.5 案例5——time元素

5.2 新增的非主体结构元素

5.2.1 案例6——header元素

5.2.2 案例7——hgroup元素

5.2.3 案例8——footer元素

5.2.4 案例9——figure元素

5.2.5 案例10——address元素

5.3 新增其他常用元素

5.3.1 案例11——mark元素

5.3.2 案例12——rp、rt与ruby元素

5.3.3 案例13——progress元素

5.3.4 案例14——command元素

5.3.5 案例15——embed元素

5.3.6 案例16——details与summary元素

5.3.7 案例17——datalist元素

5.4 新增的全局属性

5.4.1 案例18——content Editable属性

5.4.2 案例19——spellcheck属性

5.4.3 案例20——tabindex属性

5.5 HTML新增属性与废除的属性

5.5.1 案例21——表单属性

5.5.2 案例22——链接相关属性

5.5.3 案例23——其他属性

5.5.4 HTML 5中已废除的属性

5.6 综合演练——制作HTML 5的网页

5.7 跟我练练手

5.7.1 练习目标

5.7.2 上机练习

5.8 高手甜点

第6章 不在网页中迷路——设计网页超链接

6.1 链接与路径

6.1.1 链接的概念

6.1.2 链接路径

6.1.3 链接的类型

6.2 添加网页超链接

6.2.1 案例1——添加文本链接

6.2.2 案例2——添加图像链接

6.2.3 案例3——创建外部链接

6.2.4 案例4——创建锚记链接

6.2.5 案例5——创建图像热点链接

6.2.6 案例6——创建电子邮件链接

6.2.7 案例7——创建下载文件的链接

6.2.8 案例8——创建空链接

6.2.9 案例9——创建脚本链接

6.3 案例10——链接的检查

6.4 实战演练——为企业网站添加友情链接

6.5 跟我练练手

6.5.1 练习目标

6.5.2 上机练习

6.6 高手甜点

第7章 让网页互动起来——使用网页表单和行为

7.1 在网页中插入表单元素

7.1.1 案例1——插入表单域

7.1.2 案例2——插入文本域

7.1.3 案例3——插入单行文本域

7.1.4 案例4——插入多行文本域

7.1.5 案例5——插入密码域

7.2 在网页中插入复选框和单选按钮

7.2.1 案例6——插入复选框

7.2.2 案例7——插入单选按钮

7.3 制作网页列表和菜单

7.3.1 案例8——插入下拉菜单

7.3.2 案例9——插入滚动列表

7.4 在网页中插入按钮

7.4.1 案例10——插入按钮

7.4.2 案例11——插入图像按钮

7.5 添加网页行为

7.5.1 案例12——打开【行为】面板

7.5.2 案例13——添加行为

7.6 常用行为的应用

7.6.1 案例14——交换图像

7.6.2 案例15——弹出信息

7.6.3 案例16——打开浏览器窗口

7.6.4 案例17——检查表单行为

7.6.5 案例18——设置状态栏文本

7.7 实战演练——使用表单制作留言本

7.8 跟我练练手

7.8.1 练习目标

7.8.2 上机练习

7.9 高手甜点

第8章 初步接触网页布局——使用表格布局网页

8.1 插入表格

8.2 选中表格

8.2.1 案例1——选中完整的表格

8.2.2 案例2——选中行和列

8.2.3 案例3——选中单元格

8.3 表格属性

8.3.1 案例4——设置单元格属性

8.3.2 案例5——设置整个表格属性

8.4 操作表格

8.4.1 案例6——调整表格的大小

8.4.2 案例7——增加行和列

8.4.3 案例8——删除行、列、单元格

8.4.4 案例9——剪切、复制和粘贴单元格

8.4.5 案例10——合并和拆分单元格

8.5 操作表格数据

8.5.1 案例11——在表格中输入文本

8.5.2 案例12——在表格中插入图像

8.5.3 案例13——表格中的数据排序

8.6 实战演练——使用表格布局网页

8.7 跟我练练手

8.7.1 练习目标

8.7.2 上机练习

8.8 高手甜点

第9章 极速的页面布局——使用框架布局网页

9.1 认识框架

9.2 创建框架

9.2.1 案例1——创建预定义的框架集

9.2.2 案例2——在框架中添加内容

9.2.3 案例3——创建嵌套框架集

9.2.4 案例4——创建浮动框架

9.3 保存框架和框架集文件

9.3.1 案例5——保存所有的框架集文件

9.3.2 案例6——保存框架集文件

9.3.3 案例7——保存框架文件

9.4 选中框架和框架集

9.4.1 案例8——认识【框架】面板

9.4.2 案例9——在【框架】面板中选中框架或框架集

9.4.3 案例10——在文档窗口中转移框架或框架集

9.5 设置框架和框架集属性

9.5.1 案例11——设置框架属性

9.5.2 案例12——设置框架集属性

9.5.3 案例13——改变框架的背景颜色

9.6 实战演练——创建左右结构框架的网页

9.7 跟我练练手

9.7.1 练习目标

9.7.2 上机练习

9.8 高手甜点

第10章 批量制作风格统一的网页——使用模板

10.1 创建模板

10.1.1 案例1——在空白文档中创建模板

10.1.2 案例2——在【资源】面板中创建模板

10.1.3 案例3——使用现有文档创建模板

10.1.4 案例4——创建可编辑区域

10.2 管理模板

10.2.1 案例5——从模板中分离文档

10.2.2 案例6——更新模板和基于模板的网页

10.3 实战演练——创建基于模板的页面

10.4 跟我练练手

10.4.1 练习目标

10.4.2 上机练习

10.5 高手甜点

第2篇 网页美化与布局

第11章 读懂样式表密码——使用CSS样式表美化网页

11.1 初识CSS

11.1.1 CSS概述

11.1.2 CSS的作用

11.1.3 CSS的基本语法

11.2 使用CSS样式美化网页

11.2.1 案例1——使用字体样式美化文字

11.2.2 案例2——使用文本样式美化文本

11.2.3 案例3——使用背景样式美化背景

11.2.4 案例4——使用链接样式美化链接

11.2.5 案例5——使用列表样式美化列表

11.2.6 案例6——使用区块样式美化区块

11.2.7 案例7——使用宽高样式设定宽高

11.2.8 案例8——使用边框样式美化边框

11.3 使用CSS滤镜美化网页

11.3.1 CSS滤镜概述

11.3.2 案例9——Alpha滤镜

11.3.3 案例10——Blur滤镜

11.3.4 案例11——Chroma滤镜

11.3.5 案例12——DropShadow滤镜

11.3.6 案例13——FlipH滤镜和FlipV滤镜

11.3.7 案例14——Glow滤镜

11.3.8 案例15——Gray滤镜

11.3.9 案例16——Invert滤镜

11.3.10 案例17——Mask滤镜

11.3.11 案例18——Shadow滤镜

11.3.12 案例19——Wave滤镜

11.3.13 案例20——X-ray滤镜

11.4 实战演练——设定网页中的链接样式

11.5 跟我练练手

11.5.1 练习目标

11.5.2 上机练习

11.6 高手甜点

第12章 架构师的大比拼——网页布局典型案例

12.1 使用CSS排版

12.1.1 案例1——将页面用DIV分块

12.1.2 案例2——设置各块位置

12.1.3 案例3——用CSS定位

12.2 固定宽度网页剖析与布局

12.2.1 案例4——网页单列布局模式

12.2.2 案例5——网页1-2-1型布局模式

12.2.3 案例6——网页1-3-1型布局模式

12.3 自动缩放网页1-2-1型布局模式

12.3.1 案例7——1-2-1型等比例变宽布局

12.3.2 案例8——1-2-1型单列变宽布局

12.4 自动缩放网页1-3-1型布局模式

12.4.1 案例9——1-3-1型三列宽度等比例布局

12.4.2 案例10—1-3-1型单侧列宽度固定的变宽布局

12.4.3 案例11——1-3-1型中间列宽度固定的变宽布局

12.4.4 案例12——1-3-1型双侧列宽度固定的变宽布局

12.4.5 案例13——1-3-1型中列和侧列宽度固定的变宽布局

12.5 实战演练——使用CSS设定网页布局列的背景色

12.6 跟我练练手

12.6.1 练习目标

12.6.2 上机练习

12.7 高手甜点

第13章 让别人浏览我的成果——网站的发布

13.1 上传网站前的准备工作

13.1.1 注册域名

13.1.2 申请空间

13.2 测试网站

13.2.1 案例1——测试站点范围的链接

13.2.2 案例2——改变站点范围的链接

13.2.3 案例3——查找和替换

13.2.4 案例4——清理文档

13.3 上传网站

13.3.1 案例5——使用Dreamweaver上传网站

13.3.2 案例6——使用FTP工具上传网站

13.4 跟我练练手

13.4.1 练习目标

13.4.2 上机练习

13.5 高手甜点

第3篇 动态网站开发篇

第14章 制作动态网页基础——构建动态网站的运行环境

14.1 准备互动网页的执行环境

14.1.1 什么是PHP

14.1.2 执行PHP的程序

14.2 架设IIS+PHP的执行环境

14.2.1 案例1——IIS网站服务器的安装与设置

14.2.2 案例2——在IIS网站服务器上安装PHP

14.3 架设Apache+PHP的执行环境

14.3.1 案例3——Apache网站服务器的安装与设置

14.3.2 案例4——在Apache网站服务器上安装PHP

14.4 MySQL数据库的安装

14.4.1 案例5——MySQL数据库的安装

14.4.2 案例6——phpMyAdmin的安装

14.5 实战演练——快速安装PHP集成环境：AppServ 2.5

14.6 跟我练练手

14.6.1 练习目标

14.6.2 上机练习

14.7 高手甜点

第15章 架起动态网页的桥梁——定义动态网站与使用MySQL数据库

15.1 定义一个互动网站

15.1.1 定义互动网站的重要性

15.1.2 案例1——在Dreamweaver CS6中定义网站

15.2 MySQL数据库的使用

15.2.1 数据库的原理

15.2.2 案例2——数据库的建立

15.3 在网页中使用MySQL数据库

15.3.1 网页取得数据库的原理

15.3.2 案例3——建立MySQL数据库连接

15.3.3 案例4——绑定记录集

15.4 加密MySQL数据库

15.4.1 MySQL数据库的安全问题

15.4.2 案例4——为MySQL管理账号加上密码

15.5 实战演练——数据库的备份与还原

15.6 跟我练练手

15.6.1 练习目标

15.6.2 上机练习

15.7 高手甜点

第16章 开启动态网页制作之路——动态网站应用模块开发

16.1 网站模块的概念

16.2 网站模块的使用

16.2.1 案例1——程序源文件的复制

16.2.2 案例2——新建站点

16.3 常用动态网站模块开发

16.3.1 案例3——在线点播模块开发

16.3.2 案例4——网页搜索模块开发

16.3.3 案例5——在线支付模块开发

16.3.4 案例6——在线客服模块开发

16.3.5 案例7——天气预报模块开发

第17章 娱乐休闲类网站开发实战

17.1 网站分析及准备工作

17.1.1 设计分析

17.1.2 网站工作流程图

17.1.3 数据库分析

17.1.4 制作程序基本数据表

17.2 网站结构分析

17.3 网站主页面的制作

17.3.1 管理站点

17.3.2 网站广告管理主页面的制作

17.4 网站二级页面的制作

17.5 网站后台分析与讨论

17.6 网站成品预览

第18章 电子商务类网站开发实战

18.1 网站分析及准备工作

18.1.1 设计分析

18.1.2 网站流程图

18.1.3 数据库分析

18.1.4 制作程序基本数据表

18.2 网站结构分析

18.3 网站主页面的制作

18.3.1 管理站点

18.3.2 网站广告管理主页面的制作

18.4 网站二级页面的制作

18.4.1 企业新闻列表页

18.4.2 企业产品展示列表页

18.5 网站后台分析与讨论

18.6 网站成品预览

第4篇 网站全能拓展篇

第19章 增加点击率——网站优化与推广

19.1 在网站中添加广告

19.1.1 网站广告分类

19.1.2 添加网站广告

19.2 添加实用查询工具

19.2.1 添加天气预报

19.2.2 添加IP查询

19.2.3 添加万年历

19.2.4 添加列车时刻查询

19.3 网站的宣传与推广

19.3.1 网站宣传实用策略

19.3.2 利用大众传媒进行推广

19.3.3 利用网络媒介进行推广

19.3.4 利用其他形式进行推广

19.4 实战演练——查看网站的流量

19.5 跟我练练手

19.5.1 练习目标

19.5.2 上机练习

19.6 高手甜点

第20章 打造坚实的保垒——网站安全与防御

20.1 网站维护基础知识

20.1.1 网站的维护与安全

20.1.2 常见的网站攻击方式

20.2 网站安全防御策略

20.2.1 检测上传文件的安全性

20.2.2 设置网站的访问权限

20.4 高手甜点