Dreamweaver CS6网页设计与制作详解PDF电子书下载

第1章 网页设计基础 1

1.1 认识网页和网站 1

1.1.1 网页的构成元素 1

1.1.2 静态网页和动态网页 3

1.1.3 几个常用的Web概念 3

1.2 网页和网站制作基础 5

1.2.1 网站的构成 5

1.2.2 网站的通用制作流程 5

1.2.3 网页设计流程 6

1.2.4 发布站点 6

1.3 Web标准布局基础 6

1.3.1 Web开发标准 7

1.3.2 使用Web标准的原因 7

1.3.3 CSS布局标准 8

1.4 常用网页制作工具介绍 8

1.4.1 FrontPage介绍 9

1.4.2 Dreamweaver介绍 10

1.4.3 Dreamweaver和FrontPage之间的选择 11

1.5 怎样设计出好的网页 11

1.5.1 网页设计的3个理念 11

1.5.2 网页设计的3个误区 11

1.5.3 什么才是好的网页设计 12

1.5.4 配色原则 13

1.5.5 常用的网页布局 13

1.5.6 网站构建原则 15

1.6 网页设计师行业 17

1.6.1 网页设计师的前景 17

1.6.2 如何快速成长为网页设计师“达人” 17

1.6.3 灵感是设计师的设计之源 18

1.6.4 做到从合格到优秀 18

1.6.5 设计师的“三块大蛋糕” 19

第2章 初识DreamweaverCS6 20

2.1 Dreamweaver CS6介绍 20

2.1.1 Dreamweaver CS6的主要功能 20

2.1.2 安装Dreamweaver CS6 21

2.2 菜单栏 23

2.3 实战演练——使用Dreamweaver CS6查看网页文件 24

第3章 创建并管理站点 27

3.1 创建本地站点 27

3.2 创建远程站点的准备工作 28

3.2.1 使用本地站点连接远程服务器 29

3.2.2 使用“本地／网络”选项 31

3.2.3 使用服务器的“高级”选项 32

3.3 “高级设置”选项 33

3.3.1 本地信息 33

3.3.2 遮盖 34

3.3.3 设计备注 35

3.3.4 文件视图列 36

3.3.5 Contribute 36

3.3.6 模板 37

3.3.7 Spry 37

3.3.8 Web字体 38

3.4 实战演练——创建一个站点 38

第4章 HTML标记语言的基础知识 43

4.1 HTML基础 43

4.1.1 HTML概述 43

4.1.2 HTML基本结构 43

4.2 HTML标记详解 45

4.2.1 标题文字标记＜h＞ 45

4.2.2 文本文字标记＜font＞ 46

4.2.3 字型设置标记 47

4.2.4 段落标记＜p＞ 48

4.2.5 换行标记＜br＞ 49

4.2.6 超级链接标记＜a＞ 49

4.2.7 设置背景图片标记＜body background＞ 51

4.2.8 插入图片标记＜img＞ 51

4.2.9 列表标记 52

4.2.10 表格标记＜table＞、＜tr＞、＜th＞和＜td＞ 56

4.3 实战演练——制作一个简单网页 57

第5章 HTML 5基础 60

5.1 HTML 5概述 60

5.1.1 发展历程 60

5.1.2 全新的体验 60

5.2 处理视频 61

5.2.1 视频处理标记＜video＞ 61

5.2.2 ＜video＞标记的属性 62

5.3 处理音频 66

5.3.1 ＜audio＞标记 66

5.3.2 ＜audio＞标记的属性 67

5.4 绘制图像 70

5.4.1 使用＜canvas＞标记 70

5.4.2 HTML DOM Canvas对象 71

5.5 Web存储 75

5.5.1 Web存储的定义 75

5.5.2 Web存储的意义 75

5.5.3 HTML 5中的两种存储方法 76

5.6 表单的全新功能 78

5.6.1 全新的Input类型 78

5.6.2 全新的表单元素 81

5.6.3 全新的表单属性 83

第6章 使用基本标记 89

6.1 设置网页头部元素 89

6.1.1 设置文档类型 89

6.1.2 设置编码类型 91

6.1.3 设置页面标题 92

6.2 设置页面正文 94

6.3 插入注释 96

6.4 实战演练——综合使用页面基本标记 98

第7章 文字和段落处理 101

7.1 设置标题文字 101

7.2 文本文字 102

7.2.1 设置文本颜色和字体 102

7.2.2 设置文本的字型 104

7.3 分段处理 104

7.4 插入水平线 105

7.5 实战演练——文字排版处理 107

第8章 超级链接 112

8.1 链接概述 112

8.1.1 锚链 112

8.1.2 URL引用 112

8.2 建立内部链接 113

8.3 建立外部链接 115

8.4 使用Telnet链接 117

8.5 创建E-mail链接 118

8.6 创建FTP链接 121

8.7 其他形式的链接 123

8.7.1 新闻组链接 123

8.7.2 WAIS链接 124

8.8 实战演练——设置超级链接 125

第9章 使用图片修饰网页 128

9.1 常用的图片格式介绍 128

9.1.1 GIF格式 128

9.1.2 JPEG格式 129

9.2 设置背景图片 129

9.3 插入图片 131

9.3.1 在页面中插入指定大小的图片 131

9.3.2 图片布局处理 133

9.4 设置图片链接 135

9.5 实战演练——图文结合处理 136

第10章 列表 140

10.1 使用无序列表 140

10.2 有序列表 142

10.3 定义列表 144

第11章 使用表格 147

11.1 创建一个表格 147

11.2 设置表格标题 148

11.3 跨行和跨列处理 150

11.3.1 实现跨列处理 150

11.3.2 实现跨行处理 152

