Dreamweaver CC从入门到精通

图书目录:

目录

第 1部分　Dreamweaver CC基础

第01章　初识Dreamwerver CC……………　13

1.1　什么是网页 ……………………………………　14

1.1.1　什么是网页设计 ………………………　14

1.1.2　网页设计与网页制作 …………………　15

1.1.3　网页设计术语 …………………………　15

1.2　网页编辑软件和屏幕分辨率 …………………　17

1.2.1　网页编辑软件 …………………………　17

1.2.2　屏幕分辨率 ……………………………　17

1.3　Dreamweaver CC 简介 …………………　18

1.4　Dreamweaver CC 的安装与卸载 ………　18

1.4.1　Dreamweaver CC 的系统要求 ……　18

1.4.2　安装Dreamweaver CC ……………　19

上机练习：安装Dreamweaver　CC ……………　19

1.4.3　卸载Dreamweaver CC ……………　21

上机练习：卸载Dreamweaver　CC ……………　21

1.4.4　启动Dreamweaver CC ……………　22

1.5　Dreamweaver CC 的新增功能 …………　22

1.5.1　全新简化的用户界面 …………………　23

1.5.2　改进的“新建文档”对话框 …………　23

1.5.3　新增HTML5 画布插入按钮 …………　23

1.5.4　新增HTML5 音频和视频插入按钮 …　23

1.5.5　新增HTML5 网页结构元素 …………　23

1.5.6　新增Edge Web Fonts ………………　24

1.5.7　新增插入Adobe Edge Animate动画 …　24

1.5.8　新增HTML5 表单元素 ………………　24

1.5.9　新增适用于jQuery Mobile的表单元素 …　24

1.5.10　新增jQuery 效果 ……………………　24

1.5.11　增强表单元素对HTML5的支持 ……　25

1.5.12　全新布局的“插入”面板……………　25

1.5.13　全新的“CSS 设计器”面板 ………　25

1.5.14　全面的系统平台支持 ………………　25

1.5.15　增强FTP 的功能 ……………………　26

1.5.16　Dreamweaver与Creative Cloud云同步 …　26

1.6　Dreamweaver CC 的工作界面 …………　26

1.6.1　Dreamweaver CC 工作区概述 ……　26

1.6.2　菜单栏 …………………………………　28

1.6.3　“插入”面板 ……………………………　29

1.6.4　文档工具栏 ……………………………　31

1.6.5　状态栏 …………………………………　31

1.6.6　浮动面板 ………………………………　32

1.7　网页文件的基本操作 …………………………　32

1.7.1　新建网页 ………………………………　32

1.7.2　保存网页 ………………………………　34

1.7.3　打开网页 ………………………………　35

1.7.4　预览网页 ………………………………　36

1.8　辅助工具的使用 ………………………………　36

1.8.1　标尺 ……………………………………　36

1.8.2　辅助线 …………………………………　37

1.8.3　网格 ……………………………………　38

1.9　课后练习 ………………………………………　38

课后练习1：新建并保存网页文件　…………………　38

课后练习2：打开并预览网页文件　…………………　40

第02章　在Dreamweaver CC中创建与管理站点 ……　41

2.1　创建站点 ………………………………………　42

2.1.1　创建本地站点 …………………………　42

上机练习：创建本地静态站点………………………　42

2.1.2　设置站点服务器 ………………………　43

2.1.3　站点服务器基本选项 …………………　43

2.1.4　站点服务器**选项 …………………　44

上机练习：创建企业站点并设置站点服务器………　45

2.1.5　设置版本控制 …………………………　46

2.2　站点的**设置 ………………………………　47

2.2.1　本地信息 ………………………………　47

2.2.2　遮盖 ……………………………………　48

2.2.3　设计备注 ………………………………　48

2.2.4　文件视图列 ……………………………　48

2.2.5　Contribute ……………………………　49

2.2.6　模板 ……………………………………　49

2.2.7　jQuery …………………………………　49

2.2.8　Web 字体 ………………………………　49

2.2.9　Edge Animate 资源 …………………　50

2.3　Business Catalyst 站点 …………………　50

2.3.1　什么是Business Catalyst …………　50

