第1篇 基础知识

第1章 开启网页设计之路——网页设计与制作基础

1.1 认识网页和网站

1.1.1 什么是网页

1.1.2 什么是网站

1.1.3 网站的种类和特点

1.2 网页的相关概念

1.2.1 因特网与万维网

1.2.2 浏览器与HTM L

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.7 跟我练练手

第2章 磨刀不误砍柴工——认识Dreamweaver CC7

2.1 走进Dreamweaver CC

2.1.1 案例1——安装Dreamweaver CC

2.1.2 案例2——启动Dreamweaver CC

2.2 Dreamweaver CC的工作环境

2.2.1 认识DreamweaverCC的工作界面

2.2.2 熟悉【插入】面板组

2.3 体验Dreamweaver CC的新增功能

2.4 认识站点

2.5 创建站点

2.5.1 案例3——创建本地站点

2.5.2 案例4——创建远程站点

2.6 管理站点

2.6.1 案例5——打开站点

2.6.2 案例6——编辑站点

2.6.3 案例7——删除站点

2.6.4 案例8——复制站点

2.7 操作站点文件及文件夹

2.7.1 案例9——创建文件夹

2.7.2 案例10——创建文件

2.7.3 案例11——文件或文件夹的移动和复制

2.7.4 案例12——删除文件或文件夹

2.8 实战演练1——创建本地站点

2.9 实战演练2——创建站点文件和文件夹

2.10 高手甜点

2.11 跟我练练手

第3章 网页内容之美——创建网页中的文本

3.1 网页设计的基本操作

3.1.1 案例1——新建网页

3.1.2 案例2——保存网页

3.1.3 案例3——打开网页

3.1.4 案例4——预览网页

3.2 设置页面属性

3.3 用文字充实网页

3.3.1 案例5——插入文字

3.3.2 案例6——设置字体

3.3.3 案例7——设置字号

3.3.4 案例8——设置字体颜色

3.3.5 案例9——设置字体样式

3.3.6 案例10——编辑段落

3.3.7 案例11——检查拼写

3.3.8 案例12——创建项目列表

3.4 特殊文本的操作

3.4.1 案例13——插入换行符

3.4.2 案例14——插入水平线

3.4.3 案例15——插入日期

3.4.4 案例16——插入特殊字符

3.4.5 案例17——插入注释

3.5 实战演练——设置主页中的跟踪图像

3.6 高手甜点

3.7 跟我练练手

第2篇 核心技术

第4章 有图有真相——使用图像和多媒体

4.1 选择适合网页中图像的格式

4.2 用图像美化网页

4.2.1 案例1——插入图像

4.2.2 案例2——图像属性设置

4.2.3 案例3——图像的对齐方式

4.2.4 案例4——插入鼠标经过图像

4.2.5 案例5——插入图像占位符

4.3 在网页中插入多媒体

4.3.1 案例6——插入背景音乐

4.3.2 案例7——插入Flash动画

4.3.3 案例8——插入FLV

4.3.4 案例9——插入HTML5音频

4.3.5 案例10——插入HTML5视频

4.4 实战演练——制作图文并茂的网页

4.5 高手甜点

4.6 跟我练练手

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

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——tablndex属性

5.5 新增的其他属性与废除的属性

5.5.1 案例21——表单相关的属性

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

5.5.3 案例23——其他新增属性

5.5.4 案例24——HTML5废除的属性

5.6 实战演练——制作HTML5的网页

5.7 高手甜点

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.2.10 案例10——链接的检查

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

6.4 高手甜点

6.5 跟我练练手

第7章 简单的网页布局——表格的应用

7.1 插入表格

7.2 选择表格

7.2.1 案例1——选择完整的表格

7.2.2 案例2——选择行和列

7.2.3 案例3——选择单元格

7.3 表格属性

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

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

7.4 操作表格

7.4.1 案例6——调整大小

7.4.2 案例7——增加行、列

7.4.3 案例8——删除行、列

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

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

7.5 操作表格数据

7.5.1 案例11——向表格中输入文本

7.5.2 案例12——向表格中插入图像

7.5.3 案例13——表格数据的排序

7.5.4 案例14——导入表格数据

7.5.5 案例15——导出表格数据

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

7.7 高手甜点

7.8 跟我练练手

第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.5 在网页中插入按钮

8.5.1 案例8——插入按钮

8.5.2 案例9——插入图像按钮

8.6 插入文件上传域

8.7 添加网页行为

8.7.1 案例10——打开【行为】面板

8.7.2 案例11——添加行为

8.8 常用行为的应用

8.8.1 案例12——交换图像

8.8.2 案例13——弹出信息

8.8.3 案例14——打开浏览器窗口

8.8.4 案例15——检查表单行为

8.8.5 案例16——设置状态栏文本

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

8.10 高手甜点

8.11 跟我练练手

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

9.1 创建模板

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

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

9.1.3 案例3——从现有文档创建模板

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

9.2 管理模板

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

9.2.2 案例6——更新模板及基于模板的网页

9.3 库概述

9.4 库的创建、管理与应用

9.4.1 案例7——创建库项目

9.4.2 案例8——库项目的应用

9.4.3 案例9——编辑库项目

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

9.6 高手甜点

9.7 跟我练练手

第3篇 高级应用

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

10.1 初识CSS

10.1.1 CSS概述

10.1.2 CSS的作用

10.1.3 基本CSS语法

10.1.4 案例1——使用Dreamweaver CC编写CSS

10.2 使用CSS的方法

10.2.1 案例2——行内样式

10.2.2 案例3——内嵌样式

10.2.3 案例4——链接样式

10.2.4 案例5——导入样式

10.2.5 案例6——优先级问题

10.3 使用CSS样式美化网页

