网页设计实例教程PDF电子书下载

第1篇 HTML篇 3

第1章　网页设计概述 3

1.1　基础知识 3

1.1.1 网页和网站 3

1.1.2　浏览器和服务器 4

1.1.3　网页的基本元素 5

1.1.4　静态网页与动态网页 5

1.2　Web标准 5

1.2.1　对标准的理解 6

1.2.2　Web标准：结构、表现和行为 6

1.3　网站整体制作流程 7

1.3.1　前期策划 7

1.3.2　页面细化及实施 8

1.3.3　后期维护 8

1.4　静态页面制作流程 8

1.5　影响设计的技术因素 9

本章小结 10

习题 10

第2章 HTML基础 11

2.1　第一个HTML页面 11

2.2　标准HTML文件结构 13

2.3　HTML文本标记 14

2.3.1　分段与换行 14

2.3.2　设置标题 15

2.3.3　设置文字水平居中 16

2.4　文字列表 17

2.4.1　有序列表标记 17

2.4.2　无序列表标记 18

2.5 HTML属性 19

2.5.1 align属性 20

2.5.2 bgcolor属性 20

2.6　特殊字符的表示方法 22

2.7　滚动字幕 23

2.8　辅助：利用Dreamweaver设置文本 25

本章小结 27

习题 27

第3章　图片 29

3.1　图片格式 29

3.2　在网页中使用图片 29

3.3　图片路径 32

3.4　辅助：利用Dreamweaver设置图片 34

3.4.1　插入图片 34

3.4.2　设置图片属性 35

本章小结 36

习题 36

第4章　超链接 38

4.1　设置文字链接 38

4.2　target和title属性 39

4.3　设置锚点链接 40

4.4　图片超链接 41

4.5　创建热点区域 42

4.5.1　用HTML建立热点区域 43

4.5.2　辅助：利用Dreamweaver设置热点区域 44

本章小结 45

习题 45

第5章　表格 46

5.1　表格的基本结构 46

5.2　表格属性 47

5.2.1　表格的宽和高 47

5.2.2　表格对齐方式 48

5.2.3　表格边框 49

5.2.4　背景颜色与背景图像 50

5.2.5　单元格的间距与边距 51

5.2.6　合并单元格 52

5.3　表格的结构标记 54

5.4　表格布局实例 56

本章小结 58

习题 59

第6章　框架 60

6.1　创建框架和框架集 60

6.2　框架页面中链接的打开方式 62

6.3　定义嵌入式框架 64

本章小结 65

习题 65

第7章　表单 67

7.1　表单的功能和原理 67

7.2　表单标记 67

7.3　表单的常用元素 68

7.3.1　文本域和按钮 68

7.3.2　单选按钮和复选框 70

7.3.3　多行文本框和下拉菜单 71

7.4　辅助：利用Dreamweaver制作表单实例 72

本章小结 74

习题 75

第2篇　CSS基础篇 79

第8章　CSS概述 79

8.1 HTML与XHTML 79

8.1.1 HTML的发展 79

8.1.2　选择合适的DOCTYPE 80

8.1.3　头文件 81

8.1.4　代码规范 82

8.2　CSS简介 83

8.3　第一个CSS 84

8.4　常用CSS属性 86

8.5　CSS的编辑方法 88

8.6　CSS与浏览器 90

本章小结 92

习题 92

第9章　CSS核心基础 94

9.1　CSS选择符 94

9.1.1　类选择符 94

9.1.2　标记选择符 96

9.1.3　ID选择符 98

9.1.4　三种选择符的比较 99

9.2 CSS的位置 101

9.2.1　内嵌样式 102

9.2.2　内部样式表 103

9.2.3　外部样式表 103

9.3　CSS伪类 105

9.4　CSS的层叠 107

本章小结 110

习题 110

第10章　手工编写与借助工具 113

10.1　手工编写实例 113

10.2　使用Dreamweaver编辑CSS 116