2.3.2　创建Business Catalyst 站点 ………　51

上机练习：创建Business　Catalyst 站点 ……　51

2.3.3　Business Catalyst 面板 ……………　52

2.4　站点的基本操作 ………………………………　53

2.4.1　创建页面 ………………………………　53

2.4.2　创建文件夹 ……………………………　54

2.4.3　移动和复制文件或文件夹 ……………　54

2.4.4　重命名文件或文件夹 …………………　55

2.4.5　删除文件或文件夹 ……………………　55

2.5　管理站点 ………………………………………　55

2.5.1　站点的切换 ……………………………　55

2.5.2　“管理站点”对话框 ……………………　56

2.6　课后练习 ………………………………………　57

课后练习1：在站点中新建文件夹　…………………　57

课后练习2：在站点中新建网页文件　………………　58

第03章　认识HTML和HTML5 ………………　59

3.1　HTML 简介 …………………………………　60

3.1.1　什么是HTML …………………………　60

3.1.2　HTML 的语法结构 ……………………　60

3.1.3　HTML 中的3 种标签形式 ……………　61

3.2　HTML 中的重要标签 ………………………　62

3.2.1　网页结构标签 …………………………　62

3.2.2　字符格式标签 …………………………　62

3.2.3　区段格式标签 …………………………　63

3.2.4　列表标签 ………………………………　63

3.2.5　表格标签 ………………………………　64

3.2.6　链接标签 ………………………………　64

3.2.7　多媒体标签 ……………………………　64

3.2.8　表单标签 ………………………………　65

3.2.9　分区标签 ………………………………　65

3.3　在Dreamweaver CC 中编辑HTML …　66

3.3.1　在代码视图中创建HTML 页面 ………　66

上机练习：在代码视图中创建HTML　页面 ………　66

3.3.2　在设计视图中创建HTML 页面 ………　67

上机练习：在设计视图中创建HTML　页面 ………　67

3.3.3　代码视图详解 …………………………　68

3.3.4　折叠代码 ………………………………　69

3.3.5　选择父标签 ……………………………　70

3.3.6　代码的注释 ……………………………　70

3.3.7　环绕标签 ………………………………　70

3.4　使用快速标签编辑器 …………………………　71

3.4.1　使用插入模式的快速标签编辑器 ……　71

3.4.2　使用编辑模式的快速标签编辑器 ……　72

3.4.3　使用环绕模式的快速标签编辑器 ……　72

3.4.4　设置标签编辑器属性 …………………　72

3.5　代码优化 ………………………………………　72

3.5.1　优化HTML 代码 ………………………　72

3.5.2　清理Word生成的HTML 代码 ………　73

3.6　网页中的其他源代码 …………………………　74

3.6.1　CSS 样式代码 …………………………　74

3.6.2　JavaScript 脚本代码 …………………　74

3.6.3　源代码中的注释 ………………………　75

3.7　了解HTML5 …………………………………　76

3.7.1　HTML5 的改变 ………………………　76

3.7.2　HTML5 标签 …………………………　76

3.7.3　HTML5 标准属性 ……………………　79

3.7.4　HTML5 事件属性 ……………………　80

3.8　使用HTML5 中的 标签 ………　81

3.8.1　插入画布并设置画布属性 ……………　81

3.8.2　使用JavaScript在画布中绘图的流程 …………　82

3.8.3　在网页中插入HTML5 画布 …………　82

上机练习：在网页中实现圆形图像…………………　82

3.9　使用HTML5 中的

3.9.1　插入HTML5 Audio 并设置属性 ………　84

3.9.2　HTML5 所支持的音频文件格式 ………　85

3.9.3　在网页中插入HTML5 音频 …………　85

上机练习：制作HTML5　音频页面 ………………　85

3.10　使用HTML5 中的

3.10.1　插入HTML5 Video并设置属性 ………　86

3.10.2　HTML5所支持的视频文件格式 ………　87

3.10.3　在网页中插入HTML5 视频 …………　87

上机练习：制作HTML5　视频页面 ………………　87

3.11　课后练习 ……………………………………　88

课后练习1：使用画布在网页中绘制矩形　…………　88