10.3.1 案例7——使用字体样式美化文字

10.3.2 案例8——使用文本样式美化文本

10.3.3 案例9——使用背景样式美化背景

10.3.4 案例10——使用链接样式美化链接

10.3.5 案例11——使用列表样式美化列表

10.3.6 案例12——使用区块样式美化区块

10.3.7 案例13——使用宽高样式设定宽高

10.3.8 案例14——使用边框样式美化边框

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

10.5 高手甜点

10.6 跟我练练手

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

11.1 使用CSS排版

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

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

11.1.3 案例3——用CSS定位

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

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

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

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

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

11.3.1 案例7——“1-2-1”等比例变宽布局

11.3.2 案例8——“1-2-1”单列变宽布局

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

11.4.1 案例9——“1-3-1”三列宽度等比例布局

11.4.2 案例10——“1-3-1”单侧列宽度固定的变宽布局

11.4.3 案例11——“1-3-1”中间列宽度固定的变宽布局

11.4.4 案例12——“1-3-1”双侧列宽度固定的变宽布局

11.4.5 案例13——“1-3-1”中列和侧列宽度固定的变宽布局

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

11.6 高手甜点

11.7 跟我练练手

第12章 让网页更绚丽——在网页中编写JavaScript

12.1 认识JavaScript

12.1.1 什么是JavaScript

121.2 JavaScript的特点

12.2 JavaScript在HTML中的使用

12.2.1 案例1——在HTML网页头中嵌入JavaScript代码

12.2.2 案例2——在HTML网页中嵌入JavaScript代码

12.2.3 案例3——在HTML网页的元素事件中嵌入JavaScript代码

12.2.4 案例4——在HTML中调用已经存在的JavaScript文件

1 2.2.5 案例5——通过JavaScript伪URL引入JavaScript脚本代码

12.3 JavaScript的基本语法

12.3.1 执行顺序

12.3.2 区分大小写

12.3.3 分号与空格

12.3.4 对代码行进行折行

12.3.5 案例6——注释

12.4 JavaScript的数据结构

12.4.1 标识符

12.4.2 关键字

12.4.3 保留字

12.4.4 常量

12.4.5 变量

12.5 案例7——使用函数

12.6 JavaScript的常用事件

12.6.1 案例8——页面事件

12.6.2 案例9——鼠标事件

12.6.3 案例10——键盘事件

12.6.4 案例11——表单处理事件

12.7 实战演练——使用事件动态改变图片的焦点

12.8 高手甜点

12.9 跟我练练手

第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——使用DreemweaverCC上传网站

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

13.4 高手甜点

13.5 跟我练练手

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

14.1 善用色彩设计网页

14.1.1 认识色彩

14.1.2 案例1——网页上的色彩处理

14.2 网页色彩的搭配

14.2.1 案例2——确定网站的主题色

14.2.2 案例3——网页色彩搭配原理

14.2.3 案例4——网页中色彩的搭配

14.2.4 案例5——网页元素的色彩搭配

14.2.5 案例6——网页色彩搭配的技巧

14.3 布局网站板块结构

14.3.1 案例7——“国”字型

14.3.2 案例8——标题正文型

14.3.3 案例9——左右框架型

14.3.4 案例10——上下框架型

14.3.5 案例11——综合框架型

14.3.6 案例12——封面型

14.3.7 案例13——Flash型

14.4 网站配色应用案例

14.4.1 案例14——网络购物网站色彩应用

14.4.2 案例15——游戏网站色彩应用

14.4.3 案例16——企业门户网站色彩应用

14.4.4 案例17——时政新闻网站色彩应用

14.4.5 案例18——影音视频网站色彩应用

14.4.6 案例19——电子商务网站色彩应用

14.4.7 案例20——娱乐网站色彩应用

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

14.6 高手甜点

14.7 跟我练练手

第4篇 行业应用案例

第15章 行业综合案例1——制作电子商务类网页

15.1 整体布局

15.1.1 设计分析

15.1.2 排版架构

15.2 模块组成

15.3 制作步骤

15.3.1 样式表

15.3.2 网页头部

15.3.3 主体第一通栏

15.3.4 主体第二通栏

15.3.5 主体第三通栏

15.3.6 网页底部

第16章 行业综合案例2——制作网上音乐类网页

16.1 构思布局

16.1.1 设计分析

16.1.2 排版架构

16.2 模块分割

16.2.1 页头部分

16.2.2 左侧内容列表

16.2.3 中间内容列表

16.2.4 右侧内容列表

16.2.5 页脚部分

16.3 整体调整

16.3.1 页面内容主体调整

16.3.2 页面整体调整

第17章 行业综合案例3——制作休闲娱乐类网页

17.1 整体布局

17.1.1 设计分析

17.1.2 排版架构

17.2 模块组成

17.3 制作步骤

17.3.1 制作样式表

17.3.2 Logo与导航菜单

17.3.3 搜索条

17.3.4 左侧视频模块

17.3.5 评论模块

17.3.6 右侧热门推荐

17.3.7 底部模块

第18章 行业综合案例4——制作移动设备类网页

18.1 网站设计分析

18.2 网站结构分析

18.3 网站主页面的制作

18.4 网站成品预览

第5篇 全能拓展

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

19.1 在网站中添加广告

19.1.1 网站广告分类

19.1.2 添加网站广告

19.2 添加实用查询工具

19.2.1 添加天气预报

1 9.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.6 跟我练练手

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

20.1 网站维护基础知识

20.1.1 网站的维护与安全

20.1.2 常见的网站攻击方式

20.2 网站安全防御策略

20.2.1 案例1——检测上传文件的安全性

20.2.2 案例2——设置网站访问权限

20.3 高手甜点

20.4 跟我练练手