第1篇 入门篇

第1章 网页和网站基础知识2

1.1 认识网页和网站3

1.1.1 网页和网站的关系3

1.1.2 网页的相关概念4

1.2 网页的HTML构成6

1.2.1 文档标记7

1.2.2 头部标记7

1.2.3 主体标记8

1.3 HTML常用标记8

1.3.1 链接标记8

1.3.2 段落标记9

1.3.3 通用块标记10

1.3.4 行内标记11

1.3.5 元数据标记12

1.3.6 图像标记13

1.3.7 框架容器标记14

1.3.8 子框架标记14

1.3.9 表格标记15

1.3.10 浮动帧标记16

1.3.11 容器标记17

1.4 综合实战―制作日程表19

高手私房菜

技巧1：如何查看网页的HTML代码21

技巧2：使用记事本编辑HTML文件后如何在浏览器中预览21

技巧3：查看其他网站的CSS样式表文件22

第2章 初识Dreamweaver CC23

2.1 走进Dreamweaver CC24

2.1.1 安装Dreamweaver CC中文版24

2.1.2 启动Dreamweaver CC中文版25

2.1.3 Dreamweaver CC的工作环境26

2.2 体验Dreamweaver CC的新增功能27

2.2.1 增强的CSS功能27

2.2.2 实时视图导航29

2.2.3 简化的站点设置29

2.2.4 Business Catalyst 集成30

2.2.5 动态相关文件30

2.2.6 PHP 自定义类代码提示30

2.2.7 站点特定的代码提示30

2.2.8 Subversion 支持增强功能30

2.3 创建站点30

2.3.1 创建本地站点31

2.3.2 创建远程站点31

2.4 管理站点32

2.4.1 打开站点32

2.4.2 编辑站点33

2.4.3 复制站点33

2.4.4 删除站点34

2.5 操作站点文件及文件夹34

2.5.1 创建文件夹34

2.5.2 创建文件35

2.5.3 文件或文件夹的移动和复制35

2.5.4 删除文件或文件夹36

2.6 综合实战―创建和管理本地站点36

高手私房菜

技巧：定制Dreamweaver的编辑窗口37

第3章 HTML 5基础39

3.1初识HTML40

3.1.1 浏览器兼容性分析40

3.1.2 效率和用户优先特性40

3.1.3 化繁为简的设计原则40

3.1.4 通用访问方式41

3.2 HTML 5的新变化41

3.2.1 语法的变化41

3.2.2 新增的元素和废除的元素42

3.3 HTML 5的注释43

3.4 HTML 5文件的编写方法44

3.4.1 使用记事本44

3.4.2 使用Dreamweaver45

高手私房菜

技巧1：网页中常用的语言编码方式46

技巧2：网页中的基本标签是否必须成对出现46

第2篇 静态网页篇

第4章 设置网页属性48

4.1 “页面属性”对话框49

4.2 借助辅助工具50

4.2.1 配置窗口大小50

4.2.2 使用标尺51

4.2.3 使用网格51

4.2.4 使用辅助线52

4.2.5 缩放窗口53

4.3 在HTML代码中编辑页面属性53

4.4 获取与查看页面代码54

高手私房菜

技巧：网页中的基本标签是否必须成对出现54

第5章 编辑网页55

5.1文档的基本操作56

5.1.1 创建空白文档56

5.1.2 设置页面属性56

5.1.3 插入文本59

5.2 设置文本属性61

5.2.1 设置字体61

5.2.2 设置字号62

5.2.3 设置字体颜色62

5.2.4 设置字体样式63

5.2.5 编辑段落64

5.2.6 检查拼写66

5.2.7 创建项目列表66

5.3用图像美化网页68

5.3.1 选择合适的图像格式68

5.3.2 插入图像68

5.3.3 设置图像属性69

5.3.4 插入鼠标经过图像71

5.4创建链接72

5.4.1 了解链接72

5.4.2 创建链接74

5.4.3 创建图像热点链接75

5.4.4 创建电子邮件链接76

5.4.5 创建下载文件的链接77

5.4.6 创建空链接77

5.4.7 创建脚本链接78

5.5综合实战1―制作图文并茂的网页78

5.6综合实战2―编织网站链接80

高手私房菜

技巧：设置外部的图片编辑器81

第6章 表格式网页布局83

6.1 插入表格84

6.2 添加内容到单元格85

6.2.1 向表格中输入文本85

6.2.2 嵌套表格86

6.2.3 在单元格中插入图像86

6.3 设置表格属性86

6.3.1 设置单元格属性87

6.3.2 设置表格属性87

6.4 表格的基本操作89

6.4.1 选定表格89

6.4.2 剪切90

6.4.3 复制91

6.4.4 添加行或列92

6.4.5 删除行或列92

6.4.6 合并单元格93

6.4.7 拆分单元格93

6.4.8 调整表格大小94

6.4.9 表格排序94

6.5 综合实战―利用表格排版页面96

高手私房菜

技巧1：使用“扩展表格”模式查看表格102

技巧2：设置表格边框和宽度的技巧102

第7章 创建网页样式―CSS103

7.1 网页设计中的CSS104

7.1.1 CSS的作用104

7.1.2 CSS的基本使用方法105

7.2 定义CSS样式的属性106

7.2.1 定义文本样式107

7.2.2 定义背景样式108

7.2.3 定义区块样式109

7.2.4 定义方框样式110

7.2.5 定义边框样式110

7.2.6 定义列表样式111

7.2.7 定义定位样式111

7.2.8 定义扩展样式112

7.2.9 定义过渡样式113

7.2.10 创建嵌入式CSS样式114

7.2.11 链接外部样式表115

7.3 编辑CSS样式117

7.3.1 修改CSS样式117

7.3.2删除CSS样式117

7.3.3 复制CSS样式118

7.4 CSS过滤器118

7.4.1 设置图片透明度119

7.4.2 实现模糊效果121

7.4.3 将指定颜色设为透明122

7.4.4 建立偏移的影像轮廓122

7.4.5 完成图片的水平或垂直翻转123

7.4.6 为对象外边界增加光效124

7.4.7 降低图片的彩色度125

7.4.8 实现底片效果125

7.4.9 为对象建立透明膜126

7.4.10 建立对象的固体轮廓127

7.4.11 用波浪形状打乱图片128

7.4.12 显示对象的黑暗轮廓128

7.5 创建**个使用CSS的网页129

7.6 综合实战―定义网页样式和边框130

高手私房菜

技巧：CSS字体简写原则132

第8章 用CSS+DIV灵活布局页面133

8.1关于DIV134

8.1.1 创建DIV134

8.1.2 为什么要用CSS+DIV布局135

8.1.3 DIV的嵌套与固定格式135

8.2 CSS定位与DIV布局136

8.2.1 盒子模型136

8.2.2 元素的定位137

8.3 CSS+DIV布局的常用方法142

8.3.1 使用DIV对页面整体规划142

8.3.2 设计各块的位置143

8.3.3 使用CSS定位143

8.4 综合实战1―固定宽度且居中的版式145

8.5 综合实战2―左中右版式151

高手私房菜

技巧1：移除超链接的虚线154

技巧2：将固定宽度的页面居中154

第9章 使用网页元素美化网页155

9.1 插入水平线156

9.2 插入日期157

9.3 插入特殊字符158

9.4 插入Flash对象159

9.4.1 插入Flash动画159

9.4.2 插入FLV 文件160

9.5 插入Shockwave动画插件162

9.6 插入声音163

9.7 插入Java小程序164

9.8 插入ActiveX控件164

9.9 使用HTML 5 Audio和Video API165

9.10 设置多媒体属性