课后练习2：使用画布在网页中绘制圆形　…………　89

第04章　设置网页整体属性 ……………………　91

4.1　设置网页头信息 ………………………………　92

4.1.1　设置网页标题 …………………………　92

4.1.2　添加关键字 ……………………………　93

上机练习：为网页添加关键字………………………　93

4.1.3　添加说明 ………………………………　94

上机练习：为网页添加说明…………………………　94

4.1.4　插入视口 ………………………………　94

4.2　设置页面META 信息 ………………………　95

4.2.1　设置网页文字编码格式 ………………　95

4.2.2　设置网页到期时间 ……………………　95

4.2.3　禁止浏览器从本地计算机的缓存中

调阅页面内容　…………………………　95

4.2.4　设置网页cookie 过期时间 ……………　96

4.2.5　强制页面在当前窗口以独立页面显示 …　96

4.2.6　设置网页打开时的效果 ………………　96

4.2.7　设置网页退出时的效果 ………………　96

4.2.8　其他设置 ………………………………　96

4.3　设置页面属性 …………………………………　97

4.3.1　设置外观（CSS） ……………………　97

上机练习：设置网页整体外观效果…………………　98

4.3.2　设置外观（HTML） ……………………　99

4.3.3　设置链接（CSS） ……………………　99

上机练习：设置网页链接文字效果………………　100

4.3.4　设置标题（CSS） …………………　101

上机练习：设置网页中标题文字效果……………　102

4.3.5　设置标题和编码 ……………………　103

4.3.6　设置跟踪图像 ………………………　104

4.4　课后练习 ……………………………………　105

课后练习1：为网页设置头信息　…………………　105

课后练习2：为个人网页设置整体属性　…………　106

第05章　认识并应用CSS样式 …………………107

5.1　认识CSS …………………………………　108

5.1.1　什么是CSS 样式 ……………………　108

5.1.2　CSS 样式的基本写法 ………………　108

5.1.3　CSS 样式的优越性 …………………　108

5.2　认识全新的“CSS 设计器”面板 ………　109

5.2.1　“源”选项区 …………………………　109

5.2.2　“@媒体”选项区 …………………　110

5.2.3　“选择器”选项区 ……………………　112

5.2.4　“属性”选项区 ………………………　112

5.3　CSS 选择器类型 …………………………　113

5.3.1　通配符选择器 ………………………　113

5.3.2　标签选择器 …………………………　113

5.3.3　ID 选择器 ……………………………　113

5.3.4　类选择器 ……………………………　114

5.3.5　伪类及伪对象选择器 ………………　115

5.3.6　群选择器 ……………………………　115

5.3.7　派生选择器 …………………………　116

5.4　使用CSS 样式的4 种方式 ………………　116

5.4.1　内联CSS 样式 ………………………　116

上机练习：使用内联CSS　样式 …………………　116

5.4.2　内部CSS 样式 ………………………　117

上机练习：使用内部CSS　样式 …………………　118

5.4.3　链接外部CSS 样式表 ………………　119

上机练习：使用外部CSS　样式表 ………………　119

5.4.4　导入外部CSS 样式表 ………………　121

上机练习：导入外部CSS　样式表文件 …………　121

5.5　CSS 样式的创建与编辑 …………………　123

5.5.1　创建标签CSS 样式 …………………　123

上机练习：创建标签CSS　样式 …………………　123

5.5.2　创建类CSS 样式 ……………………　124

上机练习：创建类CSS　样式 ……………………　125

5.5.3　创建ID CSS 样式 …………………　126

上机练习：创建ID　CSS 样式 …………………　127

5.5.4　创建复合CSS 样式 …………………　128

上机练习：创建复合CSS　样式 …………………　128

5.5.5　编辑CSS 样式 ………………………　129

5.6　丰富的CSS 样式设置 ……………………　130

5.6.1　布局样式设置 ………………………　130

上机练习：布局样式设置…………………………　131

5.6.2　文本样式设置 ………………………　132

上机练习：文本样式设置…………………………　133

5.6.3　边框样式设置 ………………………　135

上机练习：边框样式设置…………………………　136

5.6.4　背景样式设置 ………………………　138

上机练习：背景样式设置…………………………　138

