Web标准网页设计原理与前端开发技术

第1章 网站与网页... 1

1.1 互联网与万维网... 1

1.2 服务器、客户机和Web浏览器... 2

1.3 网页与HTML. 3

1.4 网页素材... 7

1.5 静态网页、动态网页和网站... 7

1.6 小结... 8

1.7 习题... 8

第2章 使用Fireworks制作图片... 10

2.1 Fireworks软件的工作界面... 10

2.2 制作网站标题... 11

2.3 制作导航栏按钮图片... 13

2.4 将文本附加到路径... 14

2.5 制作图片交替的GIF动画... 15

2.6 制作滚动字幕效果的GIF动画... 17

2.7 小结... 20

2.8 习题... 20

第3章 使用Flash制作动画... 21

3.1 Flash软件的工作界面... 21

3.2 制作缩放自如的文字... 22

3.3 制作运动渐变的动画... 24

3.4 制作环绕球体旋转的文字... 28

3.5 小结... 31

3.6 习题... 31

第4章 超文本标记语言... 32

4.1 表现性元素... 32

4.2 HTML元素及其属性... 33

4.3 a元素及其应用... 35

4.4 标题元素... 37

4.5 段落元素... 38

4.6 列表元素... 39

4.7 表格元素... 40

4.8 img元素及其应用... 42

4.9 行内元素和块级元素... 44

4.10 结构性元素、表现性元素、表现性属性... 45

4.11 小结... 46

4.12 习题... 47

第5章 CSS基础... 48

5.1 网页的内容、结构与表现... 48

5.2 HTML规范及文档类型定义... 50

5.2.1 Transitional类型的HTML文档的基本要求... 51

5.2.2 W3C标记验证服务... 52

5.2.3 使用Dreamweaver验证HTML文档的语法规范性... 53

5.3 内部样式表... 54

5.3.1 类型选择器... 55

5.3.2 类选择器... 55

5.3.3 ID选择器... 57

5.3.4 后代选择器... 58

5.3.5 子元素选择器... 59

5.3.6 伪类... 59

5.3.7 选择器分组... 60

5.4 常用的样式特性... 61

5.4.1 类型特性... 61

5.4.2 背景特性... 62

5.4.3 区块特性... 63

5.5 行内样式... 63

5.6 外部样式表及其应用... 64

5.6.1 创建外部样式表... 64

5.6.2 W3C在线CSS验证服务... 65

5.6.3 在HTML文档中链接外部样式表... 65

5.6.4 Web浏览器的兼容性视图设置... 67

5.7 层叠样式表... 67

5.7.1 CSS的层叠性... 68

5.7.2 CSS的继承性... 70

5.8 小结... 71

5.9 习题... 72

第6章 可扩展超文本标记语言... 73

6.1 XHTML的形成背景... 73

6.1.1 缺乏语法规范性的HTML文档... 73

6.1.2 XHTML的面世... 74

6.2 XHTML的语法规定... 74

6.3 XHTML文档的基本结构... 76

6.4 使用W3C标记验证服务检查XHTML文档的语法... 77

6.5 XHTML CSS. 78

6.6 使用字符实体在网页中显示特殊字符... 79

6.7 小结... 80

6.8 习题... 80

第7章 应用div CSS布局网页... 82

7.1 盒子模型... 82

7.2 与盒子模型有关的样式特性... 83

7.2.1 方框特性... 83

7.2.2 边框特性... 83

7.2.3 盒子模型演示... 84

7.3 元素及其盒子在网页中的排列... 85

7.3.1 正常流中的元素盒子... 86

7.3.2 元素盒子的浮动... 87

7.3.3 应用CSS和盒子浮动制作水平导航条... 89

7.4 div CSS网页布局... 90

7.5 Web标准网页设计举例... 93

7.6 小结... 96

7.7 习题... 97

第8章 使用Dreamweaver设计和制作网页... 100

8.1 Dreamweaver软件的工作界面... 100

8.2 使用Dreamweaver创建CSS文档... 101

8.3 使用Dreamweaver创建XHTML文档... 106

8.4 小结... 111

8.5 习题... 111

第9章 使用Dreamweaver建设网站... 112

9.1 网站规划与功能定位... 112

9.2 创建本地站点... 112

9.3 创建公共文件夹... 114

9.4 设计网页的版面布局... 115

9.5 素材准备... 116

9.6 创建实现网页版面布局的CSS文档... 118

9.7 创建HTML模板... 118

9.8 运用模板制作网页... 125

9.9 通过HTML模板维护网站... 131

9.10 通过CSS文档定制网站风格... 133

9.11 规范化HTML文档... 134

9.12 网页测试... 135

9.13 小结... 136

9.14 习题... 137

第10章 JavaScript基础... 138

10.1 JavaScript放置... 138

