7天精通Dreamweaver CS6网页设计与制作

第1天　初识Dreamweaver CS6 1

1．1　网页制作必须要了解的基础知识 2

1．2　常见的网站制作工具介绍 4

1．3　了解网页常见布局 5

1．4　色彩搭配在网页中的位置 8

1．4．1　色彩的基础知识 8

1．4．2　常用配色方案 10

1．4．3　网站的色彩定位 14

1．5　掌握网站的开发流程 17

1．5．1　规划站点 17

1．5．2　收集素材 18

1．5．3　制作网页 18

1．5．4　测试网站 18

1．5．5　发布网站 19

1．5．6　更新维护 19

1．6　Dreamweaver CS6新增功能 19

1．7　熟悉Dreamweaver CS6的操作界面 21

1．7．1　菜单栏 22

1．7．2　“文档”工具栏 25

1．7．3　“属性”面板 26

1．7．4　面板组 26

1．7．5　状态栏 28

1．8　搭建站点 29

1．9　站点的管理 32

自测01　创建小型公司站点 36

自测02　创建文件夹及文件 37

自测03　编辑站点文件 38

第2天　学会编辑网页基本元素 ……… 40

2．1　了解网页的基本构成元素 41

2．2　网页中的文本插入 43

2．3　设置网页中的文本属性 44

2．4　在网页中插入特殊元素 46

2．4．1　插入特殊符号 46

2．4．2　插入日期和时间 47

2．4．3　插入注释 47

2．4．4　插入水平线 48

2．5　图像的插入编辑 48

2．5．1　网页图像的格式 48

2．5．2　插入网页图像 49

2．5．3　编辑网页图像 50

2．6　插入其他与图像相关的元素 50

2．6．1　图像占位符 50

2．6．2　鼠标经过图像 52

2．7　插入多媒体 53

2．7．1　SWF格式文件 53

2．7．2　FLV格式文件 54

2．7．3　插入其他媒体对象 56

2．8　修改页面属性 57

2．8．1　外观（CSS） 58

2．8．2　外观（HTML） 58

2．8．3　链接（CSS） 59

2．8．4　标题（CSS） 59

2．8．5　标题/编码 60

2．8．6　跟踪图像 61

2．9　初识HTML代码 61

2．9．1　什么是HTML语言 61

2．9．2　段落与字体 63

2．9．3　常用各种命令的HTML代码 65

自测01　利用鼠标经过图像制作导航栏 68

自测02　制作精美个人网页 69

自测03　利用HTML制作简单网页 72

第3天　链接与表格 …………………… 73

3．1　超级链接概述 74

3．1．1　链接的概念 74

3．1．2　链接路径 74

3．2　创建超级链接 75

3．2．1　创建文本链接 75

3．2．2　创建图像链接 76

3．2．3　创建图像热点链接 77

3．2．4　创建电子邮件链接 78

3．2．5　创建空链接 79

3．2．6　创建锚链接 79

3．2．7　创建脚本链接 81

3．2．8　创建下载链接 81

3．2．9　创建外部链接 82

3．3　管理链接 83

3．3．1　更新链接 83

3．3．2　自动更新链接 83

3．3．3　更新站点中某个文件的链接 84

3．3．4　测试链接 84

3．4　认识链接的相关代码 85

3．4．1　超链接标记的属性 85

3．4．2　内部链接 85

3．4．3　锚点链接 85

3．4．4　外部链接 86

3．4．5　图像映射 86

3．4．6　链接状态代码 86

3．5　表格的基本操作 86

3．5．1　表格的插入 87

3．5．2　表格元素的选取 88

3．5．3　行与列的插入与删除 91

3．5．4　拆分和合并单元格 93

3．5．5　表格的嵌套 95

3．6　设置表格属性 96

3．6．1　设置整个表格的属性 96

3．6．2　设置行、列和单元格的属性 96

3．7　表格数据的排序 98

3．8　导入/导出表格式数据 99

3．8．1　导入表格式数据 99

3．8．2　导出表格式数据 100

3．9　特殊表格的制作 101

3．9．1　自制细线表格 101

3．9．2　制作只有外框线的表格 103

3．9．3　用表格行制作水平线 104

3．9．4　立体导航栏的制作 105

3．9．5　制作变色单元格 106

3．10　认识表格的相关代码 107

3．10．1　表格及相关属性代码 107

3．10．2　行标记及相关属性代码 108

3．10．3　单元格标记 108

自测01　为网页添加各类链接 110

自测02　利用表格布局网站首页 111

自测03　利用表格排版制作某公司网站首页 114

第4天　模板、框架与库的应用 ……… 121

4．1　模板的概念 122

4．2　创建模板 122

4．2．1　创建新模板 122

4．2．2　将普通网页保存为模板 124

4．3　编辑模板 125

4．3．1　可编辑区域和不可编辑区域 125

4．3．2　创建可编辑区域 125

4．3．3　选择可编辑区域 126

4．3．4　删除可编辑区域 127

4．4　利用模板制作网页 128

4．4．1　新建模板文档 128

4．4．2　使用模板面板创建文档 129

4．4．3　页面与模板脱离 131

4．4．4　更新页面 131

4．5　管理模板 132

4．5．1　重命名模板 133

4．5．2　删除模板 133

4．6　框架的基础操作 134