5.6.5　其他样式设置 ………………………　139

上机练习：其他样式设置…………………………　139

5.7　CSS 样式的单位和值 ……………………　141

5.7.1　单位 …………………………………　141

5.7.2　颜色值 ………………………………　141

5.8　CSS 类选区 ………………………………　143

上机练习：CSS　类选区 …………………………　143

5.9　课后练习 ……………………………………　144

课后练习1：链接外部CSS　样式表文件 ………　144

课后练习2：为网页中的文字应用类CSS　样式 …　145

第 2部分　精通CSS样式

第06章　CSS 3.0属性 …………………………147

6.1　CSS 3.0 新增选择器类型 ………………　148

6.1.1　属性选择器 …………………………　148

6.1.2　结构伪类选择器 ……………………　148

6.1.3　UI 元素状态伪类选择器 ……………　149

6.2　CSS 3.0 新增颜色定义方法 ……………　149

6.2.1　HSL 颜色方式 ………………………　150

6.2.2　HSLA 颜色方式 ……………………　150

6.2.3　RGBA 颜色方式 ……………………　150

上机练习：使用RGBA　颜色方式设置背景颜色 …　150

6.3　CSS 3.0 新增文本相关属性 ……………　151

6.3.1　word-wrap 属性 ……………………　151

6.3.2　text-overflow属性 …………………　151

6.3.3　text-shadow 属性 …………………　152

上机练习：为网页文字添加阴影效果……………　152

6.4　CSS 3.0 新增背景设置属性 ……………　152

6.4.1　background-origin 属性 …………　153

6.4.2　background-clip 属性 ……………　153

6.4.3　background-size 属性 ……………　153

上机练习：控制网页中背景图像的大小…………　153

6.5　CSS 3.0 新增边框设置属性 ……………　154

6.5.1　border-colors 属性 …………………　154

6.5.2　border-image 属性 ………………　155

6.5.3　border-radius 属性 ………………　155

上机练习：在网页中实现圆角效果………………　155

6.6　CSS 3.0 新增内容和透明度属性 ………　156

6.6.1　content 属性 ………………………　157

6.6.2　opacity 属性 …………………………　157

上机练习：实现网页中半透明的图像效果………　157

6.7　CSS 3.0 新增的多列布局属性 …………　158

6.7.1　column-width 属性 ………………　158

6.7.2　column-count 属性 ………………　158

6.7.3　column-gap 属性 …………………　158

6.7.4　column-rule 属性 …………………　158

上机练习：在网页中实现文本分栏效果…………　158

6.8　CSS 3.0 新增其他属性 …………………　160

6.8.1　overflow 属性 ………………………　160

6.8.2　outline 属性 …………………………　160

6.8.3　resize 属性 …………………………　161

6.8.4　box-shadow 属性 …………………　161

上机练习：为网页中的元素添加阴影效果………　161

6.9　CSS 3.0 过渡效果 ………………………　162

6.9.1　“CSS 过渡效果”面板 ……………　162

6.9.2　创建CSS 过渡效果 …………………　163

上机练习：使用CSS　过渡效果实现网页特效 …　163

6.10　课后练习 …………………………………　166

课后练习1：使用border-image　属性实现图像

边框效果　……………………………　166

课后练习2：使用content　属性为Div 赋予内容 …　167

第07章　Div+CSS布局网页 …………………168

7.1　了解Div ……………………………………　169

7.1.1　什么是Div …………………………　169

7.1.2　Div与span 的区别 …………………　169

7.1.3　在网页中插入Div …………………　170

7.1.4　Div+CSS 布局的优势 ………………　171

7.2　可视化盒模型 ………………………………　171

7.2.1　盒模型的概念 ………………………　171

7.2.2　CSS 盒模型的要点 …………………　172

7.2.3　margin 属性 …………………………　172

上机练习：制作欢迎页面…………………………　173

7.2.4　border 属性 …………………………　174

上机练习：为网页中的图像添加边框……………　174

7.2.5　padding 属性 ………………………　175

上机练习：控制网页中元素位置…………………　175

7.2.6　空白边叠加 …………………………　176

上机练习：空白边叠加在网页中的应用…………　176