10.1.1 在HTML文档主体直接插入JavaScript 138

10.1.2 在IE浏览器中调试JavaScript 141

10.1.3 JavaScript函数... 143

10.1.4 在HTML文档头部定义JavaScript函数... 143

10.1.5 在外部脚本文档定义JavaScript函数... 144

10.2 变量和类型... 146

10.2.1 变量... 146

10.2.2 类型... 146

10.3 运算符与表达式... 148

10.4 全局变量和局部变量... 151

10.5 类型转换... 152

10.5.1 隐式类型转换... 152

10.5.2 显式类型转换... 153

10.6 JavaScript中的流程控制语句... 154

10.6.1 选择控制语句... 154

10.6.2 循环控制语句... 155

10.7 小结... 157

10.8 习题... 158

第11章 JavaScript内置对象... 159

11.1 对象、属性和方法... 159

11.2 Date对象... 159

11.3 String对象... 161

11.3.1 创建String对象... 161

11.3.2 String对象的属性... 161

11.3.3 String对象的方法... 161

11.3.4 String对象和string类型的变量... 162

11.3.5 String对象的应用... 163

11.3.6 正则表达式及其应用... 165

11.4 RegExp对象... 168

11.5 Array对象... 170

11.5.1 数组的逻辑结构... 170

11.5.2 创建Array对象... 170

11.5.3 Array对象的length属性和数组元素... 171

11.5.4 Array对象的方法... 172

11.5.5 使用for-in 语句遍历数组... 173

11.6 Math对象... 174

11.7 小结... 174

11.8 习题... 175

第12章 处理和验证表单数据... 177

12.1 表单、控件及其属性... 177

12.2 表单事件和事件属性... 180

12.3 验证表单数据... 181

12.4 网页的Web标准... 185

12.4.1 网页Web标准的四个层次... 185

12.4.2 Web标准系列... 188

12.5 小结... 189

12.6 习题... 189

第13章 BOM和DOM... 191

13.1 浏览器对象模型... 191

13.1.1 访问window对象的属性... 192

13.1.2 通过window对象调用的方法... 192

13.1.3 screen对象... 195

13.2 文档对象模型及HTML文档树... 195

13.2.1 文档对象模型... 195

13.2.2 使用innerHTML属性和innerText属性访问元素的内容... 197

13.2.3 调用getElementById方法访问HTML文档树中的元素节点... 197

13.2.4 调用getElementsByTagName方法访问HTML文档树中的
元素节点... 200

13.3 事件及其处理... 202

13.3.1 事件的类型... 202

13.3.2 在HTML元素的开始标签中处理事件... 203

13.3.3 使用对象及有关属性处理事件... 204

13.4 事件的综合处理... 205

13.5 小结... 208

13.6 习题... 209

第14章 DHTML.. 211

14.1 *定位和相对定位... 211

14.1.1 *定位... 211

14.1.2 相对定位... 213

14.2 下拉菜单... 214

14.3 垂直移动的文本... 218

14.4 水平方向呈现跑马灯效果的文本串... 222

14.5 在网页上漂浮的图片链接... 224

14.5.1 从左向右移动的图片链接... 224

14.5.2 沿水平方向来回移动的图片链接... 225

14.5.3 在Web浏览器窗口内漂浮的图片链接... 227

14.6 自动切换的图片... 229

14.6.1 嵌入自动切换的图片... 230

14.6.2 自动切换的图片及数字按钮组... 233

14.6.3 自动切换的图片、数字按钮组及数字按钮click事件... 235

14.7 表格数据隔行变色... 236

14.8 小结... 238

14.9 习题... 239

第15章 jQuery基础... 240

15.1 从JavaScript到jQuery的转换... 240

15.1.1 函数作为参数... 240

15.1.2 使用JavaScript说明jQuery程序的基本语法及其格式... 241

15.1.3 获取和使用jQuery. 248

15.1.4 jQuery程序的基本语法及其格式... 249

15.2 事件及其处理... 253

15.3 选取HTML DOM元素对象... 254

15.3.1 常用的CSS选择器、伪类以及结合符... 254

15.3.2 jQuery选择器... 257

15.3.3 使用过滤器缩小结果集... 259

15.4 对jQuery对象进行迭代... 260

15.5 DOM操作... 261

15.5.1 取值/赋值方法... 261

15.5.2 垂直滚动播放的文本... 263

15.5.3 沿水平方向来回移动的图片链接... 265

15.5.4 JSON.. 267

15.5.5 创建和插入HTML元素对象... 269

15.6 更多应用举例... 277

15.6.1 简单数组排序... 277

15.6.2 对象数组排序... 278

15.6.3 闭包和内部函数... 281

15.6.4 表格数据排序... 283

15.7 小结... 287

15.8 习题... 288

参考文献... 291