零基础学Dreamweaver网页布局DIV+CSS 实用Web前端开发PDF电子书下载

第1章 Dreamweaver CC入门 1

1.1 Dreamweaver CC功能概述 1

1.1.1 主要功能 1

1.1.2 新增功能 1

1.2 DreamweaverCC的工作界面 3

1.2.1.菜单栏 3

1.2.2 工具栏 4

1.2.3 文档窗口 4

1.2.4 “属性”面板 5

1.2.5 面板组 5

1.2.6 文档状态栏 5

1.3 自定义工作区 6

1.3.1 浏览工作区 6

1.3.2 视图切换 7

1.3.3 处理面板 9

1.3.4 选择工作区布局 11

1.3.5 调整工具栏 11

1.3.6 个性化首选参数 12

1.3.7 创建自定义的快捷键 12

1.3.8 使用“属性”检查器 12

1.4 网页的管理 13

1.4.1 创建网页 13

1.4.2 保存网页与关闭网页 13

1.4.3 打开网页 14

1.4.4 利用文件面板管理网页文档或文件夹 14

1.5 可视化辅助工具 14

1.5.1 标尺工具 14

1.5.2 网格工具 15

1.5.3 辅助线工具 15

1.6 首选项设置 16

1.6.1 常规参数 16

1.6.2 代码格式 17

1.6.3 复制／粘贴 17

1.6.4 代码颜色 18

1.6.5 在浏览器中预览 18

1.6.6 字体 18

1.6.7 自定义代码视图 19

第2章 站点创建与管理 20

2.1 站点规划 20

2.1.1 文件分类保存 20

2.1.2 合理命名文件 20

2.1.3 本地站点与远程站点 21

2.2 认识“站点”面板 21

2.2.1 “站点”面板详解 21

2.2.2 创建站点 22

2.3 设置远程站点服务器 23

2.3.1 设置服务器 23

2.3.2 设置版本控制 26

2.3.3 站点的高级设置 26

2.4 导出和导入站点 32

2.4.1 导出站点 32

2.4.2 导入站点 33

2.5 维护站点 33

2.5.1.编辑站点 33

2.5.2 复制站点 34

2.5.3 删除站点 34

2.5.4 切换站点 35

第3章 HTML的基础知识 36

3.1 HTML概述 36

3.2 HTML的语法结构 36

3.3 HTML中的常用标签 37

3.3.1 文档结构标签 37

3.3.2 字符格式标签 38

3.3.3 区段格式标签 38

3.3.4 列表格式标签 39

3.3.5 超链接标签 39

3.3.6 多媒体标签 40

3.3.7 表单标签 40

3.4 HTML5 41

3.4.1 HTML5概述 41

3.4.2 HTML5标签 41

3.5 设置头部信息 42

3.5.1 设置网页标题 43

3.5.2 设置网页META信息 43

3.5.3 添加网页关键字 44

3.5.4 添加网页说明 44

3.5.5 设置视口 45

3.6 “页面属性”对话框 45

3.6.1 设置“外观（CSS）”选项 46

3.6.2 设置“外观（HTML）”选项 46

3.6.3 设置“链接（CSS）”选项 47

3.6.4 设置“标题（CSS）”选项 47

3.6.5 设置“标题／编码”选项 48

3.6.6 设置“跟踪图像”选项 49

第4章 CSS样式 50

4.1 CSS样式基础 50

4.1.1 CSS样式概述 50

4.1.2 CSS样式的基础语法 50

4.2 选择符 51

4.2.1 通配选择符 51

4.2.2 类型选择符 51

4.2.3 包含选择符 51

4.2.4 id选择符 51

4.2.5 class选择符 51

4.3 使用CSS设置颜色 52

4.4 百分比值 53

4.5 设置URL的相对路径和绝对路径 53

4.5.1 相对路径 53

4.5.2 绝对路径 54

4.5.3 应用实例 54

4.6 调用CSS文件 54

4.6.1 在页面内部调用 54

4.6.2 调用外部CSS文件 54