7.3　CSS 3.0 新增的弹性盒子模型 …………　177

7.3.1　box-orient 属性 ……………………　178

7.3.2　box-direction 属性 …………………　178

7.3.3　box-ordinal-group 属性 …………　178

7.3.4　box-flex 属性 ………………………　178

7.3.5　box-pack属性和box-align 属性 …　179

7.3.6　box-lines 属性 ………………………　179

7.4　块元素和行内元素 …………………………　179

7.4.1　块元素 ………………………………　179

7.4.2　行内元素 ……………………………　180

7.4.3　display 属性 …………………………　180

7.5　CSS 布局定位 ……………………………　180

7.5.1　浮动定位 ……………………………　181

上机练习：网页元素的浮动定位…………………　184

7.5.2　position 属性 ………………………　186

7.5.3　相对定位 ……………………………　186

上机练习：网页元素的相对定位…………………　186

7.5.4　**定位 ……………………………　187

上机练习：网页元素的**定位…………………　188

7.5.5　固定定位 ……………………………　189

上机练习：固定的网页元素………………………　189

7.6　居中的页面布局方式 ………………………　190

7.6.1　使用自动空白边让设计居中 ………　190

7.6.2　使用定位和负值空白边让设计居中 …　190

7.7　浮动的页面布局方式 ………………………　191

7.7.1　两列固定宽度布局 …………………　191

7.7.2　两列固定宽度居中布局 ……………　192

7.7.3　两列宽度自适应布局 ………………　192

7.7.4　两列右列宽度自适应布局 …………　193

7.7.5　三列浮动中间列宽度自适应布局 …　194

7.7.6　高度自适应 …………………………　195

7.8　流体网格布局 ………………………………　195

上机练习：制作适用于手机浏览的网页…………　196

7.9　课后练习 ……………………………………　200

课后练习1：使用z-index　属性控制元素层叠位置 …　200

课后练习2：使用overflow　属性实现溢出定位　200

第3部分　插入基本网页元素

第08章　插入文本元素 ………………………　202

8.1　在网页中输入文本 …………………………　203

上机练习：制作文本介绍页面……………………　203

8.2　输入文本时的注意事项 ……………………　204

8.2.1　页面编码格式 ………………………　204

8.2.2　插入段落 ……………………………　204

8.2.3　插入换行符 …………………………　205

8.3　设置网页文本属性 …………………………　206

8.3.1　HTML 属性 …………………………　206

8.3.2　CSS 属性 ……………………………　207

8.4　插入特殊的文本对象 ………………………　209

8.4.1　插入项目列表 ………………………　209

上机练习：制作新闻列表栏目……………………　209

8.4.2　插入编号列表 ………………………　211

上机练习：制作排行榜栏目………………………　211

8.4.3　设置列表属性 ………………………　213

8.4.4　插入水平线 …………………………　214

上机练习：在网页中插入水平线…………………　214

8.4.5　插入时间 ……………………………　215

上机练习：在网页中插入系统日期………………　215

8.4.6　插入特殊字符 ………………………　216

上机练习：在网页中插入特殊字符………………　217

8.5　在网页中实现滚动文本效果 ………………　218

上机练习：实现文本滚动效果……………………　218

8.6　在网页中实现特殊文字效果 ………………　220

8.6.1　使用Web 字体 ………………………　220

上机练习：使用Web　字体在网页中实现特殊字体效果…　220

8.6.2　使用Adobe Edge Web Fonts功能 …　222

上机练习：使用Adobe　Edge Web Fonts在网页中实现特殊字体…　222

8.7　课后习题 ……………………………………　224

课后练习1：制作文本网页　………………………　224

课后练习2：在网页中实现图文混排　……………　225

第09章　插入图像元素 ………………………　226

9.1　网页中常用图像格式 ………………………　227

9.1.1　GIF 格式 ……………………………　227

9.1.2　JPEG 格式 …………………………　227

9.1.3　PNG 格式 ……………………………　228

9.2　插入图像 ……………………………………　228

9.2.1　在网页中插入图像 …………………　228

上机练习：制作图像欢迎页面……………………　228

9.2.2　设置图像属性 ………………………　229

