HTML+CSS+JavaScript网页设计实用教程

第1章HTML、CSS、JavaScript基础知识和基本语法/1
1.1Web网页的基本概念/1
1.1.1网页/1
1.1.2网站/2
1.2静态网页工作原理与制作工具/3
1.2.1静态网页的工作原理/3
1.2.2运行Web服务器中的页面/4
1.2.3静态网页制作工具/8
1.3HTML、CSS、JavaScript简介/8
1.3.1HTML超文本标记语言/8
1.3.2CSS 层叠样式表/10
1.3.3JavaScript脚本语言/11
1.4页面文档结构和基本语法/11
1.4.1HTML文档结构/11
1.4.2HTML基本语法/12
1.4.3XHTML文档结构/14
1.5页面文档头部的相关标记/15
1.5.1设置页面标题＜title＞/15
1.5.2定义页面元信息＜meta /＞/15
1.5.3引用外部文件＜link /＞/17
1.6习题/18第2章CSS样式表基础/20
2.1CSS中层叠的概念/20
2.2CSS样式规则与内联CSS样式/21
2.2.1CSS样式规则/21
2.2.2内联CSS样式/22
2.3CSS样式表/23
2.3.1CSS样式表结构与使用/23
2.3.2基本选择符/25
2.3.3群组与通用选择符/28
2.3.4包含与子对象选择符/292.3.5相邻选择符/33
2.3.6属性选择符/34
2.3.7伪对象(伪元素)选择符/38
2.3.8伪类选择符/39
2.4CSS常用样式/42
2.4.1CSS颜色的属性值/42
2.4.2CSS设置鼠标形状cursor/42
2.4.3CSS大小尺寸量度的属性值/43
2.4.4文本字符的CSS样式属性/44
2.4.5文本外观CSS样式属性/46
2.5样式规则的优先级/51
2.5.1样式规则的优先级原则/52
2.5.2用!important提高样式优先级/54
2.6案例分析与实现/56
2.7习题/57第3章盒子的应用/59
3.1盒模型的结构/59
3.1.1盒子的宽度与高度/60
3.1.2盒子的内填充与外边距/60
3.1.3盒子的边框/61
3.1.4盒子的阴影效果/65
3.1.5boxsizing属性/66
3.1.6盒子的背景/67
3.1.7网页元素div/69
3.2垂直外边距的合并/70
3.2.1上下相邻元素的垂直外边距合并/70
3.2.2内外包含元素的垂直边距合并/70
3.2.3空元素自身的垂直外边距合并/71
3.3盒子的排列/71
3.3.1盒子的居中/71
3.3.2盒子的浮动与清除浮动/72
3.3.3盒子的布局应用举例/76
3.4盒子的定位/77
3.4.1自动定位static/78
3.4.2相对定位relative/78
3.4.3绝对定位absolute/81
3.4.4固定定位fixed/85
3.4.5元素的层叠等级/85
3.5盒子的显示方式与可见性/86
3.5.1块元素和行内元素/86
3.5.2元素的显示方式/86
3.5.3元素的可见性visibility/87
3.6弹出式菜单设计/87
3.7习题/94第4章HTML的基本元素及样式/96
4.1文本及相关标记/96
4.1.1HTML文本字符与注释标记/96
4.1.2文本相关标记/97
4.2图像与图像样式/99
4.2.1插入图像/99
4.2.2图像样式/100
4.2.3使用display:block将图像转换为块级元素/102
4.2.4使用float将图像设置为浮动块元素/102
4.3小案例: div、图像和文本的综合排版/103
4.3.1案例分析/104
4.3.2案例代码/105
4.4列表标记与相关样式/106
4.4.1各种列表标记介绍/107
4.4.2列表样式/109
4.5超链接标记与伪类/111
4.5.1超链接标记及属性/111
4.5.2链接到普通文档、图像或多媒体文件/113
4.5.3设置锚点与Email链接/115
4.5.4超链接伪类选择符/116
4.6图像映射标记/120
4.6.1创建图像映射标记/121
4.6.2使用图像映射的＜img /＞图像/121
4.7表格标记及样式/123
4.7.1创建表格的基本标记/123
4.7.2表格基本标记中的样式属性/126
4.7.3表格单元格合并/129
4.7.4表格结构划分标记＜thead＞＜tfoot＞＜tbody＞/131
4.8小案例: 山东商职学院网站首页制作/133
4.9课堂练习小案例/140
4.10习题/141第5章HTML框架、表单、多媒体/144
5.1HTML的浮动框架/144
5.1.1浮动框架的基本概念/144
5.1.2浮动框架的应用举例/145
5.2表单标记/148
5.2.1创建表单标记＜form＞/148
5.2.2表单输入标记＜input /＞/149
5.2.3HTML5新增＜input /＞输入元素/156
5.2.4文本区标记＜textarea＞/159
5.2.5滚动列表与下拉列表标记＜select＞＜option＞/160
5.2.6按钮标记＜button＞/163
5.2.7控件标签标记＜label＞/163
5.2.8表单分组及标题标记＜fieldset＞＜legend＞/164
5.2.9应用div和样式的表单设计/166
5.3滚动字幕、背景音乐与多媒体/169
5.3.1滚动字幕标记＜marquee＞/169
5.3.2背景音乐标记＜bgsound /＞/171
5.3.3播放多媒体标记＜embed＞/171
5.4习题/172第6章JavaScript基础/173
6.1JavaScript概述/173
6.1.1ECMAScript/173
6.1.2DOM简介/174
6.1.3浏览器对象模型BOM/175
6.1.4JavaScript语言的特点/176
6.1.5JavaScript的使用/177
6.2JavaScript基本概念/181
6.2.1语法/181
6.2.2关键字和保留字/181
6.2.3变量/182
6.2.4数据类型/183
6.3JavaScript运算符与表达式/186
6.3.1算术运算符与表达式/187
6.3.2赋值运算符与表达式/187
6.3.3比较、逻辑运算符与表达式/187
6.3.4条件运算符与表达式/189
6.4JavaScript语句/189
6.4.1if语句/189
6.4.2switch语句/190
6.4.3循环语句while、dowhile、for/193
6.4.4break和continue语句/197
6.5JavaScript自定义函数/200
6.5.1函数声明和函数表达式/200
6.5.2函数内部属性/205
6.5.3函数的嵌套与递归/206
6.5.4匿名函数/207
6.5.5闭包/211
6.6JavaScript事件处理/216
6.6.1JavaScript的常用事件/217
6.6.2页面相关事件与函数的记忆调用/220
6.6.3鼠标相关事件/222
6.6.4焦点、按键及表单相关事件/227
6.6.5表单数据验证/230
6.7onerror事件与页面错误提示/236
6.7.1用onerror事件捕获错误/236
6.7.2用try…catch捕获错误/238
6.8习题/242第7章JavaScript全局对象与系统对象/244
7.1面向对象概述/244
7.1.1面向对象基础/244
7.1.2对象访问语句/245
7.2JavaScript全局对象/246
7.2.1全局对象的属性——全局变量/246
7.2.2全局对象的方法——全局函数/246
7.3浏览器窗口对象window/249
7.3.1window对象的属性/249
7.3.2window对象的对话框/252
7.3.3window对象的方法/253
7.3.4定时器应用小案例——图片轮换与漂浮广告/259
7.4浏览器信息对象navigator/263
7.5location对象/264
7.5.1location对象的属性/265
7.5.2location对象的方法/265
7.6history对象/267
7.7习题/269第8章JavaScript内置对象与DOM对象/270
8.1Date对象/270
8.1.1Date日期时间对象的创建/270
8.1.2Date日期时间对象的常用方法/271
8.2Array对象/273
8.2.1数组的创建与属性/273
8.2.2数组对象的方法/274
8.2.3数组对象与日期时间对象的综合应用/279
8.2.4表单复选框组数据验证的实现/279
8.3String对象/281
8.4RegExp对象/285
8.4.1正则表达式的构成/285
8.4.2RegExp正则表达式对象的创建与属性/288
8.4.3RegExp正则表达式对象的方法/289
8.4.4String字符串对象使用正则表达式的方法/292
8.5Math对象/295
8.6DOM/296
8.6.1document对象/297
8.6.2DOM节点对象的通用属性/299
8.6.3标记对象的属性/299
8.6.4标记对象的方法/301
8.6.5表单脚本/304
8.6.6节点对象综合应用案例/308
8.7event事件对象/310
8.8style样式对象/314
8.9习题/316附录: 习题答案/320
第1章/320
第2章/320
第3章/321
第4章/321
第5章/322
第6章/323
第7章/324
第8章/324

