网页制作综合技术教程 第2版PDF电子书下载

第1部分 HTML网页设计 2

第1章 网页设计基础知识 2

1.1 网页的基础概念 2

1.2 网页与HTML 3

1.3 Web标准 4

1.3.1 标准的重要性 4

1.3.2 “Web标准”概述 5

1.4 网页设计与开发过程 6

1.4.1 基本任务与角色 6

1.4.2 明确网站定位 7

1.4.3 收集信息和素材 7

1.4.4 策划栏目内容 7

1.4.5 设计页面方案 8

1.4.6 制作页面 8

1.4.7 实现后台功能 8

1.4.8 整合与测试网站 8

1.5 HTML基础 9

1.5.1 创建第一个HTML文件 9

1.5.2 HTML文件结构 10

1.6 简单的HTML案例 11

1.7 网页源文件的获取 13

1.7.1 直接查看源文件 14

1.7.2 保存网页 14

1.8 利用Dreamweaver快速建立基本文档 15

1.8.1 Dreamweaver简介 15

1.8.2 创建新的空白文档 17

1.8.3 案例—创建新文档 19

1.9 思考与练习 21

第2章 用HTML设置文本和图像 23

2.1 文本排版 23

2.1.1 实现段落与段内换行 23

2.1.2 设置标题 25

2.1.3 使文字水平居中 25

2.1.4 设置文字段落的缩进 26

2.2 文字列表 27

2.2.1 建立无序列表 27

2.2.2 建立有序列表 27

2.3 HTML标记与HTML属性 28

2.3.1 控制段落的水平位置 28

2.3.2 设置背景颜色 29

2.3.3 文字的特殊样式 30

2.3.4 文字的字体大小和颜色 31

2.4 HTML标记和属性的局限性 31

2.5 特殊文字符号 32

2.6 使用图像 33

2.6.1 网页中的图像格式 33

2.6.2 简单案例 34

2.6.3 文件路径 35

2.7 设置图片的尺寸 37

2.8 设置图像的替换文本 38

2.9 利用Dreamweaver设置文本和图像 38

2.10 利用Dreamweaver代码视图提高效率 42

2.10.1 代码提示 42

2.10.2 代码折叠 43

2.10.3 拆分视图与代码快速定位 43

2.11 思考与练习 44

第3章 超链接 46

3.1 设置文字超链接 46

3.1.1 URL的格式 46

3.1.2 URL的类型 47

3.2 设置页面内部链接 48

3.3 设置图片超链接 49

3.4 设置电子邮件链接 49

3.5 设置链接页面的目标窗口 50

3.6 创建热点区域 50

3.6.1 用HTML建立热点区域 51

3.6.2 利用Dreamweaver定位热点区域 52

3.7 框架之间的链接 54

3.7.1 建立框架与框架集 54

3.7.2 用cols属性将窗口分为左右部分 55

3.7.3 用rows属性将窗口分为上下部分 55

3.7.4 框架的嵌套 55

3.7.5 在框架中插入网页 56

3.7.6 在框架之间进行链接 56

3.7.7 嵌入式框架 59

3.8 网站的组织结构与维护 60

3.9 思考与练习 61

第4章 使用表格与表单 62

4.1 使用表格 62

4.1.1 表格的基本结构 62

4.1.2 合并单元格 63

4.1.3 设置对齐方式 64

4.1.4 设置表格背景色 66

4.1.5 设置表格的距离 67

4.1.6 完整的表格标记 67

4.1.7 用表格进行页面布局的局限性 69

4.2 使用表单 74

4.2.1 表单的用途和原理 74

4.2.2 表单类型 75

4.3 Dreamweaver中的模板 78

4.3.1 认识模板 79

4.3.2 制作模板 80

4.3.3 使用模板 81

4.3.4 将文档和模板分离 83

4.4 思考与练习 83

第2部分 美工与动画元素设计 86

第5章 图像处理与设计基础 86

5.1 网页美术设计的基础知识 86

5.1.1 基本概念 86

5.1.2 Fireworks的基本操作流程 87

5.1.3 画布 90

5.2 在Fireworks中编辑位图 93

5.2.1 创建和取消选区 93

5.2.2 编辑选区中的像素区域 96

5.2.3 变形和扭曲 98

5.3 绘制矢量图形 99

5.3.1 创建基本矢量图形 100

5.3.2 调整矢量线条 102

5.4 美术基础理论 104

5.4.1 构图 104

5.4.2 色彩 106

5.5 案例—科技网站页面设计 108

5.5.1 绘制背景 108

5.5.2 绘制主体区域 109

5.5.3 制作Banner 110

5.5.4 添加文字和素材 112

5.6 思考与练习 112

第6章 图像的优化与导出 113

6.1 了解图像文件类型 113