9.3　插入其他图像元素 …………………………　232

9.3.1　插入鼠标经过图像 …………………　233

上机练习：制作网站导航菜单……………………　233

9.3.2　插入Fireworks HTML ……………　234

9.4　课后练习 ……………………………………　235

课后练习1：制作图片滚动效果　…………………　235

课后练习2：制作图像翻转效果　…………………　236

第 10章　插入多媒体元素 ……………………　237

10.1　插入Flash ………………………………　238

10.1.1　插入Flash SWF 文件 ……………　238

上机练习：制作Flash　动画页面 ………………　238

10.1.2　设置Flash SWF 文件属性 ………　239

10.1.3　“插入FLV”对话框 ………………　240

10.1.4　插入Flash Video …………………　241

上机练习：在网页中插入Flash　视频 …………　241

10.2　插入Edge Animate 作品 ……………　243

上机练习：制作网页中焦点轮换大图效果………　243

10.3　在网页中添加声音 ………………………　244

10.3.1　网页中常用声音格式 ……………　244

10.3.2　添加背景音乐………………………　245

上机练习：为网页添加背景音乐…………………　245

10.3.3　嵌入音频……………………………　246

上机练习：在网页中嵌入音频播放………………　246

10.4　在网页中插入视频 ………………………　247

10.4.1　网页中常用视频格式 ……………　247

10.4.2　插入视频 …………………………　247

上机练习：制作视频网页…………………………　248

10.5　课后习题 …………………………………　249

课后练习1：在网页中插入Flash　动画 ………　249

课后练习2：在网页中插入视频并播放　…………　250

第4部分　插入**网页元素

第 11章　设置网页链接 …………………………251

11.1　了解链接路径 ……………………………　252

11.1.1　**路径 …………………………　252

11.1.2　相对路径……………………………　253

11.1.3　根路径 ……………………………　253

11.2　文字链接 …………………………………　253

11.2.1　创建文字链接………………………　254

上机练习：为网页中的文字设置链接……………　254

11.2.2　使用Hyperlink 对话框 ……………　256

11.3　图像链接 …………………………………　256

上机练习：为网页中的图像设置链接……………　256

11.4　设置网页中的特殊链接 …………………　257

11.4.1　空链接 ……………………………　257

上机练习：在网页中创建空链接…………………　257

11.4.2　文件下载链接 ……………………　258

上机练习：在网页中创建文件下载链接…………　258

11.4.3　热点链接 …………………………　259

上机练习：创建图像热点链接……………………　259

11.4.4　E-mail 链接 ………………………　260

上机练习：在网页中创建电子邮件链接…………　261

11.4.5　脚本链接 …………………………　263

上机练习：在网页中创建脚本链接………………　263

11.5　控制文字超链接属性 ……………………　263

11.5.1　a:link ………………………………　264

11.5.2　a:active ……………………………　264

11.5.3　a:hover ……………………………　265

11.5.4　a:visited ……………………………　265

11.6　课后练习 …………………………………　266

课后练习1：在网页中创建各种不同链接　………　266

课后练习2：使用CSS　样式美化网页中的超链接 …　267

第 12章　插入表单元素 ………………………　268

12.1　表单概述 …………………………………　269

12.1.1　关于表单……………………………　269

12.1.2　常用表单元素………………………　269

12.1.3　HTML5 表单元素 …………………　270

12.2　常用表单元素在网页中的应用 …………　271

12.2.1　插入表单域…………………………　271

上机练习：插入表单域……………………………　271

12.2.2　插入文本域 …………………………　273

上机练习：插入文本域……………………………　273

12.2.3　插入密码域 …………………………　275

上机练习：插入密码域……………………………　275

12.2.4　插入文本区域………………………　276

上机练习：插入文本区域…………………………　277

12.2.5　插入按钮……………………………　278

12.2.6　插入提交按钮………………………　278

12.2.7　插入重置按钮………………………　278

上机练习：插入提交和重置按钮…………………　278

12.2.8　插入文件域 ………………………　281

上机练习：插入文件域……………………………　281

12.2.9　插入图像按钮………………………　282

上机练习：插入图像按钮…………………………　282