10.2.1　使用Dreamweaver创建页面 116

10.2.2　在Dreamweaver中新建CSS规则 117

10.2.3　在Dreamweaver中编辑CSS规则 121

本章小结 125

习题 126

第11章　用CSS设置样式实例 127

11.1　设置文本样式 127

11.2　设置图像效果 132

11.2.1　设置图片边框 132

11.2.2　图片缩放 135

11.2.3　图文混排 137

11.3　设置背景颜色与背景图像 140

11.3.1　设置背景颜色 140

11.3.2　设置背景图像 141

11.4　用CSS设置链接 145

11.4.1　普通链接 145

11.4.2　按钮式链接 147

11.4.3　特别效果链接 149

本章小结 152

习题 152

第3篇　CSS布局篇 157

第12章　CSS盒子模型 157

12.1　第一个盒子 157

12.2　盒子模型 158

12.3　盒子的宽和高 163

12.4　Dreamweaver可视化助理 164

12.5　盒子之间的关系 165

12.5.1　标准文档流 165

12.5.2　〈div〉标记与〈span〉标记 167

12.6　盒子在标准流中的定位原则 169

习题 174

第13章 盒子的浮动与定位 175

13.1　盒子的浮动 175

13.1.1　float属性对盒子分布的影响 175

13.1.2　使用clear属性清除浮动的影响 178

13.2　盒子的定位 179

13.2.1　静态定位 180

13.2.2　相对定位 181

13.2.3　绝对定位 183

13.2.4　固定定位 185

13.3　z-index空间定位 187

13.4　盒子的display属性 189

本章小结 190

习题 191

第14章　DIV+CSS布局剖析 192

14.1　CSS布局思路 192

14.2　固定宽度且局中的版式 194

14.3　左中右版式 197

14.4　背景色的设置 200

14.5　布局实例一：普通模式电子相册 205

14.6　布局实例二：创新模式电子相册 208

本章小结 215

习题 215

第4篇　提高篇 219

第15章　图像处理与导出 219

15.1　网页美术设计的基础知识 219

15.1.1　基本概念 219

15.1.2　网页的美化原则 220

15.2　Fireworks环境简介 222

15.2.1　Fireworks的操作环境 222

15.2.2　创建和保存文档 224

15.2.3　画布 224

15.3　在Fireworks中制作编辑图形 227

15.4　图像的优化导出 234

15.5　切片的使用 238

本章小结 241

习题 242

第16章　Flash应用 243

16.1　用Dreamweaver插入Flash对象 243

16.2　Flash软件简介 245

16.2.1 Flash的工作界面 245

16.2.2 Flash的工作流程 246

16.3　Flash创建动画实例 247

本章小结 255

习题 255

第17章　JavaScript基础 256

17.1　JavaScript基础 256

17.1.1　JavaScript的特点 256

17.1.2　语法 257

17.1.3　运算符 259

17.1.4　控制和循环语句 260

17.2　表单校验 262

17.2.1　客户输入的有效性校验 262

17.2.2　创建可重用的校验代码 263

17.3　事件响应 265

17.3.1　JavaScript事件处理器 265

17.3.2　出错处理 266

17.3.3　图像载入出错处理 267

17.3.4　预览上传图片 269

17.4　JavaScript典型应用 270

17.4.1　浏览器版本检测 270

17.4.2　实现单击鼠标左键弹出菜单 271

17.4.3　文字幻灯片 273

17.4.4　图片渐隐渐现 274

本章小结 276

习题 276

第18章 网页设计综合实例：企业网站 277

18.1　观察图纸 277

18.2　拆分图纸 279

18.2.1　分离颜色 279

18.2.2　拆分内容页 280

18.3　组装网页 282

18.3.1　定义站点 282

18.3.2　制作内容页 284

18.4 整理CSS 295

18.4.1　CSS的缩写技巧 296

18.4.2　整理CSS实例 297

本章小结 300

习题 300

参考文献 301