Dreamweaver CC网页设计与制作

Chapter 01 网页设计与制作基础

1.1　认识网页的基本组成 2

1.2　优秀网页结构赏析 5

1.3　认识静态网页与动态网页 8

1.4　了解网页的访问原理 9

1.5　认识域名和域名服务器 10

1.5.1　域名的各种分类 10

1.5.2　域名服务器(DNS) 11

1.6　网站设计流程 13

1.7　网页制作的常用工具 13

1.7.1　内容编辑工具 14

1.7.2　网页美化工具 14

1.8　实战问答 15

NO.1　静态网页与动态网页有何区别 15

NO.2　网页设计是否必须懂HTML标记 15

1.9　思考与练习 16

Chapter 02 初识Dreamweaver CC

2.1　Dreamweaver CC的基本操作 18

2.1.1　安装Dreamweaver CC 18

2.1.2　启动Dreamweaver CC 20

2.1.3　退出Dreamweaver CC 22

2.2　了解Dreamweaver CC的新功能 23

2.3　认识Dreamweaver CC工作环境 24

2.3.1　菜单栏 24

2.3.2　面板组 24

2.3.3　“插入”面板 24

2.3.4　文档窗口 26

2.3.5　“属性”面板 27

2.4　网页设计的基本操作 28

2.4.1　新建网页 28

2.4.2　保存网页 28

2.4.3　打开网页 29

2.4.4　预览网页 31

2.4.5　关闭网页 31

2.5　实战问答 33

NO.1　创建网页的其他方法 33

NO.2　如何改变预览网页时的浏览器 33

2.6　思考与练习 34

Chapter 03 页面属性的设置

3.1　在对话框中设置页面属性 36

3.1.1　设置外观(CSS) 36

3.1.2　设置外观(HTML) 37

3.1.3　设置链接(CSS) 39

3.1.4　设置标题(CSS) 41

3.1.5　设置标题/编码 43

3.1.6　设置跟踪图像 44

3.2　使用代码设置字体与页面背景效果 45

3.2.1　添加页面标题 45

3.2.2　为文字添加加粗和倾斜格式 46

3.2.3　设置文字的字号大小 47

3.2.4　设置网页文本的文本颜色 48

3.2.5　设置网页的背景颜色 49

3.2.6　为网页添加背景图片 50

3.3　使用代码设置超链接属性 51

3.3.1　设置超链接的边距 51

3.3.2　设置链接颜色 52

3.3.3　设置鼠标经过超链接效果 53

3.3.4　设置已访问链接 53

3.3.5　设置活动链接 54

3.3.6　修改下划线样式 54

3.4　实战问答 55

NO.1　外观(CSS)和外观(HTML)有何区别 55

NO.2　如何让背景图片固定 55

3.5　思考与练习 55

Chapter 04 创建与管理站点

4.1　创建、配置与发布本地站点 58

4.1.1　创建本地站点 58

4.1.2　为站点定义远程服务器 59

4.1.3　发布站点 60

4.2　管理站点 61

4.2.1　删除站点 61

4.2.2　编辑站点 61

4.2.3　复制站点 62

4.2.4　导出站点 63

4.2.5　导入站点 63

4.3　管理站点中的内容 64

4.3.1　添加文件/文件夹 64

4.3.2　重命名和删除文件/文件夹 65

4.4　实战问答 65

NO.1　站点已删除为什么文件还在 65

NO.2　如何将已有文件添加到站点中 66

4.5　思考与练习 66

Chapter 05 网页中的文本创建

5.1　文本的简单操作 68

5.1.1　在网页中录入文本 68

5.1.2　让文本换行分段 69

5.1.3　设置文本的对齐方式 69

5.1.4　设置文本的字体格式 70

5.2　项目列表和编号列表的使用 71

5.2.1　插入项目列表 71

5.2.2　插入编号列表 71

5.3　特殊文本的操作 72

5.3.1　插入换行符 72

5.3.2　插入水平线 73

5.3.3　插入日期 74

5.3.4　插入特殊字符 75

5.3.5　插入注释 76

5.4　实战问答 77

NO.1　项目列表中列表项前缀是否可以更改 77

NO.2　编号列表中列表项前缀序号是否可更改 77

5.5　思考与练习 78

Chapter 06 在网页中插入图像与多媒体

6.1　常用图像格式 80

6.1.1　JPEG图像 80

6.1.2　GIF图像 80

6.1.3　PNG图像 80

6.2　在网页中使用图像 81

6.2.1　插入图像 81

6.2.2　编辑图像大小 82

