网页制作综合技术教程（第2版）

图书标准信息

• 作者 庄向泽、温谦、阎瑞华 编
• 出版社 人民邮电出版社
• 出版时间 2015-02
• 版次 2
• ISBN 9787115376206
• 定价 45.00元
• 装帧 平装
• 开本 16开
• 纸张 胶版纸
• 页数 345页
• 正文语种 简体中文
• 丛书 普通高等学校计算机教育“十二五”规划教材

【内容简介】

　　《网页制作综合技术教程（第2版）》全面介绍了HTML和CSS这两个标准，以及使用制作网页中常用的软件进行网页设计和制作的各方面内容和技巧。本书分为6部分18章，内容包括HTML网页设计、美工与动画元素设计、CSS页面样式设计、CSS页面布局设计、JavaScript基础以及综合案例等。

　　《网页制作综合技术教程（第2版）》遵循Web标准，强调网页中“表现”与“内容”分离的思想，从规范的角度全面系统地介绍网页设计的制作方法与技巧。书中给出了大量详细的案例，并进行了详细的分析，便于读者理解。

　　《网页制作综合技术教程（第2版）》可作为高等院校各专业“网页设计与制作”课程的教材，也可供网页设计、制作和开发人员参考使用。

【作者简介】

　　温谦，前沿科技主要负责人，在人民邮电出版社出版计算机分社出版网页设计类图书多本，编写过3本网页类教材，均为畅销作品。

【目录】

第1部分 HTML网页设计

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

1．1 网页的基础概念2

1．2 网页与HTML3

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 网页源文件的获取14

1．7．1 直接查看源文件14

1．7．2 保存网页15

1．8 利用Dreamweaver快速建立基本文档16

1．8．1 Dreamweaver简介16

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 文字列表26

2．2．1 建立序列表26

2．2．2 建立有序列表27

2．3 HTML标记与HTML属性28

2．3．1 控制段落的水平位置28

2．3．2 设置背景颜色28

2．3．3 文字的特殊样式29

2．3．4 文字的大小和颜色30

2．4 HTML标记和属性的局限性31

2．5 特殊文字符号31

2．6 使用图像33

2．6．1 网页中的图像格式33

2．6．2 简单案例33

2．6．3 文件路径34

2．7 设置图片的尺寸36

2．8 设置图像的替换文本37

2．9 利用Dreamweaver设置文本和图像37

2．10 利用Dreamweaver代码视图提高

效率41

2．10．1 代码提示41

2．10．2 代码折叠42

2．10．3 拆分视图与代码快速定位43

2．11 思考与练习43

第3章 超链接45

3．1 设置文字超链接45

3．1．1 URL的格式45

3．1．2 URL的类型46

3．2 设置页面内部链接47

3．3 设置图片超链接48

3．4 设置电子邮件链接48

3．5 设置链接页面的目标窗口49

3．6 创建热点区域49

3．6．1 用HTML建立热点区域50

3．6．2 利用Dreamweaver定位热点

区域51

3．7 框架之间的链接53

3．7．1 建立框架与框架集53

3．7．2 用cols属性将窗口分为左右

部分54

3．7．3 用rows属性将窗口分为上下

部分54

3．7．4 框架的嵌套55

3．7．5 在框架中插入网页55

3．7．6 在框架之间进行链接56

3．7．7 嵌入式框架58

3．8 网站的组织结构与维护59

3．9 思考与练习60

第4章 使用表格与表单61

4．1 使用表格61

4．1．1 表格的基本结构61

4．1．2 合并单元格62

4．1．3 设置对齐方式63

4．1．4 设置表格背景色和边框颜色65

4．1．5 cellpadding属性和cellspacing

属性66

4．1．6 完整的表格标记66

4．1．7 用表格进行页面布局的局限性68

4．2 使用表单71

4．2．1 表单的用途和原理71

4．2．2 表单类型72

4．3 Dreamweaver中的模板76

4．3．1 认识模板76

4．3．2 制作模板77