12.2.10　插入隐藏域 ………………………　284

12.2.11　插入选择域 ………………………　284

上机练习：插入选择域……………………………　285

12.2.12　插入单选按钮与单选按钮组 ……　287

上机练习：在网页中插入单选按钮………………　287

12.2.13　插入复选框与复选框组 …………　289

上机练习：在网页中插入复选框…………………　289

12.3　HTML5 表单元素在网页中的应用 ……　290

12.3.1　插入电子邮件………………………　290

12.3.2　插入Url ……………………………　291

12.3.3　插入Tel ……………………………　291

上机练习：制作留言表单页面……………………　291

12.3.4　插入搜索……………………………　293

12.3.5　插入数字……………………………　294

12.3.6　插入范围……………………………　294

12.3.7　插入颜色……………………………　295

12.3.8　插入时间日期相关表单元素 ……　296

12.4　设计制作网站注册页面 …………………　296

上机练习：设计制作网站注册页面………………　297

12.5　课后练习 …………………………………　302

课后练习1：制作网站登录页面　…………………　302

课后练习2：制作发表日志表单页面　……………　303

第5部分　网页布局与制作技巧

第 13章　表格与IFrame框架的应用 ………　305

13.1　认识表格 …………………………………　306

13.1.1　插入表格 …………………………　306

13.1.2　在HTML 代码中插入表格 ………　307

13.1.3　表格的标题与表头…………………　308

13.2　表格的基本操作 …………………………　308

13.2.1　选择表格和单元格…………………　309

上机练习：选择表格和单元格……………………　309

13.2.2　表格属性设置 ………………………　310

13.2.3　单元格属性设置……………………　311

13.3　调整表格结构 ……………………………　311

13.3.1　拆分单元格…………………………　311

13.3.2　插入行或列…………………………　312

13.3.3　删除行或列…………………………　312

13.3.4　单元格的复制和粘贴 ……………　312

13.4　表格数据的处理 …………………………　312

13.4.1　排序表格 …………………………　312

上机练习：对表格数据进行排序…………………　313

13.4.2　导入表格数据………………………　313

上机练习：在网页中导入外部数据………………　314

13.4.3　导出表格数据 ……………………　315

13.5　IFrame 框架 ……………………………　316

13.5.1　插入IFrame 框架 …………………　316

上机练习：制作IFrame　框架页面 ……………　316

13.5.2　IFrame 框架页面链接 ……………　317

上机练习：设置IFrame　框架页面链接 ………　318

13.6　使用HTML5 结构元素 …………………　319

13.6.1　页眉 ………………………………　319

13.6.2　页脚…………………………………　320

13.6.3　Navigation ………………………　320

13.6.4　章节 ………………………………　320

13.6.5　文章 ………………………………　321

13.6.6　侧边 ………………………………　321

13.6.7　图 …………………………………　321

13.7　课后练习 …………………………………　321

课后练习1：使用HTML5　结构元素制作网页 …　321

课后练习2：使用IFrame　框架制作网页 ……　322

第 14章　模板和库在网页中的应用 …………　324

14.1　使用模板 …………………………………　325

14.1.1　模板的特点 ………………………　325

14.1.2　创建模板 …………………………　325

上机练习：将网页创建为模板……………………　325

14.1.3　嵌套模板 …………………………　327

14.1.4　定义可编辑区域 …………………　327

上机练习：定义可编辑区域………………………　327

14.1.5　定义可选区域 ……………………　328

上机练习：定义可选区域…………………………　328

14.1.6　定义可编辑可选区域 ……………　329

上机练习：定义可编辑可选区域…………………　330

14.1.7　定义重复区域 ……………………　330

14.1.8　设置可编辑标签属性 ……………　331

14.2　应用模板 …………………………………　331

14.2.1　创建基于模板的页面 ……………　331

上机练习：创建基于模板的页面…………………　332

14.2.2　更新模板及基于模板的网页………　334

14.2.3　删除页面中使用的模板……………　335

14.3　使用库 ……………………………………　335

14.3.1　创建库项目 ………………………　335

上机练习：创建库项目……………………………　335

14.3.2　插入库项目…………………………　337