4.7 设置CSS属性 56

4.7.1 布局属性 57

4.7.2 文本属性 58

4.7.3 边框属性 59

4.7.4 背景属性 60

4.7.5 自定义属性 61

第5章 DIV＋CSS网页布局 62

5.1 初识DIV 62

5.1.1 DIV概述 62

5.1.2 DIV与Span的区别 62

5.1.3 DIV＋CSS布局优势 64

5.2 CSS定位 64

5.2.1 盒子模型的概念 64

5.2.2 float定位 65

5.2.3 position定位 68

5.3 CSS布局理念 70

5.3.1.用DIV将页面分块 70

5.3.2 设计各块的位置 70

5.3.3 用CSS定位 71

5.4 常见的布局类型 71

5.4.1 列固定宽度 71

5.4.2 列自适应 72

5.4.3 两列固定宽度 72

5.4.4 两列宽度自适应 73

5.4.5 两列右列宽度自适应 73

5.4.6 三列浮动中间列宽度自适应 74

第6章 网页中文字、段落和列表的应用 75

6.1 文字和段落 75

6.1.1 设置标题文字 75

6.1.2 设置文本的字体、字号和颜色 75

6.1.3 文本的加粗与倾斜 76

6.1.4 分段处理 76

6.1.5 插入水平线 76

6.1.6 文字排版处理 77

6.2 列表应用 77

6.2.1.无序列表 77

6.2.2 有序列表 77

6.2.3 定义列表 77

第7章 使用表格布局网页 78

7.1 创建表格 78

7.2 应用表格 79

7.2.1 输入表格内容 79

7.2.2 选定表格元素 80

7.2.3 设置表格与单元格属性 82

7.2.4 像素和百分比的使用 83

7.2.5 添加和删除行或列 83

7.2.6 单元格的合并及拆分 85

7.2.7 表格排序 86

7.2.8 嵌套表格 87

7.3 扩展表格模式 87

7.4 导入和导出表格数据 88

7.4.1 导入表格数据 88

7.4.2 导出表格数据 89

7.5 表格实战 90

7.5.1 制作细线表格 90

7.5.2 制作分割线 91

7.5.3 制作隔距边框表格 92

7.5.4 网页布局 95

7.5.5 网页的构形设计 96

第8章 创建网页中的超链接 99

8.1 超级链接 99

8.1.1 URL简介 99

8.1.2 超级链接路径 99

8.1.3 网站内部链接 100

8.1.4 链接到网站内部图像 101

8.1.5 网站外部链接 106

8.1.6 创建空链接 107

8.1.7 为网页添加空链接 107

8.2 电子邮件链接 109

8.3 下载链接 110

8.3.1 创建下载链接 110

8.3.2 制作音乐下载网页 113

8.4 锚记链接 116

8.4.1 创建锚记链接 116

8.4.2 跳转到网页顶部 117

8.5 创建脚本链接 118

8.6 制作多彩链接网页 119

第9章 使用图片修饰网页 124

9.1 网页图片的格式 124

9.1.1 GIF格式图片 124

9.1.2 JPEG格式图片 124

9.1.3 PNG格式图片 125

9.2 图像占位符 125

9.2.1 插入图像占位符 125

9.2.2 将图像占位符替换为图像 126

9.2.3 预览网页时不显示图像的问题 127

9.3 交互式图像 128

9.3.1 插入交互式图像 128

9.3.2 交互式图像示例 128

9.4 网页背景 131

9.4.1 设置网页背景颜色 131

9.4.2 设置网页背景图像 132

9.4.3 使网页背景呈条纹状显示 133

9.5 图片相关的其他操作 133

9.5.1 外部图像编辑器 133

9.5.2 设置外部图像编辑器 133

9.5.3 制作个性图像网页 135

9.5.4 图像与文字的搭配 136

9.5.5 图像映射 136

第10章 创建网页中的多媒体对象 138

10.1 插入Flash动画 138

10.1.1 在网页中插入Flash动画 138

10.1.2 设置Flash动画属性 139

10.2 为网页添加背景音乐 140