6.2.3　设置图像对齐方式 84

6.2.4　裁剪需要的图像 85

6.2.5　调整图片的亮度和对比度 87

6.2.6　设置图像的锐化效果 88

6.3　插入其他图像元素 90

6.3.1　插入图像热区 90

6.3.2　鼠标经过图像 91

6.4　在网页中插入多媒体 93

6.4.1　插入背景音乐 93

6.4.2　插入Flash动画 94

6.4.3　插入FLV视频 96

6.4.4　插入HTML5视频 98

6.4.5　插入HTML5音频 99

6.4.6　插入其他媒体 101

6.5　实战问答 102

NO.1　如何让背景音乐循环播放 102

NO.2　为何插入普通视频的网页在其他计算机不能播放 103

NO.3　为什么插入HTML5视频后不能播放 103

6.6　思考与练习 103

Chapter 07 超链接的应用

7.1　认识超链接的类型 106

7.1.1　按超链接源端点的对象划分 106

7.1.2　按执行超链接后的动作划分 106

7.1.3　按超链接的链接位置划分 107

7.2　链接路径有哪些分类 108

7.2.1　什么是URL 108

7.2.2　相对路径 108

7.2.3　绝对路径 109

7.2.4　根路径 109

7.3　各种超链接的创建方法 109

7.3.1　插入文本链接 109

7.3.2　设置链接打开方式 111

7.3.3　插入图像链接 112

7.3.4　插入热点链接 114

7.3.5　插入锚点链接 115

7.3.6　插入空链接 117

7.3.7　插入E-mail链接 118

7.3.8　插入脚本链接 119

7.4　实战问答 121

NO.1　超链接打开方式中_BLANK和NEW的区别 121

NO.2　为什么锚点链接不起作用 121

7.5　思考与练习 121

Chapter 08 表格的应用

8.1　创建表格并输入内容 124

8.1.1　精确插入指定行列的表格 124

8.1.2　在表格中输入内容 125

8.1.3　插入嵌套表格 126

8.2　格式化表格效果 127

8.2.1　选择表格及单元格 127

8.2.2　设置表格大小和对齐方式 130

8.2.3　为表格添加边框 132

8.2.4　设置单元格中文本和背景格式 133

8.2.5　设置单元格大小与对齐方式 134

8.3　编辑表格的常见操作 136

8.3.1　插入行或列 136

8.3.2　删除行或列 139

8.3.3　复制、剪切和粘贴单元格 140

8.3.4　合并单元格 141

8.3.5　拆分单元格 142

8.4　表格的高级操作 143

8.4.1　在网页中对表格数据排序 143

8.4.2　导入表格数据 145

8.4.3　导出表格数据 146

8.5　实战问答 147

NO.1　如何快速、准确地选择表格及单元格 147

NO.2　在表格中能插入图像文件吗 147

NO.3　为什么网页中的表格无法进行排序操作 149

NO.4　为什么导入到网页中的数据出现了混乱 149

8.6　思考与练习 149

Chapter 09 使用CSS层叠样式表

9.1　了解CSS样式表 152

9.1.1　什么是CSS 152

9.1.2　CSS的3种类型 152

9.1.3　CSS的语法格式 153

9.2　CSS样式的嵌入、内联和外联方式 154

9.2.1　嵌入式CSS 154

9.2.2　内联式CSS 154

9.2.3　外联式CSS 155

9.3　各种CSS样式的创建方法 156

9.3.1　建立ID样式 156

9.3.2　建立类样式 158

9.3.3　建立标签样式 159

9.3.4　建立复合样式 160

9.3.5　建立外部样式 161

9.4　CSS中的常用样式 162

9.4.1 设置字体样式 162

9.4.2　设置文本样式 166

9.4.3　设置背景样式 167

9.4.4　设置方框样式 170

9.4.5　设置边框样式 172

9.4.6　设置列表样式 174

9.4.7　设置定位样式 176

9.4.8　设置过渡样式 178

9.5　实战问答 180

NO.1　如何导入外部CSS样式表文件 180

NO.2　如何自动调整图像大小 181

9.6　思考与练习 182

Chapter 10 利用Div层布局

10.1　认识并创建层 184

10.1.1　什么是层 184

10.1.2　创建层 184

10.1.3　创建嵌套层 185

10.1.4　为层添加CSS样式表 187

10.2　Div层的定位方法 189

10.2.1　什么是盒子模型 189

10.2.2　通过float属性定位层 189

10.2.3　通过position属性定位层 191

10.3　Div常用布局方式的应用 192

10.3.1　居中布局 192