4．6．1　框架的作用及优缺点 134

4．6．2　创建框架 135

4．6．3　设置及编辑框架 138

4．7　创建自定义框架 142

4．7．1　创建框架集 142

4．7．2　保存框架集 143

4．8　Spry框架技术 145

4．8．1　Spry效果 146

4．8．2　Spry控件 148

4．9　使用库 153

4．9．1　库的概念 153

4．9．2　创建和应用库项目 153

4．9．3　修改库项目 155

自测01　创建并利用模板页建立网页 158

自测02　利用框架布局页面 162

自测03　Spry折叠式控件的应用 164

第5天 行为与表单的应用 …………… 167

5．1　关于行为 168

5．1．1　行为的概念 168

5．1．2　“行为”面板 168

5．2　动作和事件 168

5．2．1　关于动作 168

5．2．2　关于事件 169

5．3　添加行为 170

5．4　常用动作 172

5．4．1　打开浏览器窗口 172

5．4．2　弹出信息 173

5．4．3　调用JavaScript 174

5．4．4　改变属性 175

5．4．5　检查插件 176

5．4．6　交换图像 177

5．4．7　拖动AP元素 178

5．4．8　转到URL 180

5．4．9　设置容器的文本 181

5．4．10　设置状态栏文本 183

5．4．11　显示-隐藏元素 184

5．4．12　预先载入图像 185

5．5　表单的基本概念 186

5．5．1　创建表单域 186

5．5．2　插入文本域 187

5．5．3　插入复选框和单选按钮 191

5．5．4　插入下拉菜单和列表 192

5．5．5　创建跳转菜单 195

5．5．6　使用按钮激活表单 195

5．5．7　使用隐藏域和文件域 196

5．5．8　检查表单 198

5．6　表单相关的HTML代码 199

5．6．1　＜FORM＞标签 199

5．6．2　＜INPUT＞标签 199

5．6．3　＜TEXTAREA＞标签 200

5．6．4　＜SELECT＞标签 200

自测01　制作跳转菜单 202

自测02　为网页添加各种行为 203

自测03　制作公司员工信息表 206

第6天 Div+CSS布局网页 …………… 212

6．1　CSS样式表 213

6．1．1　CSS的概念 213

6．1．2　CSS的基本语法 214

6．1．3　认识“CSS样式”面板 214

6．2　创建CSS样式 216

6．2．1　创建内部样式表 216

6．2．2　创建外部样式表 217

6．2．3　应用内部样式表 219

6．2．4　链接外部CSS样式表 220

6．3　CSS样式定义 221

6．3．1　定义CSS样式的类型 222

6．3．2　定义CSS样式的背景 223

6．3．3　区块、方框、边框、列表、定位的设置 223

6．3．4　设置CSS样式的扩展 227

6．3．5　设置CSS样式的过渡 228

6．4　管理CSS样式表 229

6．4．1　查看CSS样式 229

6．4．2　编辑CSS样式 229

6．4．3　删除CSS样式 230

6．4．4　复制CSS样式 230

6．5　Div+CSS布局基础 231

6．5．1　Div简介 232

6．5．2　Div+CSS布局的优势 234

6．5．3　盒子模型 236

6．6　常见的布局方式 238

6．6．1　居中布局 238

6．6．2　浮动布局 240

6．6．3　高度自适应布局 242

自测01　利用CSS样式美化网页 244

自测02　制作某学校网站首页 247

自测03　制作某公司网站 255

第7天 学会制作留言板 ……………… 266

7．1　动态网页的特点和制作流程 267

7．1．1　动态网页的特点 267

7．1．2　动态网页技术 267

7．1．3　动态网页的制作流程 268

7．2　创建数据库 268

7．2．1　数据库的概念 268

7．2．2　创建数据库 269

7．3　创建数据表 271

7．3．1　认识数据表 271

7．3．2　创建数据表 272

7．3．3　向数据表中输入记录 274

7．4　编辑数据表 274

7．4．1　添加记录 274

7．4．2　更新记录 275

7．4．3　删除记录 276

7．5　建立关联与查询 277

7．5．1　建立关联 277

7．5．2　认识查询设计视图 279

7．5．3　建立一个简单的查询 280

7．5．4　建立关联查询 281

7．6　搭建本地服务器 284

7．6．1　安装IIS 284

7．6．2　配置Web服务器 286

7．7　创建ODBC连接 288

7．8 创建留言系统 289

7．8．1　数据库设计 290

7．8．2　创建留言板站点 291

7．8．3　创建数据库连接 295

7．8．4　制作留言列表页面 296

7．8．5　制作添加留言页面 300

7．8．6　制作管理员登录页面 302

7．8．7　管理留言页面 303

7．8．8　回复留言页面 305

7．8．9　删除留言页面 308

7．9　网站的上传 310

7．9．1　设置服务器站点FTP 310

7．9．2　连接到远程服务器 312

7．9．3　文件上传 313

目前，计算机网络已经成为人们生活、学习和工作的一部分。为了让更多的用户能够掌握网页的设计知识，懂得网站的建设流程，本书从实用性、易用性出发，介绍网页制作利器Dreamweaver 的使用。
本书配套的光盘中，提供了案例源文件、案例视频文件以及大量的素材文件，以帮助读者快速掌握网页设计的知识。