Dreamweaver CC网页设计实战从入门到精通

目录

第1篇 基础知识

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

1.1 认识网页和网站 4

1.1.1　什么是网页 4

1.1.2　什么是网站 5

1.1.3　网站的种类和特点 5

1.2 网页的相关概念 6

1.2.1　因特网与万维网 6

1.2.2　浏览器与HTML 6

1.2.3　URL、域名与IP地址 7

1.2.4　上传和下载 8

1.3 网页的HTML构成 8

1.3.1　文档标签 9

1.3.2　头部标签 9

1.3.3　主体标签 9

1.4HTML常用标签 9

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

1.6 高手甜点 25

1.7 跟我练练手 26

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

2.1 走进DreamweaverCC 28

2.1.1　案例1——安装DreamweaverCC 28

2.1.2　案例2——启动DreamweaverCC 29

2.2Dreamweaver CC的工作环境 30

2.2.1　认识Dreamweaver CC的工作界面 30

2.2.2　熟悉【插入】面板组 32

2.3 体验DreamweaverCC的新增功能 34

2.4 认识站点 36

2.5 创建站点 36

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

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

2.6 管理站点 38

2.6.1　案例5——打开站点 38

2.6.2　案例6——编辑站点 39

2.6.3　案例7——删除站点 39

2.6.4　案例8——复制站点 40

2.7 操作站点文件及文件夹 40

2.7.1　案例9——创建文件夹 40

2.7.2　案例10——创建文件 41

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

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

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

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

2.10高手甜点 45

2.11跟我练练手 46

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

3.1 网页设计的基本操作 48

3.1.1　案例1——新建网页 48

3.1.2　案例2——保存网页 48

3.1.3　案例3——打开网页 49

3.1.4　案例4——预览网页 49

3.2 设置页面属性 50

3.3 用文字充实网页 54

3.3.1　案例5——插入文字 54

3.3.2　案例6——设置字体 55

3.3.3　案例7——设置字号 57

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

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

3.3.6　案例10——编辑段落 59

3.3.7　案例11——检查拼写 64

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

3.4 特殊文本的操作 67

3.4.1　案例13——插入换行符 67

3.4.2　案例14——插入水平线 67

3.4.3　案例15——插入日期 68

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

3.4.5　案例17——插入注释 70

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

3.6 高手甜点 73

3.7 跟我练练手 74

第2篇 核心技术

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

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

4.2 用图像美化网页 79

4.2.1　案例1——插入图像 79

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

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

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

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

4.3 在网页中插入多媒体 85

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

4.3.2　案例7——插入Flash动画 86

4.3.3　案例8——插入FLV 87

4.3.4　案例9——插入HTML5音频 88

4.3.5　案例10——插入HTML5视频 89

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

4.5 高手甜点 92

4.6 跟我练练手 92

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

5.1 新增的主体结构元素 94

5.1.1　案例1——section元素 94

5.1.2　案例2——article元素 94

5.1.3　案例3——aside元素 97

5.1.4　案例4——nav元素 98

5.1.5　案例5——time元素 100

5.2 新增的非主体结构元素 101

5.2.1　案例6——header元素 101

5.2.2　案例7——hgroup元素 102

5.2.3　案例8——footer元素 103

5.2.4　案例9——figure元素 104

5.2.5　案例10——address元素 105

5.3 新增其他常用元素 107

5.3.1　案例11——mark元素 107

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

5.3.3　案例13——progress元素 108

5.3.4　案例14——command元素 109

5.3.5　案例15——embed元素 109

5.3.6　案例16——details与summary元素 110

5.3.7　案例17——datalist元素 110

5.4 新增的全局属性 111

5.4.1　案例18——contentEditable属性 111

5.4.2　案例19——spellcheck属性 112

5.4.3　案例20——tabIndex属性 112

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

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

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

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

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

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

5.7 高手甜点 125

5.8 跟我练练手 126

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

6.1 链接与路径 128

6.1.1　链接的概念 128

6.1.2　链接的路径 128

6.1.3　链接的类型 129

6.2 添加网页超链接 130

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

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

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

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

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

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

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

6.2.8　案例8——创建空链接 136

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

6.2.10案例10——链接的检查 137

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

6.4 高手甜点 139

6.5 跟我练练手 139

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

7.1 插入表格 142

7.2 选择表格 143

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

7.2.2　案例2——选择行和列 144

7.2.3　案例3——选择单元格 144

7.3 表格属性 145

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

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

7.4 操作表格 147

7.4.1　案例6——调整大小 147

7.4.2　案例7——增加行、列 147

7.4.3　案例8——删除行、列 149

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

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

7.5　操作表格数据 151

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

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

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

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

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

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

7.7 高手甜点 157

7.8 跟我练练手 158

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

8.1 认识表单 160

8.2 在网页中插入表单元素 160

8.2.1　案例1——插入表单域 161

8.2.2　案例2——插入文本域 161

8.2.3　案例3——插入密码域 163

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

8.3.1　案例4——插入复选框 164

8.3.2　案例5——插入单选按钮 165

8.4 制作网页菜单和列表 165

8.4.1　案例6——插入下拉菜单 165

8.4.2　案例7——插入滚动列表 166

8.5 在网页中插入按钮 167

8.5.1　案例8——插入按钮 167

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

8.6 插入文件上传域 168

8.7 添加网页行为 169

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

8.7.2　案例11——添加行为 170

8.8 常用行为的应用 170

8.8.1　案例12——交换图像 171

8.8.2　案例13——弹出信息 172

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

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

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

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

8.10高手甜点 181

8.11跟我练练手 182

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

9.1 创建模板 184

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

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

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

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