上机练习：插入库项目……………………………　337

14.3.3　库项目的编辑和更新 ……………　338

14.4　课后习题 …………………………………　339

课后练习1：创建网站库项目　……………………　339

课后练习2：在网站页面中插入库项目　…………　340

第6部分　实现网页特效

第 15章　使用行为创建动态效果 ………………341

15.1　了解Dreamweaver 行为 ……………　342

15.1.1　什么是Dreamweaver 事件 ……　342

15.1.2　什么是Dreamweaver 动作 ……　342

15.2　为网页添加Dreamweaver 行为 ……　342

15.2.1　交换图像……………………………　343

上机练习：应用“交换图像”行为………………　343

15.2.2　弹出信息……………………………　344

上机练习：为网页添加弹出信息…………………　344

15.2.3　恢复交换图像………………………　345

15.2.4　打开浏览器窗口 …………………　346

上机练习：应用“打开浏览器窗口”行为………　346

15.2.5　拖动AP 元素 ………………………　347

上机练习：实现网页中可拖动元素………………　347

15.2.6　改变属性 …………………………　348

上机练习：改变网页元素属性……………………　349

15.2.7　显示/ 隐藏元素 ……………………　350

上机练习：显示和隐藏网页元素…………………　350

15.2.8　检查插件 …………………………　352

上机练习：添加“检查插件”行为………………　352

15.2.9　检查表单 …………………………　353

上机练习：使用行为验证表单……………………　353

15.2.10　调用JavaScript …………………　355

15.2.11　跳转菜单 …………………………　356

上机练习：在网页中插入跳转菜单………………　356

15.2.12　跳转菜单开始 ……………………　358

15.2.13　转到URL …………………………　358

上机练习：实现网页跳转…………………………　358

15.2.14　预先载入图像 ……………………　359

15.3　为网页添加文本行为 ……………………　359

15.3.1　设置容器的文本 …………………　360

15.3.2　设置文本域文本……………………　360

上机练习：设置文本域默认文字内容……………　360

15.3.3　设置框架文本………………………　361

15.3.4　设置状态栏文本 …………………　361

上机练习：为网页添加状态栏文本………………　361

15.4　为网页添加jQuery 效果 ………………　362

15.4.1　了解jQuery 效果 …………………　362

15.4.2　应用“Blind”行为 ………………　363

上机练习：实现网页元素的动态隐藏……………　363

15.4.3　应用“Highlight”行为 …………　365

上机练习：实现网页元素的高光过渡……………　365

15.5　课后习题 …………………………………　367

课后练习1：为网页添加“调用JavaScript”行为…　367

课后练习2：添加Drop　效果实现网页元素

渐隐渐现　……………………………　368

第 16章　使用Dreamweaver维护并上传网站…　369

16.1　站点维护 …………………………………　370

16.1.1　检查链接 …………………………　370

上机练习：检查网页链接…………………………　370

16.1.2　W3C 验证 …………………………　371

上机练习：对网页进行W3C　验证 ……………　371

16.1.3　创建站点报告 ……………………　372

16.2　上传网站 …………………………………　372

16.2.1　设置FTP 服务器 …………………　372

上机练习：设置站点FTP　服务器 ………………　373

16.2.2　连接到远程服务器…………………　374

16.2.3　上传文件……………………………　374

上机练习：上传文件………………………………　375

16.2.4　下载文件 …………………………　376

16.3　课后练习 …………………………………　376

课后练习1：使用Dreamweaver　下载网页文件…　376

课后练习2：使用FlashFXP　上传网页文件 …　377

第7部分　商业实战

第 17章　综合商业网站案例 …………………　379

17.1　制化妆品网站 ……………………………　380

17.1.1　设计分析 …………………………　380

17.1.2　制作步骤……………………………　380

17.1.3　案例小结 …………………………　388

17.2　制作休闲乐园网站 ………………………　388

17.2.1　设计分析……………………………　388

17.2.2　制作步骤……………………………　388

17.2.3　案例小结……………………………　398

17.3　制作游戏网站 ……………………………　398

17.3.1　设计分析 …………………………　398

17.3.2　制作步骤……………………………　398

17.3.3　案例小结……………………………　408