描述
开 本: 16开纸 张: 胶版纸包 装: 平装-胶订是否套装: 否国际标准书号ISBN: 9787302484257丛书名: 21世纪高等学校规划教材·计算机应用
本书以HTML 4.01、XHTML 1.0、CSS 2.1和ECMA-262 5.1等技术规范为基础，不仅注重原理、技术与应用三者的结合，而且具有概念简洁、深入浅出、代码规范、前后呼应、面向应用和范例典型等特点。通过学习本书，可以了解基于“内容、结构、表现和行为”层次模型的Web标准网页设计原理，掌握XHTML、div CSS、JavaScript、JSON和jQuery等主流的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
计算机专业知识的讲授需要在一系列相关课程中循序渐进地进行，同时需要特别注重相关知识点的前后顺序——只有在学生了解和掌握前期知识点的前提下，才有可能更有效地讲授后期知识点。例如，以网站开发与管理为例，所涉及的专业知识点既包括HTML、XHTML、div CSS、JavaScript、JSON以及jQuery等Web前端开发技术，又包括数据库、ASP.NET、PHP、C#以及Java等网站后台开发技术和编程语言。其中，Web前端开发技术相对独立于网站后台开发技术——在不涉及网站后台开发技术的情况下，即可全面地讲授Web前端开发技术。另一方面，讲授Web前端开发技术所需的教学和实验平台易于搭建，不需要安装过于复杂和大型的专业软件。因此，Web前端开发技术适宜作为前期知识点，而将网站后台开发技术作为后期知识点。此外，还应该为各个知识点的讲授分配必要的时间资源。如果在短期内密集地讲授较多的知识点，容易增加学生理解和掌握知识点的难度，甚至造成学生的专业知识学习只是一个“囫囵吞枣”的经历。
本书内容并不覆盖网站开发与管理所涉及的所有知识点，而是从面向应用的角度出发，集中并详细讲解基于“内容、结构、表现和行为”层次模型的Web标准网页设计原理与前端开发技术。全书共分15章，内容包括网站与网页、使用Fireworks制作图片、使用Flash制作动画、超文本标记语言、CSS基础、可扩展超文本标记语言、应用div CSS布局网页、使用Dreamweaver设计和制作网页、使用Dreamweaver建设网站、JavaScript基础、JavaScript内置对象、处理和验证表单数据、BOM和DOM、DHTML、jQuery基础等。
本书的编著力求遵循以下原则。
（1）注重理论、技术与应用的紧密结合，尤其突出技术的应用。
（2）章节之间前后呼应。前面章节的知识点、例题及习题为后面章节的知识点学习进行铺垫，后面章节的例题及习题既针对本章的知识点，又结合和复习前面章节的相关知 识点。
（3）重点突出，内容紧凑。精选各章关键知识点和核心技术，并围绕关键知识点和核心技术深入展开，从而避免面面俱到和“蜻蜓点水”式的介绍。
本书中使用的Dreamweaver软件提供了可视化编程功能，通过菜单命令、对话框以及鼠标操作能够自动生成很多XHTML和CSS代码，但建议学习者在上机练习时尽量使用记事本（Notepad）软件编写XHTML、CSS和JavaScript代码，因为“手写代码”是很多用人单位对“Web前端开发”相关职位的基本要求之一。更重要的是，通过“手写代码”能够使学习者更好地掌握相关知识点。
通过本书的学习，读者能够了解和掌握HTML、XHTML、div CSS、JavaScript、JSON和jQuery等主流的Web前端开发技术，并为学习动态网页设计原理与制作技术做好准备。
本书主要面向教学（应用）型大学的电子商务、信息管理与信息系统、计算机科学与技术、软件工程等相关专业，可作为“网页设计与制作”和“互联网前端开发技术”课程的教材。此外，本书还可用作相关培训教材或教学参考书，也可供网站开发与管理人员参考。
本书由西华大学的崔敬东、徐雷共同编著。其中，崔敬东负责第4～15章，徐雷负责第1～3章。此外，本书的出版还得到清华大学出版社有关工作人员的大力支持。在此向他（她）们表示诚挚的感谢！
欢迎高校老师、同学和其他读者选用本书，并敬请各位对书中内容提出批评意见或改进建议。如果授课教师在本书的使用过程中还有其他需求，可通过出版社与作者联系。
崔敬东
2017年12月于成都
3．表现
虽然对上述文本内容进行了结构化，但在网页上展示这些文本内容时，还可以使用表现性元素和表现性属性对文本内容进行修饰。这样，文本内容就能够以特定的字体、颜色、大小和对齐方式展示在网页上，从而产生特定的视觉效果。文本内容的字体、颜色、大小和对齐方式即是内容在网页上的表现（Presentation）。
【例5–1】 网页的内容、结构和表现。HTML代码如下：
静夜思
唐.李白
床前明月光，疑是地上霜。
举头望明月，低头思故乡。
【简析】这是写远客思乡之情的诗，诗以明白如话的语言雕琢出明静醉人的秋夜的意境。它不追求想象的新颖奇特，也摒弃了辞藻的精工华美；它以清新朴素的笔触，抒写了丰富深曲的内容。境是境，情是情，那么逼真，那么动人，百读不厌，耐人寻味。无怪乎有人赞它是“妙绝古今”。
在上述HTML代码中，结构性元素h1和h2分别定义了标题和作者，正文和简析则是使用结构性元素p定义的。这样，网页中的文本内容就具有了一定的结构。
此外，在上述HTML代码中，在body元素中使用表现性属性bgcolor设置主体的背景颜色；在h1和h2元素中使用表现性属性align设置标题的居中对齐；在p元素中使用表现性元素strong定义粗体文本；在h1和strong元素中使用表现性元素font及其表现性属性color定义文本的颜色……所有这些，都是“表现”的作用，并且使不同结构（即标题、作者、正文和简析）中的文本内容在网页中产生特定的视觉效果。图5-1为上述HTML代码在IE浏览器中展示出的视觉效果。
评论
还没有评论。