通过Dreamweaver CS3学习HTML+DIV+CSS

《通过Dreamweaver CS3学习HTML+DIV+CSS 》



通过Dreamweaver CS3学习HTML+DIV+CSS 光盘/教程



《通过Dreamweaver CS3学习HTML+DIV+CSS 》随书光盘/电子教程[ISO]

出版社　： 科学出版社

作者　　： 黄军宝/



出版日期：2008年3月



内容简介:



Dreamweaver是当前最流行的可视化网页设计软件之一，而HTML语言又是网页设计时不可或缺的基础。本书结合Dreamweaver操作与HTML语法，从零开始，由浅入深地讲解网页设计技术，将读者带入网页设计的殿堂。全书内容共23章，分5篇：网站网页概述篇 ——了解什么是网站、网页，以及Dreamweaver操作界面；网页基础HTML篇——HTML语言的基本结构与语法、使用Dreamweaver对各种网页元素的操作及对应语法讲解；网站构建篇——了解网站设计的总体规划、网页结构划分与实现、网页模板设计与应用及网站设计实例；动态网站篇——讲解网页脚本技术的应用、基于动态页面的ASP网站实现；Web 2.0网站篇——演示Web 2.0标准网站的设计过程。

本书既适合入门级的初学者、网站管理维护人员和大专院校学生，也可供中级设计人员参考。



Part01 网站网页概述



第1章 网页设计初体验 3

1.1 什么是网页 3

1.1.1 互联网 3

1.1.2 WWW（万维网） 3

1.1.3 什么是网页 3

1.2 HTML惊鸿一瞥 4

1.2.1 创建HTML网页 4



1.2.2 HTML结构 5

1.3 认识Dreamweaver 6

1.3.1 常用功能 6

1.3.2 操作界面 8

1.4 创建站点与页面 12

1.4.1 创建站点 12

1.4.2 创建页面 14

1.5 专家总结 16



Part02 网页基础HTML



第2章 网页头部Head 19

2.1 头部包括的内容 19

2.1.1 网页标题 19

2.1.2 标签 19

2.1.3 样式表和脚本 19

2.2 查看头部 20

视频路径：视频教学\2-2.exe

教学时长：40秒

2.3 设置标题 20

视频路径：视频教学\2-3.exe

教学时长：1分02秒

2.4 认识标签 22

视频路径：视频教学\2-4.exe

教学时长：54秒

2.5 HTTP标题信息http-equiv 24

2.5.1 设置文档类型与语言属性

Content-Type 24

2.5.2 设置自动刷新属性Refresh 25

2.5.3 设置缓存时间属性Expires 25

2.5.4 设置禁用缓存属性Pragma 25

2.5.5 设置网页Cookie属性

Set-Cookie 25

2.5.6 设置打开窗口属性

Window-target 25

2.5.7 设置过渡效果属性Page-Enter、

Page-Exit 26

2.5.8 设置主题与脚本类型属性

MSThemeCompatible、

Content-Script-Type 27

2.6 页面描述信息name 27

2.6.1 设置描述与关键词属性

Description 27

2.6.2 设置搜索机器人引向属性

Robots 27

2.6.3 设置作者信息属性Author 28

2.7 设置基链接属性base 28

2.8 设置链接文件属性link 28

2.9 专家总结 28

第3章 网页主体Body 29

3.1 网页背景 29

3.1.1 修改背景颜色 29

视频路径：视频教学\3-1-1.exe

教学时长：34秒

3.1.2 设置背景图像 32

视频路径：视频教学\3-1-2.exe

教学时长：32秒

3.1.3 设置背景图片的重复方式 34

3.2 文字颜色 35

3.2.1 设置文字默认颜色 35

视频路径：视频教学\3-2-1.exe

教学时长：34秒

3.2.2 更改超链接文字颜色 37

3.3 设置页面边距 39

3.4 专家总结 40

第4章 网页文字Font 41

4.1 文字外观 41

4.1.1 调整文字大小 41

视频路径：视频教学\4-1-1.exe

教学时长：1分02秒

4.1.2 修改文字颜色 43

视频路径：视频教学\4-1-2.exe

教学时长：1分12秒

4.1.3 设置文字字体 43

4.1.4 格式化文字 45

4.2 文字排放 46

4.2.1 设置段落文字 46

视频路径：视频教学\4-2-1.exe

教学时长：28秒

4.2.2 设置已编排格式 46

4.2.3 使用块引用格式 47

4.2.4 设置标题文字 48

4.2.5 设置文字对齐 49

4.2.6 使用项目列表 50

4.2.7 使用编号列表 50



4.2.8 定义列表 51

4.3 字符实体 52

4.3.1 认识字符实体 52