6.2 使用“图像预览”命令优化导出图像 114

6.2.1 使用“图像预览”命令 114

6.2.2 优化JPEG格式的图像 115

6.2.3 优化GIF格式的图像 115

6.3 使用“切片” 117

6.3.1 切片与导出 117

6.3.2 用切片实现“分别优化” 121

6.4 思考与练习 123

第7章 在网页中使用Flash 124

7.1 Flash软件简介 124

7.1.1 Flash的基本功能 124

7.1.2 Flash的工作界面 125

7.1.3 Flash的工作流程 125

7.2 在Flash中绘制图形 126

7.3 Flash动画基本原理 127

7.4 创建形状补间动画 129

7.5 动画补间 130

7.6 在网页中发布Flash动画 133

7.6.1 插入动画 134

7.6.2 设置Flash对象的属性 135

7.7 思考与练习 136

第3部分 CSS样式设计 138

第8章 （X）HTML与CSS概述 138

8.1 HTML与XHTML 138

8.1.1 追根溯源 138

8.1.2 DOCTYPE的含义与选择 139

8.1.3 XHTML与HTML的重要区别 140

8.2 （X）HTML与CSS 141

8.2.1 CSS标准 141

8.2.2 传统HTML的缺点 142

8.2.3 CSS的引入 143

8.2.4 如何编辑CSS 144

8.2.5 浏览器与CSS 145

8.3 构造CSS规则 146

8.4 基本CSS选择器 146

8.4.1 标记选择器 147

8.4.2 类别选择器 148

8.4.3 ID选择器 150

8.5 在HTML中使用CSS的方法 151

8.5.1 行内式 151

8.5.2 内嵌式 152

8.5.3 链接式 152

8.5.4 导入式 153

8.5.5 各种方式的优先级问题 155

8.6 思考与练习 157

第9章 CSS样式设置实践 158

9.1 手工编写页面 158

9.1.1 构造页面框架 158

9.1.2 设置标题 159

9.1.3 控制图片 160

9.1.4 设置正文 160

9.1.5 设置整体页面 161

9.1.6 对段落分别进行设置 161

9.1.7 完整代码 162

9.1.8 CSS的注释 163

9.2 使用Dreamweaver进行CSS设置 164

9.2.1 创建页面 164

9.2.2 新建CSS规则 165

9.2.3 编辑CSS规则 167

9.2.4 为图像创建CSS规则 168

9.3 复合选择器 170

9.3.1 “交集”选择器 170

9.3.2 “并集”选择器 171

9.3.3 后代选择器 173

9.4 CSS的继承特性 174

9.4.1 继承关系 175

9.4.2 CSS继承的运用 176

9.5 CSS的层叠特性 177

9.6 思考与练习 179

第10章 用CSS设置文本和图像 180

10.1 使用CSS设置文本样式 180

10.1.1 尺度单位 180

10.1.2 准备页面 181

10.1.3 设置文字的字体 181

10.1.4 设置文字的倾斜效果 182

10.1.5 设置文字的加粗效果 183

10.1.6 英文字母大小写转换 184

10.1.7 控制文字的大小 184

10.1.8 添加文字的装饰效果 185

10.1.9 设置段落首行缩进 186

10.1.10 设置字词间距 186

10.1.11 设置段落内部的文字行高 187

10.1.12 设置段落之间的距离 188

10.1.13 控制文本的水平位置 188

10.1.14 设置文字与背景的颜色 189

10.1.15 设置文字阴影效果 189

10.2 用CSS设置图像样式 192

10.2.1 设置图片边框 192

10.2.2 设置边框背景 194

10.2.3 图片缩放 195

10.2.4 图文混排 196

10.2.4 案例—八大行星科普网页 198

10.2.5 设置图片与文字的对齐方式 201

10.3 用CSS设置背景样式 205

10.3.1 设置背景颜色 205

10.3.2 设置背景图像 206

10.3.3 设置背景图像平铺 207

10.3.4 设置背景图像位置 209

10.3.5 固定背景图片位置 211

10.3.6 设置标题的图像替换 212

10.4 思考与练习 214

第11章 用CSS设置链接与导航菜单 216

11.1 丰富的超链接特效 217

11.2 控制鼠标指针 219

11.3 设置项目列表样式 219

11.3.1 列表符号 220

11.3.2 图片符号 221

11.4 创建简单的导航菜单 223

11.4.1 简单的竖直排列菜单 223

11.4.2 横竖自由转换菜单 225

11.5 应用滑动门技术的玻璃效果菜单 226

11.5.1 基本思路 226

11.5.2 设置菜单整体效果 227

11.5.3 使用“滑动门”技术设置玻璃材质背景 228

11.5.4 进一步解决的问题 229

11.6 思考与练习 229