11.3.3 实现同时跨行、跨列处理 155

11.4 设置表格页眉 156

11.5 设置表格背景图像 158

11.6 对齐处理 159

11.6.1 表格的整体对齐 159

11.6.2 对齐表格中的内元素 160

11.7 设置单元格大小 161

11.8 实战演练——综合使用表格处理 163

第12章 特效和多媒体 167

12.1 设置背景音乐 167

12.1.1 代码指定方式 167

12.1.2 使用媒体插件方式实现 169

12.2 插入Flash 171

12.3 插入Applet 174

12.4 ActiveX控件 178

12.5 实战演练——制作一个网页导航 180

第13章 使用框架 183

13.1 框架标记介绍 183

13.2 创建框架 185

13.3 设置框架大小 188

13.4 为框架创建链接 191

13.5 框架嵌套 194

13.6 实战演练1——在主页中调用另外的框架页 198

13.7 实战演练2——使用框架制作一个网站后台主页 200

第14章 使用表单 203

14.1 表单标记 203

14.2 使用＜form＞标记 203

14.3 使用文本域 205

14.4 使用文本区域 207

14.5 使用按钮 209

14.6 使用单选按钮和复选框 211

14.7 使用列表菜单 213

14.8 使用文件域 216

14.9 使用图像域 217

14.10 使用隐藏域 219

14.11 使用单选按钮组 221

14.12 实战演练——“注册会员”网页制作 223

第15章 使用AP Div布局 226

15.1 ＜Div＞标记基础 226

15.1.1 Div的格式 226

15.1.2 在Dreamweaver CS6中使用Div 226

15.1.3 插入Div标签 227

15.1.4 插入AP Div 229

15.1.5 实战演练——使用AP Div排版 231

15.2 插入Spry构件 234

15.2.1 插入Spry菜单栏 234

15.2.2 插入Spry选项卡式面板 235

15.2.3 插入Spry折叠式 235

15.2.4 插入Spry可折叠面板 236

15.2.5 插入Spry工具提示 237

15.2.6 实战演练——联合使用AP Div和Spry 237

第16章 使用CSS 240

16.1 CSS的基本语法 240

16.2 使用选择符 242

16.2.1 通配选择符 242

16.2.2 类型选择符 244

16.2.3 包含选择符 246

16.2.4 ID选择符 248

16.3 使用CSS设置颜色 249

16.4 使用百分比值 251

16.5 设置URL的相对路径和绝对路径 254

16.5.1 相对路径 254

16.5.2 绝对路径 255

16.5.3 应用实例 255

16.6 调用外部CSS文件 258

16.6.1 在页面内部调用 258

16.6.2 调用外部文件 258

16.7 实战演练——使用外部CSS文件修饰主页 260

第17章 使用CSS实现布局 263

17.1 CSS元素介绍 263

17.1.1 块元素 263

17.1.2 内联元素 264

17.1.3 可变元素 265

17.2 定位元素 265

17.2.1 元素的定位方式 266

17.2.2 定位属性 266

17.3 内容控制属性 270

17.3.1 控制页面内容属性display 270

17.3.2 控制显示属性visibility 270

17.3.3 居中显示属性text-align 272

17.3.4 边界属性margin 275

17.4 控制页面背景 277

17.4.1 页面背景概述 277

17.4.2 使用背景颜色 277

17.4.3 使用背景图片 278

17.4.4 背景颜色和背景图片混用 286

17.4.5 设置文本样式 287

17.4.6 设置链接样式 289

17.5 使用浮动属性 291

17.5.1 浮动属性简介 291

17.5.2 固定元素相邻 292

17.5.3 两个浮动元素相邻 294

17.5.4 多个浮动元素相邻 296

17.6 实战演练——使用CSS修饰文本 298

第18章 容器 301

18.1 使用盒模型 301

18.2 使用补白属性 303

18.3 使用边框属性 305

18.3.1 边框样式属性 305

18.3.2 边框颜色属性 308

18.4 设置边界属性 310

18.5 设置父、子元素的距离 312

18.6 固定元素的大小 315

18.6.1 计算盒模型大小 315

18.6.2 固定长度和宽度 316

18.7 实战演练——使用CSS修饰留言本 318

第19章 插入行为 321

19.1 行为介绍 321

19.1.1 行为简介 321

19.1.2 行为事件 322

19.1.3 行为的使用 323

19.2 调用JavaScript 324

19.3 URL转移 325

19.4 交换图像 327

19.5 打开浏览器窗口 329

19.6 显示隐藏元素 331

19.7 改变属性 333

19.8 弹出信息 334

19.9 跳转菜单 336

19.10 拖动AP元素 338

第20章 个人博客网站模板 342

20.1 网站规划 342

20.1.1 站点需求分析 342

20.1.2 预期效果分析 342

20.1.3 站点结构规划 344

20.2 切图分析 344

20.3 制作站点首页 345

20.3.1 实现流程分析 345

20.3.2 制作项部导航 345

20.3.3 设计中间内容部分 349

20.3.4 制作底部版权部分 354

20.4 制作日志页面 357

20.4.1 实现流程分析 357

20.4.2 日志内容实现 357

20.5 制作日志详情页面 358

20.5.1 实现流程分析 358

20.5.2 页面具体实现 359

第21章 一个企业模板 363

21.1 网站规划 363

21.1.1 站点需求分析 363

21.1.2 预期效果分析 363

21.1.3 网页布局分析 365

21.2 切图分析 365

21.3 首页实现 365

21.3.1 实现流程分析 366

21.3.2 制作页面头部 366

21.3.3 制作页面主体 370

21.3.4 制作页面底部 378

21.3.5 解决兼容性问题 379

21.4 二级页面实现 380