4.3.2 换行字符 53

4.4 专家总结 54

第5章 网页图片Img 55

5.1 图片格式 55

5.1.1 GIF格式 55

5.1.2 JPG格式 55

5.1.3 PNG格式 55

5.2 插入图片 56

5.2.1 直接插入图片 56

视频路径：视频教学\5-2-1.exe

教学时长：52秒

5.2.2 拖动插入图片 57

5.2.3 揭示图片源码 58

5.3 图片路径 59

5.3.1 使用绝对路径 59

5.3.2 使用相对路径 59

5.4 图片修改 60

5.4.1 修改尺寸 60

视频路径：视频教学\5-4-1.exe

教学时长：56秒

5.4.2 修改对齐方式 62

5.4.3 设置图片边框 64

视频路径：视频教学\5-4-3.exe

教学时长：1分06秒

5.5 客户端图像映射图 66

5.5.1 创建热图 66

5.5.2 热图源码 67

5.6 图片边距 68

5.6.1 设置图片边距 68

5.6.2 图片边距源码 69

5.7 专家总结 70

第6章 网页超链接 71

6.1 页面超链接 71



6.1.1 设置页面间链接 71

视频路径：视频教学\6-1-1.exe

教学时长：1分15秒

6.1.2 设置页面内链接 72

视频路径：视频教学\6-1-2.exe

教学时长：3分32秒

6.2 使用邮件链接 74

6.3 使用水平线 76

视频路径：视频教学\6-3.exe

教学时长：46秒

6.4 专家总结 77

第7章 表格与层 78

7.1 基本操作 78

7.1.1 插入表格 78

视频路径：视频教学\7-1-1.exe

教学时长：25秒

7.1.2 输入数据 80

7.1.3 调整表格尺寸 80

视频路径：视频教学\7-1-3.exe

教学时长：1分13秒

7.1.4 表格对齐 81

7.2 编辑表格 81

7.2.1 表格标题 81

7.2.2 表格列宽与行高 82

7.2.3 添加行或列 83

7.2.4 删除行或列 85

7.2.5 合并单元格 85

视频路径：视频教学\7-2-5.exe

教学时长：55秒

7.2.6 拆分单元格 86

7.3 表格外观 87

7.3.1 设置边框粗细 87

7.3.2 设置边框颜色 88

7.3.3 设置表格间距 89

7.3.4 表格填充 89

7.3.5 设置单元格对齐方式 90

7.3.6 设置表格背景颜色与图像 91



7.3.7 设置单元格背景颜色与背景

图像 92

7.4 div层 93

7.4.1 层基本操作 93

7.4.2 层属性操作 94

7.4.3 【层】面板 95

7.4.4 层与表格转换 96

7.5 专家总结 96

第8章 表单Form 97

8.1 插入表单 97

视频路径：视频教学\8-1.exe

教学时长：25秒

8.2 文字对象 98

8.2.1 使用单行文本域 98

视频路径：视频教学\8-2-1.exe

教学时长：43秒

8.2.2 使用多行文本域 100

8.2.3 使用密码文本域 101

视频路径：视频教学\8-2-3.exe

教学时长：45秒

8.2.4 使用隐藏域 102

8.3 选择标签 103

8.3.1 使用单选按钮 103

8.3.2 使用单选按钮组 104

8.3.3 使用复选框 105

8.4 列表与菜单 107

8.4.1 使用菜单 107

8.4.2 使用列表 109

8.4.3 使用跳转菜单 109

8.5 表单按钮 111

8.5.1 表单按钮 111

8.5.2 图像域 112

8.6 文件域和字段集 113

8.6.1 使用文件域 113

8.6.2 使用字段集 114

8.7 专家总结 115



第9章 多媒体Embed 116

9.1 声音 116

9.1.1 播放背景音乐 116

视频路径：视频教学\9-1-1.exe

教学时长：1分56秒

9.1.2 设置播放歌曲 117

9.2 Flash对象 121

9.2.1 插入Flash动画 121

视频路径：视频教学\9-2-1.exe

教学时长：1分08秒

9.2.2 使用图像查看器 124

视频路径：视频教学\9-2-2.exe

教学时长：2分01秒

9.2.3 设置Flash按钮 125

9.3 播放视频 127

9.4 专家总结 128

第10章 网页框架Frame 129

10.1 创建框架 129

10.1.1 自定义框架 129

视频路径：视频教学\10-1-1.exe

教学时长：22秒

10.1.2 预定义框架 130

视频路径：视频教学\10-1-2.exe

教学时长：23秒

10.1.3 自定义嵌套框架 131

10.2 框架源码 132

10.3 调整框架 133

10.3.1 选择框架 133

10.3.2 保存框架 135