第12章 用CSS设置表格和表单样式 230

12.1 控制表格 230

12.1.1 设置表格的边框 230

12.1.2 确定表格的宽度 233

12.1.3 其他与表格相关的标记 233

12.2 美化表格 234

12.2.1 搭建HTML结构 234

12.2.2 整体设置 235

12.2.3 设置单元格样式 236

12.2.4 斑马纹效果 236

12.3 案例——日历 237

12.3.1 搭建HTML结构 237

12.3.2 设置整体样式和表头样式 239

12.3.3 设置日历单元格样式 240

12.4 CSS与表单 241

12.4.1 表单中的元素 242

12.4.2 多彩的下拉菜单 244

12.5 案例——网上调查问卷 245

12.6 思考与练习 248

第4部分 CSS页面布局设计 250

第13章 CSS盒子模型 250

13.1 “盒子”与“模型”的概念探究 250

13.2 边框 251

13.2.1 设置边框样式 252

13.2.2 属性值的简写形式 253

13.3 设置内边距 254

13.4 设置外边距 255

13.5 盒子之间的关系 256

13.5.1 HTML与DOM 257

13.5.2 标准文档流 258

13.5.3 ＜div＞标记与＜span＞标记 260

13.6 盒子在标准流中的定位原则 262

13.6.1 行内元素之间的水平margin 262

13.6.2 块级元素之间的竖直margin 263

13.6.3 嵌套盒子之间的margin 263

13.6.4 margin可以设置为负值 266

13.7 盒子模型概念的案例 267

13.8 思考与练习 270

第14章 盒子的浮动与定位 271

14.1 盒子的浮动 271

14.1.1 准备代码 271

14.1.2 实验1——设置第1个浮动的div 272

14.1.3 实验2——设置第2个浮动的div 273

14.1.4 实验3——设置第3个浮动的div 273

14.1.5 实验4——改变浮动的方向 273

14.1.6 实验5——再次改变浮动的方向 274

14.1.7 实验6——全部向左浮动 275

14.1.8 实验7——使用clear属性清除浮动的影响 275

14.1.9 实验8——扩展盒子的高度 276

14.2 盒子的定位 277

14.2.1 静态定位 277

14.2.2 相对定位 278

14.2.3 绝对定位 281

14.2.4 固定定位 285

14.3 z-index空间位置 286

14.4 盒子的display属性 286

14.5 思考与练习 287

第15章 CSS+div布局方法剖析 288

15.1 CSS排版观念 288

15.1.1 将页面用div分块 288

15.1.2 设计各块的位置 289

15.1.3 用CSS定位 290

15.2 固定宽度且居中的版式 292

15.2.1 方法一 292

15.2.2 方法二 294

15.3 左中右版式 295

15.4 块的背景色问题 297

15.5 div排版与传统的表格方式排版的分析 299

15.6 排版实例——电子相册 300

15.6.1 搭建框架 301

15.6.2 幻灯片模式 302

15.6.3 详细信息模式 304

15.7 思考与练习 306

第5部分 JavaScript基础 308

第16章 使用JavaScript增强网页效果 308

16.1 JavaScript概述 308

16.1.1 JavaScript简介 308

16.1.2 JavaScript的特点 308

16.1.3 JavaScript与CSS 309

16.2 JavaScript语法基础 309

16.2.1 数据类型和变量 310

16.2.2 表达式及运算符 311

16.2.3 基本语句 312

16.3 使用Dreamweaver的“行为”功能 315

16.3.1 “行为”的本质 315

16.3.2 “行为”的构成 316

16.3.3 案例—交换图像与恢复交换图像 316

16.4 使用JavaScript库jQeury 319

16.4.1 jQuery的概念 319

16.4.2 jQuery的优势 320

16.4.3 下载并使用jQuery 322

16.4.4 用jQuery实现“前3行”特殊样式 323

16.4.5 用jQuery实现渐变背景色表格效果 324

16.5 思考与练习 324

第6部分 综合案例 326

第17章 综合案例——企业网站 326

17.1 分析构架 326

17.1.1 设计分析 327

17.1.2 排版构架 327

17.2 模块拆分 328

17.2.1 Logo与顶端链接 328

17.2.2 左侧导航与搜索 329

17.2.3 主体内容 330

17.2.4 Banner图片 331

17.2.5 新闻快递 331

17.2.6 公司资讯 332

17.2.7 英文刊物 333

17.3 整体调整 334

17.4 思考与练习 335

第18章 综合案例——网上购物网站 336

18.1 分析构架 336

18.1.1 设计分析 336

18.1.2 排版构架 337

18.2 模块分析 338

18.2.1 Banner图片 338

18.2.2 导航菜单 339

18.2.3 鲜花导购 340

18.2.4 主体内容 343

18.3 整体调整 345