9.2 管理模板 187

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

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

9.3 库概述 189

9.4 库的创建、管理与应用 190

9.4.1　案例7——创建库项目 190

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

9.4.3　案例9——编辑库项目 192

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

9.6　高手甜点 196

9.7　跟我练练手 196

第3篇 高级应用

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

10.1初识CSS 200

10.1.1　CSS概述 200

10.1.2　CSS的作用 200

10.1.3　基本CSS语法 201

10.1.4　案例1——使用DreamweaverCC

编写CSS 201

10.2使用CSS的方法 203

10.2.1　案例2——行内样式 203

10.2.2　案例3——内嵌样式 203

10.2.3　案例4——链接样式 204

10.2.4　案例5——导入样式 205

10.2.5　案例6——优先级问题 206

10.3使用CSS样式美化网页 208

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

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

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

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

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

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

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

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

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

10.5高手甜点 228

10.6跟我练练手 228

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

11.1使用CSS排版 230

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

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

11.1.3　案例3——用CSS定位 230

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

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

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

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

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

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

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

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

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

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

变宽布局 246

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

　 变宽布局 249

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

变宽布局 252

11.4.5　案例13——“1-3-1”中列和侧列宽度

固定的变宽布局 255

11.5实战演练——使用CSS设定网页布局

列的背景色 258

11.6高手甜点 259

11.7跟我练练手 260

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

12.1认识JavaScript 262

12.1.1　什么是JavaScript 262

12.1.2　JavaScript的特点 262

12.2JavaScript 在HTML中的使用 263

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

JavaScript代码 263

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

JavaScript代码 264

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

入JavaScript代码 265

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

JavaScript文件 266

12.2.5　案例5——通过JavaScript伪URL引入

JavaScript脚本代码 267

12.3　JavaScript的基本语法 268

12.3.1　执行顺序 268

12.3.2　区分大小写 268

12.3.3　分号与空格 268

12.3.4　对代码行进行折行 269

12.3.5　案例6——注释 269

12.4JavaScript 的数据结构 270

12.4.1　标识符 270

12.4.2　关键字 271

12.4.3　保留字 271

12.4.4　常量 272

12.4.5　变量 272

12.5　案例7——使用函数 274

12.6JavaScript的常用事件 275

12.6.1　案例8——页面事件 275

12.6.2　案例9——鼠标事件 276

12.6.3　案例10——键盘事件 277

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

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

的焦点 281

12.8高手甜点 282

12.9跟我练练手 282

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

13.1　上传网站前的准备工作 284

13.1.1　注册域名 284

13.1.2　申请空间 285

13.2测试网站 286

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

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

13.2.3　案例3——查找和替换 287

13.2.4　案例4——清理文档 288

13.3上传网站 289

13.3.1　案例5——使用DreamweaverCC上传网站 289

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

13.4高手甜点 292

13.5跟我练练手 293

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

14.1　善用色彩设计网页 296

14.1.1　认识色彩 296

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

14.2网页色彩的搭配 300

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

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

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

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

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

14.3布局网站板块结构 306

14.3.1　案例7——“国”字型 307

14.3.2　案例8——标题正文型 307

14.3.3　案例9——左右框架型 307

14.3.4　案例10——上下框架型 307

14.3.5　案例11——综合框架型 308

14.3.6　案例12——封面型 308

14.3.7　案例13——Flash型 308

14.4网站配色应用案例 308

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

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

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

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

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

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

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

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

14.6　高手甜点 314

14.7跟我练练手 314

第4篇 行业应用案例

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

15.1整体布局 318

15.1.1　设计分析 318

15.1.2　排版架构 318

15.2模块组成 319

15.3制作步骤 319

15.3.1　样式表 319

15.3.2　网页头部 325

15.3.3　主体第一通栏 328

15.3.4　主体第二通栏 328

15.3.5　主体第三通栏 329

15.3.6　网页底部 331

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

16.1构思布局 336

16.1.1　设计分析 336

16.1.2　排版架构 336

16.2模块分割 338

16.2.1　页头部分 338

16.2.2　左侧内容列表 340

16.2.3　中间内容列表 342

16.2.4　右侧内容列表 344

16.2.5　页脚部分 346

16.3整体调整 346

16.3.1　页面内容主体调整 346

16.3.2　页面整体调整 347

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

17.1整体布局 350

17.1.1　设计分析 350

17.1.2　排版架构 351

17.2模块组成 351

17.3制作步骤 352

17.3.1　制作样式表 352

17.3.2　Logo与导航菜单 359

17.3.3　搜索条 359

17.3.4　左侧视频模块 360

17.3.5　评论模块 361

17.3.6　右侧热门推荐 362

17.3.7　底部模块 365

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

18.1网站设计分析 368

18.2网站结构分析 368

18.3网站主页面的制作 369

18.4网站成品预览 370

第5篇 全能拓展

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

19.1在网站中添加广告 380

19.1.1　网站广告分类 380

19.1.2　添加网站广告 381

19.2　添加实用查询工具 382

19.2.1　添加天气预报 382

19.2.2　添加IP查询 383

19.2.3　添加万年历 383

19.2.4　添加列车时刻查询 384

19.3网站的宣传与推广 385

19.3.1　网站宣传实用策略 385

19.3.2　利用大众传媒进行推广 386

19.3.3　利用网络媒介进行推广 386

19.3.4　利用其他形式进行推广 388

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

19.5高手甜点 391

19.6跟我练练手 391

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

20.1网站维护基础知识 394

20.1.1　网站的维护与安全 394

20.1.2　常见的网站攻击方式 395

20.2网站安全防御策略 396

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

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

20.3高手甜点 399

20.4跟我练练手 400