10.3.3 设置框架集 136

10.3.4 设置框架 137

10.3.5 命名框架集页面 138

10.3.6 修改框架尺寸 138

视频路径：视频教学\10-3-6.exe

教学时长：25秒

10.3.7 使用无框架内容 138

10.4 设置框架链接 139

10.5 使用浮动框架iframe 140

10.6 专家总结 141

第11章 网页样式表CSS 142

11.1 CSS基础 142

11.1.1 CSS基本概念 142

11.1.2 CSS功能介绍 142

11.2 引用CSS 145

11.2.1 外联样式表 145

11.2.2 内嵌样式表 146

11.2.3 导入样式表 147

11.2.4 内联样式表 148

11.3 CSS基本语法 148

11.3.1 构成 148

11.3.2 选择符 149

11.3.3 继承性 151

11.3.4 特殊选择符——伪类 152

11.3.5 其他伪类 153

11.4 使用Dreamweaver编辑CSS 153

11.4.1 认识CSS面板 153

11.4.2 使用外部样式表 154

视频路径：视频教学\11-4-2.exe

教学时长：53秒

11.4.3 创建新样式表 156

11.5 设置CSS属性 158

11.5.1 设置CSS样式类型 158

视频路径：视频教学\11-5-1.exe

教学时长：1分16秒

11.5.2 设置CSS样式背景 160

11.5.3 设置CSS样式区块 162

视频路径：视频教学\11-5-3.exe

教学时长：1分17秒

11.5.4 设置CSS样式方框格式 163

11.5.5 设置CSS样式边框 165

11.5.6 设置CSS样式列表 167

11.5.7 设置CSS样式定位 168

11.5.8 设置CSS样式扩展 170

11.6 专家总结 172



Part03 网站构建



第12章 网站的整体规划 175

12.1 网站规划概述 175

12.1.1 市场分析 175

12.1.2 网站的目的、主题 176

12.1.3 确定网站的内容和服务 176

12.1.4 网页设计 177

12.1.5 网站的测试和发布 177

12.1.6 网站的维护和推广 178

12.2 网站规划要素 179

12.2.1 网站的主题 180

12.2.2 网站的命名 180

12.2.3 网站的标志 180

12.2.4 网页的布局 181

12.2.5 网页的色彩搭配 181

12.2.6 网页的字体 183

12.3 页面综合布局 183

12.3.1 网页布局的相关概念 183

12.3.2 常见的网页布局结构 185

12.3.3 网页布局的技术 189

12.4 专家总结 191

第13章 页面头部设计 192

13.1 页面头部风格确定 192

13.1.1 页面头部的构成 193

13.1.2 页面头部的几种设计形式 196

13.2 添加页面头部元素 197

视频路径：视频教学\13a.exe

教学时长：7分56秒

13.3 样式调整与修改 203

视频路径：视频教学\13b.exe

教学时长：5分40秒

13.4 专家总结 208

第14章 导航条的设计 209

14.1 导航条的风格选择 209

14.1.1 导航条的目的 209

14.1.2 导航条的设计原则和技巧 210

14.1.3 设计导航的技术 211

14.1.4 导航条的布局方式 211

14.1.5 各式各样的导航 213

14.2 导航条制作 214

视频路径：视频教学\14a.exe

教学时长：3分54秒

14.2.1 水平导航条的制作 214

14.2.2 垂直导航条的制作 218

14.3 样式调整及修改 220

视频路径：视频教学\14b.exe

教学时长：4分26秒

14.3.1 水平导航条的样式调整及

修改 220

14.3.2 垂直导航条的样式调整及

修改 223

14.4 专家总结 225

第15章 主体版面设计 226

15.1 主体版面风格的确定 227

15.1.1 主体版面颜色搭配 227

15.1.2 主体版面字体选择 229

15.1.3 主题版面的大小控制 230

15.1.4 主体版面的布局 231

15.1.5 主体版面设计遵循的原理 233

15.2 主体元素的确定 233

15.2.1 两栏布局主体版面的左栏

制作 234

15.2.2 两栏布局主体版面的右栏

制作 236

15.3 样式调整及修改 240

15.3.1 两栏布局主体版面的CSS调整

与修改 240



15.3.2 两栏布局主体版面的CSS

优化 242

15.4 专家总结 244

第16章 页脚设计 245

16.1 页脚风格的确定 245

16.1.1 页脚的构成要素的添加 245

16.1.2 页脚颜色搭配 247

16.1.3 主体版面字体选择 248

16.1.4 页脚的尺寸控制 248

16.2 页脚条的要素添加 249

视频路径：视频教学\16a.exe

教学时长：7分28秒

16.3 样式调整及修改 253