10.2.1 网页中常用的音乐格式 140

10.2.2 使用＜bgsound＞标签添加背景音乐 140

10.2.3 使用插件嵌入音频 141

10.3 在网页中插入视频 143

10.3.1 网页中常用的视频格式 143

10.3.2 插入视频 144

10.4 在网页中插入特殊多媒体元素 145

10.4.1 插入Edge Animate动画 145

10.4.2 插入HTML5 Video与HTML5 Audio 145

第11章 用表单实现页面交互性 147

11.1 表单概述 147

11.1.1 什么是表单 147

11.1.2 表单的工作流程 148

11.2 表单的创建及设置 148

11.2.1 创建表单 148

11.2.2 设置表单属性 150

11.3 表单元素在网页中的应用 151

11.3.1 插入文本 151

11.3.2 插入密码 153

11.3.3 插入文本区域 154

11.3.4 插入隐藏 154

11.3.5 插入复选框 155

11.3.6 插入单选按钮组 157

11.3.7 插入选择菜单 158

11.3.8 插入图像按钮 159

11.3.9 插入文件 160

11.3.10 插入按钮 160

11.4 表单应用 161

11.4.1 制作在线调查表 161

11.4.2 制作下拉菜单 166

11.4.3 制作登录网页 169

11.4.4 制作注册网页 174

11.4.5 创建友情链接网页 181

第12章 框架、模板和库的应用 186

12.1 框架 186

12.1.1 框架的组成 186

12.1.2 框架的优点 186

12.1.3 框架的缺点 187

12.2 IFRAME框架 187

12.3 模板 190

12.3.1 创建模板 190

12.3.2 定义可编辑区域 191

12.3.3 定义可选区域 192

12.3.4 定义可编辑可选区域 193

12.3.5 定义重复区域 194

12.4 基于模板的页面 195

12.4.1 新建基于模板的页面 195

12.4.2 更新基于模板的页面 196

12.4.3 删除页面中使用的模板 196

12.5 使用库项目 196

12.5.1 新建库项目 196

12.5.2 插入库项目 196

12.5.3 编辑库项目 197

12.5.4 更新库项目 197

12.5.5 库项目的属性面板 198

第13章 使用行为创建网页特效 200

13.1 了解Dreamweaver CC中的行为 200

13.1.1 行为的概念 200

13.1.2 “行为”面板 201

13.1.3 常见的动作类型 202

13.1.4 事件 203

13.2 使用Dreamweaver CC内置行为 204

13.2.1 交换图像 204

13.2.2 弹出信息 206

13.2.3 打开浏览器窗口 207

13.2.4 转到URL 209

13.2.5 预先载入图像 209

13.2.6 设置容器的文本 210

13.2.7 设置状态栏文本 210

13.2.8 显示-隐藏元素 211

13.2.9 检查插件 213

13.2.10 检查表单 214

13.3 行为技巧 216

13.3.1 制作滚动公告 216

13.3.2 制作自动关闭网页 217

13.3.3 显示当前日期和时间 219

13.3.4 将站点加入收藏夹 220

13.3.5 将站点设为首页 221

13.3.6 实现定时关闭窗口 222

13.3.7 为页面设置访问口令 223

第14章 网站的发布与推广 226

14.1 测试站点 226

14.1.1 检查链接 226

14.1.2 站点报告 228

14.1.3 清理文档 229

14.2 发布网站 232

14.3 维护网站 234

14.4 网站的推广 235

14.4.1 登录搜索引擎 235

14.4.2 交换广告条 236

14.4.3 使用meta标签 236

14.4.4 使用传统方式推广 238

14.4.5 借助网络广告 239

14.4.6 登录网址导航站点 240

14.4.7 通过论坛宣传 240

第15章 综合实例 241

15.1 个人博客网站 241

15.1.1 网站规划 241

15.1.2 切图分析 241

15.1.3 页面实现 242

15.2 企业网站 254

15.2.1 网站规划 254

15.2.2 切图分析 255

15.2.3 页面实现 255