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