赵良涛，山东科技大学计算机技术专业士，商泽学脑计算机实验教学中心主任，Web技术专家，主要从事计算机教学和实验室管理工作，有10余年开发经验。精通计算机网络开发技术，对HTML5、Java Script、CSS3、jQueryWeb等网络开发技术有很深的研究。

章HTML5入门基础12
1.1HTML简介13
1.2HTML文件的编写方法13
1.2.1课堂案例——使用记事本编写HTML文件13
1.2.2课堂案例——使用Dreamweaver编写HTML文件14
1.3新增的主体结构元素15
1.3.1课堂案例——使用article元素15
1.3.2课堂案例——使用section元素16
1.3.3课堂案例——使用nav元素17
1.3.4课堂案例——使用aside元素19
1.4新增的非主体结构元素19
1.4.1课堂案例——使用header元素19
1.4.2课堂案例——使用hgroup元素20
1.4.3课堂案例——使用footer元素21
1.4.4课堂案例——使用address元素22
1.5本章小结23
1.6课后习题23
第2章HTML基本标记24
2.1HTML页面主体常用设置25
2.1.1课堂案例——定义网页背景色bgcolor25
2.1.2课堂案例——设置背景图片background26
2.1.3课堂案例——设置文字颜色text27
2.1.4课堂案例——设置链接文字属性28
2.1.5课堂案例——设置页面边距30
2.2页面头部标记31
2.3页面标题标记31
2.4元信息标记32
2.4.1设置页面关键字32
2.4.2设置页面说明33
2.4.3定义编辑工具33
2.4.4定义页面的作者信息34
2.4.5定义网页文字及语言34
2.4.6课堂案例——定义页面的跳转35
2.5标题字36
2.6段落标记37
2.6.1课堂案例——使用段落标记37
2.6.2课堂案例——使用换行标记38
2.6.3课堂案例——不换行标记38
2.7水平线39
2.8课堂练习——创建基本的HTML文件40
2.9本章小结41
2.10课后习题41
第3章使用图像和多媒体元素42
3.1网页中常见的图像格式43
3.2插入图像并设置图像属性43
3.2.1图像标记43
3.2.2课堂案例——设置图像高度height45
3.2.3课堂案例——设置图像宽度width45
3.2.4课堂案例——设置图像的替代文字alt46
3.3添加多媒体文件47
3.4添加音乐48
3.4.1标记48
3.4.2课堂案例——给网页添加音乐播放器48
3.5课堂练习49
3.5.1课堂练习1——创建多媒体网页49
3.5.2课堂练习2——创建图文混合排版网页50
3.6本章小结51
3.7课后习题51
第4章使用表格52
4.1创建表格53
4.1.1表格的基本构成table、tr、td53
4.1.2设置表格的标题caption54
4.1.3表头th55
4.2表格基本属性56
4.2.1课堂案例——表格宽度width57
4.2.2课堂案例——表格边框宽度border58
4.2.3课堂案例——内框宽度cellspacing59
4.2.4课堂案例——表格内文字与边框间距cellpadding59
4.3表格的行属性60
4.3.1行背景bgcolor、background60
4.3.2行文字的水平对齐方式align62
4.3.3行文字的垂直对齐方式valign63
4.4单元格属性63
4.4.1水平跨度colspan64
4.4.2垂直跨度rowspan65
4.4.3对齐方式align、valign66
4.5表格的结构67
4.5.1表格的表头标记67
4.5.2表格的表主体标记68
4.5.3表格的表尾标记69
4.6课堂练习——使用表格排版网页71
4.7本章小结74
4.8课后习题74
第5章HTML5开发实战75
5.1HTML5视频video76
5.1.1标记简介76
5.1.2课堂案例——在网页中添加视频文件77
5.1.3课堂案例——链接不同的视频文件77
5.2HTML5音频audio78
5.2.1标记简介78
5.2.2课堂案例——隐藏audio播放器79
5.2.3课堂案例——使用标记的事件80
5.3HTML5地理定位81
5.3.1地理定位方法81
5.3.2课堂案例——处理拒绝和错误82
5.3.3课堂案例——在地图上显示用户的位置83
5.4HTML5画布canvas84
5.4.1标记84
5.4.2课堂案例——绘制直线85
5.4.3课堂案例——线性渐变86
5.4.4课堂案例——径向渐变87
5.5HTML5SVG88
5.5.1SVG简介89
5.5.2课堂案例——绘制各种图形89
5.5.3课堂案例——文本与图像92
5.5.4课堂案例——设置描边效果92
5.5.5课堂案例——创建动画93
5.6课堂练习94
5.6.1课堂练习1——绘制椭圆95
5.6.2课堂练习2——绘制精彩图形96
5.7本章小结97
5.8课后习题97
第6章设计特效文字样式98
6.1认识CSS99
6.2使用CSS99
6.2.1CSS的基本语法99
6.2.2添加CSS的方法100
6.3设置文本样式101
6.3.1课堂案例——设置字体font-family101
6.3.2课堂案例——设置字号font-size102
6.3.3课堂案例——设置字体风格font-style103
6.3.4课堂案例——设置加粗字体font-weight104
6.3.5课堂案例——设置小写字母转为大写font-variant105
6.4设置段落格式106
6.4.1课堂案例——设置单词间隔word-spacing106
6.4.2课堂案例——设置字符间隔letter-spacing107
6.4.3课堂案例——设置文字修饰text-decoration108
6.4.4课堂案例——设置垂直对齐方式vertical-align109
6.4.5课堂案例——设置文本转换text-transform110
6.4.6课堂案例——设置水平对齐方式text-align112
6.4.7课堂案例——设置文本缩进text-indent113
6.4.8课堂案例——设置文本行高line-height114
6.4.9课堂案例——设置处理空白white-space114
6.4.10文本反排unicode-bidi、direction115
6.5课堂练习——用CSS排版网页文字116
6.6本章小结118
6.7课后习题118
第7章设计图像和背景样式119
7.1设置网页的背景120
7.1.1课堂案例——使用background-color设置背景颜色120
7.1.2课堂案例——使用background-image设置背景图像121
7.2设置背景图像样式121
7.2.1课堂案例——使用background-repeat设置背景平铺122
7.2.2课堂案例——使用background-attachment设置固定背景123
7.2.3课堂案例——使用background-position设置背景位置124
7.3应用CSS滤镜设计图像特效126
7.3.1不透明度alpha126
7.3.2动感模糊blur128
7.3.3阴影效果dropShadow129
7.3.4灰度处理gray130
7.3.5反相invert131
7.4课堂练习132
7.4.1课堂练习1——文字与图片上下垂直居中132
7.4.2课堂练习2——CSS实现背景半透明效果133
7.5本章小结135
7.6课后习题135
第8章使用CSS设计表单和表格样式136
8.1表单form137
8.1.1程序提交action137
8.1.2表单名称name137
8.1.3传送方法method138
8.1.4编码方式enctype138
8.1.5目标显示方式target139
8.2插入表单对象140
8.2.1课堂案例——插入文字字段text140
8.2.2课堂案例——插入密码域password141
8.2.3课堂案例——插入单选按钮radio142
8.2.4课堂案例——插入复选框checkbox143
8.2.5课堂案例——插入普通按钮button143
8.2.6课堂案例——插入提交按钮submit144
8.2.7课堂案例——重置按钮reset145
8.2.8课堂案例——插入图像域image146
8.2.9课堂案例——插入隐藏域hidden147
8.2.10课堂案例——插入文件域file148
8.3菜单和列表148
8.3.1课堂案例——插入下拉菜单148
8.3.2课堂案例——插入列表项149
8.4设计表格样式150
8.4.1设置表格阴影151
8.4.2设置表格的渐变背景152
8.5课堂练习153
8.5.1课堂练习1——设置输入文本的样式153
8.5.2课堂练习2——鼠标指针经过时改变表格行的颜色153
8.5.3课堂练习3——用虚线美化表格的边框154
8.6本章小结155
8.7课后习题155
第9章使用链接与列表设计网站导航156
9.1链接样式设置基础157
9.1.1课堂案例——设置鼠标指针属性cursor157
9.1.2课堂案例——设置下画线样式text-decoration158
9.1.3课堂案例——设置未访问过的超链接a：link159
9.1.4课堂案例——设置鼠标指针悬停时状态a：hover160
9.1.5课堂案例——设置已访问超链接样式a：visited160
9.1.6课堂案例——设置超链接的激活样式a：active161
9.2有序列表162
9.2.1课堂案例——设置有序列表标记162
9.2.2课堂案例——设置有序列表的序号类型type163
9.2.3课堂案例——设置有序列表的起始数值start164
9.3无序列表165
9.3.1课堂案例——设置无序列表标记165
9.3.2课堂案例——设置无序列表的类型type166
9.3.3课堂案例——设置目录列表标记167
9.3.4课堂案例——设置定义列表标记168
9.3.5课堂案例——设置菜单列表标记169
9.4课堂练习170
9.4.1课堂练习1——翻转式超链接170
9.4.2课堂练习2——设计导航菜单172
9.5本章小结173
9.6课后习题173
0章移动网页设计基础CSS3174
10.1边框175
10.1.1课堂案例——设置圆角边框border-radius175
10.1.2课堂案例——设置边框图片border-image178
10.1.3课堂案例——设置边框阴影box-shadow180
10.2背景181
10.2.1课堂案例——设置背景图片尺寸background-size181
10.2.2课堂案例——设置背景图片定位区域background-origin182
10.2.3课堂案例——设置背景裁剪区域background-clip183
10.3文本184
10.3.1课堂案例——设置文本阴影text-shadow184
10.3.2课堂案例——设置强制换行word-wrap185
10.3.3课堂案例——设置文本溢出text-overflow186
10.3.4课堂案例——设置文字描边text-stroke187
10.3.5课堂案例——设置文本填充颜色text-fill-color188
10.4多列189
10.4.1课堂案例——创建多列column-count189
10.4.2课堂案例——设置列的宽度column-width190
10.4.3课堂案例——设置列的间隔column-gap191
10.4.4课堂案例——设置列的规则column-rule193
10.5转换变形194
10.5.1课堂案例——设置移动translate()194
10.5.2课堂案例——设置旋转rotate()195
10.5.3课堂案例——设置缩放scale()196
10.5.4课堂案例——设置扭曲skew()197
10.5.5课堂案例——设置矩阵matrix()198
10.6过渡199
10.7课堂练习200
10.7.1课堂练习1——鼠标指针放上去显示全部内容200
10.7.2课堂练习2——美观的图片排列201
10.8本章小结202
10.9课后习题202
1章CSS盒子模型与布局入门203
11.1认识盒子模型204
11.2外边距204
11.2.1课堂案例——设置上外边距margin-top205
11.2.2课堂案例——设置右外边距margin-right205
11.2.3课堂案例——设置下外边距margin-bottom206
11.2.4课堂案例——设置左外边距margin-left207
11.3内边距208
11.3.1课堂案例——设置上内边距padding-top208
11.3.2课堂案例——设置右内边距padding-right209
11.3.3课堂案例——设置下内边距padding-bottom210
11.3.4课堂案例——设置左内边距padding-left210
11.4边框211
11.4.1课堂案例——设置边框样式border-style211
11.4.2课堂案例——设置边框宽度border-width213
11.4.3课堂案例——设置边框颜色border-color215
11.4.4课堂案例——设置边框属性border216
11.5课堂练习——CSS布局实例217
11.6本章小结219
11.7课后习题219
2章CSS定位布局方法220
12.1定位布局221
12.1.1课堂案例——设置绝对定位absolute221
12.1.2课堂案例——设置固定定位fixed222
12.1.3课堂案例——设置相对定位relative223
12.2浮动定位224
12.2.1课堂案例——设置float属性224
12.2.2课堂案例——设置浮动布局的新问题225
12.2.3课堂案例——设置清除浮动clear226
12.3定位层叠227
12.3.1课堂案例——设置层叠顺序227
12.3.2课堂案例——设置简单嵌套元素中的层叠定位228
12.3.3课堂案例——创建包含子元素的复杂层叠定位229
12.4课堂练习230
12.4.1课堂练习1——创建一列固定宽度230
12.4.2课堂练习2——创建一列自适应231
12.4.3课堂练习3——创建两列固定宽度231
12.4.4课堂练习4——创建两列宽度自适应232
12.4.5课堂练习5——创建右列宽度自适应233
12.4.6课堂练习6——创建三列浮动中间宽度自适应233
12.5本章小结235
12.6课后习题235
3章JavaScript语法基础236
13.1JavaScript概述237
13.1.1JavaScript简介237
13.1.2JavaScript放置位置237
13.2JavaScript基本语法238
13.2.1变量238
13.2.2数据类型239
13.2.3表达式和运算符239
13.2.4函数240
13.2.5注释241
13.3JavaScript程序语句241
13.3.1课堂案例——使用if语句241
13.3.2课堂案例——使用for语句242
13.3.3课堂案例——使用switch语句243
13.3.4while循环244
13.3.5break语句245
13.3.6continue语句246
13.4课堂练习——禁止鼠标右击247
13.5本章小结248
13.6课后习题248
4章JavaScript中的事件249
14.1事件驱动与事件处理250
14.1.1事件与事件驱动250
14.1.2事件与处理代码关联251
14.1.3调用函数的事件252
14.1.4调用代码的事件253
14.1.5设置对象事件的方法254
14.2JavaScript常见的事件255
14.2.1onClick事件255
14.2.2onChange事件255
14.2.3onSelect事件256
14.2.4onFocus事件257
14.2.5onLoad事件258
14.2.6onUnload事件259
14.2.7onBlur事件259
14.2.8onDblClick事件260
14.2.9其他常用事件261
14.3课堂练习——将事件应用于按钮中262
14.4本章小结263
14.5课后习题263
5章JavaScript中的函数和对象264
15.1函数概述265
15.2函数的定义265
15.2.1函数的普通定义方式265
15.2.2函数的变量定义方式266
15.2.3函数的指针调用方式267
15.3JavaScript对象的声明和引用268
15.3.1声明和实例化268
15.3.2对象的引用270
15.4浏览器对象271
15.4.1课堂实例——利用navigator对象获取浏览器对象的属性值271
15.4.2课堂实例——利用window对象控制显示窗口的大小272
15.4.3课堂实例——利用location对象获取当前页面的URL273
15.4.4课堂实例——用history对象制作前进到上一页和后退到下一页274
15.4.5课堂实例——用document对象来显示文档的最后修改时间275
15.5课堂练习——定时关闭网页窗口276
15.6本章小结277
15.7课后习题277
6章综合案例：公司宣传网站的布局278
16.1企业网站设计分析279
16.1.1企业网站内容设计279
16.1.2排版构架279
16.2各部分设计280
16.2.1Logo与顶部导航280
16.2.2左侧导航282
16.2.3主体内容283
16.2.4制作“搜索”部分285
16.2.5制作“公司新闻动态”部分286
16.2.6制作“联系我们”部分287
16.2.7底部版权信息287
16.3本章小结288
16.4课后习题288

\t

\t

本书全面介绍了使用HTML、CSS、JavaScript进行网页设计和制作的各方面内容和技巧。全书共16章，主要内容包括HTML5入门基础、HTML基本标记、使用图像和多媒体元素、使用表格、HTML5开发实战、设计文字样式、设计图像和背景样式、使用CSS设计表单和表格样式、使用链接与列表设计网站导航、移动网页设计基础CSS3、CSS盒子模型与布局入门、CSS定位布局方法、JavaScript语法基础、JavaScript中的事件、JavaScript中的函数和对象、公司宣传网站布局综合实例。
本书随书提供课堂案例、课堂练习、课后习题的源文件，以及在线教学视频。同时还为老师提供教学PPT课件、教案、教学大纲等资源，便于老师课堂教学。
本书语言简洁、内容丰富，适合网页设计与制作人员、网站建设与开发人员、大中专院校相关专业师生、网页制作培训班学员、个人网站爱好者与自学读者阅读。