4．3．3 使用模板78

4．3．4 将文档和模板分离80

4．4 思考与练习81

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

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

5．1 网页美术设计的基础知识84

5．1．1 基本概念84

5．1．2 Fireworks的基本操作流程85

5．1．3 画布88

5．2 在Fireworks中编辑位图91

5．2．1 创建和取消选区91

5．2．2 编辑选区中的像素区域94

5．2．3 变形和扭曲96

5．3 绘制矢量图形97

5．3．1 创建基本矢量图形97

5．3．2 调整矢量线条99

5．4 美术基础理论101

5．4．1 平面构图101

5．4．2 色彩103

5．5 案例—科技网站页面设计105

5．5．1 绘制背景106

5．5．2 绘制主体区域106

5．5．3 制作Banner108

5．5．4 添加文字和素材109

5．6 思考与练习110

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

6．1 了解图像文件类型111

6．2 使用“图像预览”命令优化导出

图像112

6．2．1 使用“图像预览”命令112

6．2．2 优化JPEG格式的图像113

6．2．3 优化GIF格式的图像113

6．3 使用“切片”115

6．3．1 切片与导出115

6．3．2 用切片实现“分别优化”119

6．4 思考与练习121

第7章 在网页中使用Flash122

7．1 使用Dreamweaver添加内置的Flash

对象122

7．1．1 使用Dreamweaver内置的Flash

按钮对象122

7．1．2 使用Dreamweaver内置的Flash

文本对象123

7．2 Flash软件简介124

7．2．1 Flash的基本功能124

7．2．2 Flash的工作界面125

7．2．3 Flash的工作流程126

7．3 在Flash中绘制图形127

7．4 Flash动画基本原理128

7．5 创建形状补间动画129

7．6 动画补间131

7．7 在网页中发布Flash动画134

7．7．1 插入动画135

7．7．2 设置Flash对象的属性136

7．8 思考与练习137

第3部分 CSS样式设计

第8章 (X)HTML与CSS概述140

8．1 HTML与XHTML140

8．1．1 追根溯源140

8．1．2 DOCTYPE的含义与选择141

8．1．3 XHTML与HTML的重要区别142

8．2 (X)HTML与CSS143

8．2．1 CSS标准143

8．2．2 传统HTML的缺点144

8．2．3 CSS的引入144

8．2．4 如何编辑CSS146

8．2．5 浏览器与CSS146

8．3 构造CSS规则147

8．4 基本CSS选择器148

8．4．1 标记选择器149

8．4．2 类别选择器149

8．4．3 ID选择器152

8．5 在HTML中使用CSS的方法153

8．5．1 行内式153

8．5．2 内嵌式154

8．5．3 链接式154

8．5．4 导入式155

8．5．5 各种方式的优先级问题157

8．6 思考与练习159

第9章 CSS样式设置实践160

9．1 手工编写页面160

9．1．1 构造页面框架160

9．1．2 设置标题161

9．1．3 控制图片162

9．1．4 设置正文162

9．1．5 设置整体页面163

9．1．6 对段落分别进行设置163

9．1．7 完整代码164

9．1．8 CSS的注释165

9．2 使用Dreamweaver进行CSS设置165

9．2．1 创建页面165

9．2．2 新建CSS规则167

9．2．3 编辑CSS规则169

9．2．4 为图像创建CSS规则170

9．3 复合选择器172

9．3．1 “交集”选择器172

9．3．2 “并集”选择器173

9．3．3 后代选择器175

9．4 CSS的继承特性176

9．4．1 继承关系177

9．4．2 CSS继承的运用178

9．5 CSS的层叠特性179

9．6 思考与练习181

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

10．1 使用CSS设置文本样式182

10．1．1 长度单位182

10．1．2 准备页面183

10．1．3 设置文字的字体183

10．1．4 设置文字的倾斜效果184

10．1．5 设置文字的加粗效果185

10．1．6 英文字母大小写转换186

10．1．7 控制文字的大小186

10．1．8 文字的装饰效果187