根据Web标准规范，目前设计网页是采用HTML+CSS+JavaScript，将网页的内容、外观样式及动态效果有效分离，从而简化页面代码，方便用户访问和使用。
作者根据多年网页制作的教学、实践经验以及学生的认知规律，精心编写了这本教材。
本书采用全新的Web标准，以DHTML技术为基础，由浅入深、完整详细地介绍了HTML、CSS及JavaScript网页制作内容，除此以外，还适当增加了部分应用较为广泛的HTML5元素和CSS3样式属性，可以使读者系统、全面地掌握网页制作技术，紧跟时代潮流。
本书内容系统、全面，例题丰富，实用性强，既可以作为应用型本科和高职院校相关专业的教材，也可作为网站开发人员的自学或参考用书。

定价：为出版社全国统一定价；

文轩价：为商品的销售价，是您最终决定是否购买商品的依据；受系统缓存影响，最终价格以商品放入购物车后显示的价格为准；

新广告法规定所有页面信息中不得出现绝对化用词和功能性用词。

本店非常支持新广告法，但为了不影响消费者正常购买，页面明显区域本店已在排查修改，对于不明显区域也将会逐步排查并修改，我们此郑重声明：本店所有页面上的绝对化用词与功能性用词在此声明全部失效，不作为赔付理由。涉及“教育部声明”中的商品，均不代表教育部指定、推荐的具体版本，仅代表该商品的内容为指定、推荐书目。因极限用词引起的任何形式的商品赔付，本店不接收且不妥协。希望消费者理解并欢迎联系客服帮助完善，也请职业打假人士高抬贵手。