视频路径：视频教学\16b.exe

教学时长：3分55秒

16.4 专家总结 256

第17章 模板制作与应用 257

17.1 模板简介 257

17.1.1 模板的作用 257

17.1.2 适合使用模板的网页 257

17.2 模板元素的操作 259

17.2.1 创建模板 259

17.2.2 创建可编辑区域 260

17.2.3 创建基于模板的文档 262

17.2.4 分离文档中使用的模板 263

17.2.5 更新模板及基于模板的网页

263

17.2.6 模板的嵌套 264

17.3 模板的应用 264

17.3.1 分析布局 265

17.3.2 插入可编辑区域 266

17.3.3 应用模板 267

17.4 专家总结 270

第18章 网站实例 271

18.1 首页制作 271

18.1.1 制作首页头部 271

18.1.2 使用CSS修饰首页头部 273

18.1.3 首页主体的制作 274

18.1.4 首页页脚制作 279

18.2 公司简介页制作 280

18.2.1 网页模板制作 280

18.2.2 公司简介主体部分制作 281

18.3 产品展示页制作 283

18.4 公司文化页制作 285

18.5 联系我们页制作 287

18.6 专家总结 288



Part04 动态网站



第19章 脚本技术 291

19.1 javascript简介 291

19.1.1 javascript的特点 291

19.1.2 插入javascript 292

19.1.3 javascript 基本语法 293

19.1.4 变量 293

19.1.5 表达式与运算符 295

19.1.6 程序构成 296

19.1.7 对象编程 298

19.2 文档对象 301

19.2.1 文档模型树 301

19.2.2 Cookies的使用 302

19.3 Dreamweaver脚本行为 302

19.3.1 认识【行为】面板 303

19.3.2 行为应用 304

19.4 专家总结 312

第20章 动态网页 313

20.1 动态网页简介 313

20.1.1 PHP 313

20.1.2 ASP 313

20.1.3 JSP 314

20.2 ASP简介 314

20.2.1 ASP的特点 314

20.2.2 ASP的工作原理 314

20.2.3 创建ASP 315

20.3 ASP内建对象 316

20.4 连接使用数据库 317

20.4.1 数据库简介 317

20.4.2 连接数据库 318

20.4.3 使用数据库 318

20.4.4 Recordset对象 320

20.5 Dreamweaver动态网页设计 320

20.5.1 环境准备 320

20.5.2 创建和管理网站 322

20.5.3 连接数据库 323

20.5.4 绑定记录集 325

20.5.5 动态文本 326

20.5.6 重复区域 327

20.5.7 记录集分页 328

20.5.8 显示区域 328

20.5.9 插入记录 329



20.5.10 转到详细页面 331

20.5.11 动态表单元素 332

20.5.12 更新记录 334

20.5.13 删除记录 335

20.6 专家总结 336

第21章 ASP留言本 337

21.1 制作前期规划 337

21.1.1 功能分析 337

21.1.2 环境搭建 338

21.2 数据库准备 340

21.3 页面编写 340

21.3.1 显示留言页面 340

21.3.2 提交新留言页面 344

21.3.3 留言管理登录页面 346

21.3.4 管理页面 347

21.3.5 删除页面 348

21.3.6 修改页面 349

21.3.7 回复页面 350

21.3.8 登录失败页面 351

21.4 测试留言本 351

21.5 专家总结 354



Part05 Web 2.0网站



第22章 DIV+CSS 357

22.1 Web标准 357

22.1.1 结构化标准语言 357

22.1.2 表现标准CSS 358

22.1.3 行为标准 358

22.1.4 Web标准的优点 358

22.2 理解表现和结构相分离 358

22.2.1 内容 359

22.2.2 结构（Structure） 359

22.2.3 表现（Presentation） 359

22.2.4 行为（Behavior） 360

22.2.5 传统的HTML方法 360



22.2.6 Web标准推荐的方法 361

22.3 DIV+CSS页面规划 362

22.3.1 盒模型 362

22.3.2 定位 364

22.3.3 清除 366

22.3.4 实现布局规划 367

22.3.5 美化布局 370

22.4 DIV+CSS在Dreamweaver中实现

373

22.4.1 使用模板布局 373

22.4.2 自定义布局 374

22.5 专家总结 375



第23章 基于DIV+CSS的个人网站

376

23.1 网站前期规划 376

23.2 制作准备 377

23.2.1 布局草图 377

23.2.2 素材准备 378

23.2.3 绘制效果图 378

23.2.4 建立站点 379

23.3 页面编写 381

23.3.1 整体布局 381

23.3.2 添加首页内容 384

23.3.3 制作相册详细页面 389

23.4 网站发布与上传 390

23.5 专家总结 392