10.3.2　浮动布局 193

10.3.3　一列固定宽度布局 194

10.3.4　一列自适应宽度布局 194

10.3.5　两列固定宽度布局 195

10.4　实战问答 197

NO.1　如何清除Div浮动 197

NO.2　如何设置Div对象的行高 197

10.5　思考与练习 198

Chapter 11 使用模板和库

11.1　使用模板 200

11.1.1　创建模板 200

11.1.2　定义可编辑区域 201

11.1.3　创建基于模板的网页 202

11.1.4　从模板中分离网页 203

11.1.5　管理模板 204

11.2　使用库 206

11.2.1　创建库文件 206

11.2.2 向页面添加库文件 207

11.2.3　修改并更新库文件 208

11.3　实战问答 209

NO.1　如何在现有网页文件上应用模板 209

NO.2　模板可以嵌套模板吗 209

11.4　思考与练习 210

Chapter 12 表单的应用

12.1　认识网页中的表单 212

12.1.1　什么是表单 212

12.1.2　认识表单对象 212

12.2　创建表单 216

12.2.1　插入表单 216

12.2.2　设置表单属性 217

12.3　插入表单对象 218

12.3.1　插入文本域 218

12.3.2　插入密码域 221

12.3.3　插入其他文本域 223

12.3.4　插入按钮对象 224

12.3.5　插入图像按钮 225

12.3.6　插入文件上传域 226

12.4　实战问答 228

NO.1　如何通过“插入”面板添加表单对象 228

NO.2　如何自动选择文本框中所有文本内容 229

12.5　思考与练习 229

Chapter 13 在网页中编写JavaScript

13.1　了解JavaScript的基础知识 232

13.1.1　JavaScript是什么 232

13.1.2　JavaScript能做什么 232

13.1.3　JavaScript怎么用 233

13.2　JavaScript基础语法 233

13.2.1　了解值和变量 234

13.2.2　了解运算符 234

13.2.3　认识各种比较符 234

13.2.4　函数的使用 234

13.3　掌握JavaScript的常用事件 235

13.3.1　窗口事件 235

13.3.2　鼠标事件 237

13.3.3　键盘事件 238

13.3.4　表单处理事件 239

13.4　jQuery的应用 241

13.4.1　jQuery核心函数 241

13.4.2　使用jQuery选择器 242

13.4.3　使用jQuery操作对象属性 243

13.4.4　使用jQuery事件 245

13.4.5　jQuery中常用的效果 246

13.5　实战问答 248

NO.1　++与--放置在变量前后的区别 248

NO.2　解决预览页面时脚本执行问题 249

13.6　思考与练习 249

Chapter 14 制作婚纱网站

14.1　婚纱网制作介绍 252

14.2　婚纱网制作思路分析 253

14.3　婚纱网制作过程 254

14.3.1　创建婚纱网站点 254

14.3.2　创建婚纱网模板 255

14.3.3　创建样式表 257

14.3.4　在模板中制作导航 261

14.3.5　底部制作 265

14.3.6　制作婚纱网首页 267

14.3.7　制作联系我们页面 270

14.3.8　修改模板页中的导航菜单 273

14.4　婚纱网案例制作总结 274

14.5　婚纱网案例制作答疑 274

14.6　实战问答 274

NO.1　为什么要有Div+CSS布局而不用表格 274

NO.2　为何要减少对图像的使用 274

NO.3　如何将制作好的网站发布到网络上 274

NO.4　为什么创建的模板文件在浏览器中不能查看 275

习题答案 277

本书是丛书“学以致用系列丛书”中的一本。全书共分为14章，主要包括网页制作与Dreamweaver CC基础、网页的全局设置与管理、在网页中添加内容、网页的格式化和布局设置、网页制作的高级操作以及综合案例实战应用6个部分。通过对本书的学习，读者不仅能学会Dreamweaver CC软件的基本操作，更能学会如何使用该软件制作符合需求的网页，而且通过本书中列举的实战案例，还可以举一反三，在实战工作中用得更好。 此外，本书还提供了丰富的栏目板块，如“专家提醒”、“核心妙招”和“长知识”。这些板块不仅丰富了本书的知识，还可以教会读者更多常用的技巧，从而提高读者的实战操作能力。本书浅显易懂，指导性较强，特别适合网页设计与制作的初级用户，也适合有一定Dreamweaver应用基础和具有一定网页设计经验的读者。此外，本书也可作为高等院校、大专院校网页设计课程的教材，或者作为相关领域人员的网页设计入门学习用书或入门培训教材。