醉染图书HTML+CSS+JavaScript 网页设计实战9787302480556

篇HTML基础知识
章HTML入门知识
1.1网页与4
1.1.1什么是网页与4
1.1.2网页基本构成元素5
1.2HTML的基本概念6
1.2.1什么是HTML6
1.2.2HTML的发展历程6
1..HTML页面的整体结构7
1.3使用浏览器查看源文件8
1.4大神解惑9
1.5跟我练练手9
第2章网页文档结构
2.1HTML文件基本结构12
2.2HTML5基本标记详解12
2.2.1文档类型说明12
2.2.2HTML标记13
2..头标记13
2.2.4网页的主体标记bdy5
2.2.5页面注释标记16
.HTML5语法的变化16
..1标记不再区分大小写17
..2允许属值不使用引号17
..允许部分属值的属省略17
2.4网页文件的编写方法18
2.4.1使用记事本手工编写网页18
2.4.2使用DreamweaverCC编写HTML文件19
2.5符合W3C标准的HTML5网页20
2.6大神解惑21
2.7跟我练练手22
第3章网页中的文本和图像
3.1在网页中添加文本24
3.1.1普通文本的添加24
3.1.2特殊字符文本的添加24
3.1.3特殊文本的添加26
3.2文本排版27
3.2.1换行标记27
3.2.2段落标记28
3..标题标记28
3.3文字列表29
3.3.1建立无序列表29
3.3.2建立有序列表30
3.3.3建立不同类型的无序列表30
3.3.4建立不同类型的有序列表31
3.3.5建立嵌套列表31
3.3.6自定义列表32
3.4网页中的图像32
3.4.1插入图像32
3.4.2设置图像的宽度和高度34
3.4.3设置图像的提示文字35
3.4.4将图片设置为网页背景36
3.4.5排列图像36
3.5图文并茂房屋装饰装修网页37
3.6在线购物产品展示效果38
3.7大神解惑39
3.8跟我练练手40
第4章建立超链接
4.1网页超链接的概念42
4.1.1什么是网页超链接42
4.1.2超链接中的URL42
4.1.3超链接的URL类型43
4.2建立网页超链接43
4.2.1创建超文本链接43
4.2.2创建图片链接44
4..创建下载链接46
4.2.4使用相对路径和路径46
4.2.5设置以新窗口显示超链接页面47
4.2.6设置邮件链接48
4.3浮动框架49
4.4定位热点区域50
4.5使用锚链接制作书阅读网页54
4.6大神解惑56
4.7跟我练练手56
第5章创建表格和表单
5.1表格的基本结构58
5.2创建表格59
5.2.1创建普通表格59
5.2.2创建带有标题的表格60
5..定义表格的边框类型60
5.2.4定义表格的表头61
5.2.5设置表格背景61
5.2.6设置单元格背景62
5.2.7合并单元格63
5.2.8排列单元格中的内容66
5.2.9设置表格的行高与列宽66
5.3创建完整的表格67
5.4认识表单68
5.5表单基本元素的使用69
5.5.1单行文本输入框69
5.5.2多行文本输入框70
5.5.3密码域70
5.5.4单选按钮71
5.5.5复选框72
5.5.6下拉选择框73
5.5.7普通按钮73
5.5.8提交按钮74
5.5.9重置按钮75
5.6表单不错元素的使用75
5.6.1url属的应76
5.6.2email属的应76
5.6.3date和time属的应76
5.6.4number属的应77
5.6.5range属的应78
5.6.6required属的应79
5.7创建用户反馈表单79
5.8制作商品报价单81
5.9大神解惑83
5.10跟我练练手84
第2篇HTML5不错技术
第6章HTML5快速入门
6.1各大浏览器与HTML5的兼容8
6.2检测浏览器支持HTML标记88
6.3语法变化和标记89
6.3.1HTML5的语法变化89
6.3.2HTML5中的标记方法89
6.3.3版本兼容90
6.4新增的元素和废除的元素91
6.4.1新增的结构元素92
6.4.2新增的input元素类型94
6.4.3新增的元素94
6.4.4废除的元素96
6.5新增的属和废除的属97
6.5.1新增的属97
6.5.2废除的属101
6.6新增全局属103
6.6.1contentEditable属103
6.6.2designMode属103
6.6.3hidden属104
6.6.4spellcheck属104
6.6.5tabIndex属104
6.7大神解惑106
6.8跟我练练手106
第7章HTML5中的多媒体
7.1网页音频标记108
7.1.1audio标记概述108
7.1.2audio标记的属10
7.1.3音频解码器109
7.1.4浏览器对audio标记的支持情况109
7.2网页视频标记109
7.2.1video标记概述109
7.2.2video标记属110
7..视频解码器110
7.2.4浏览器对video标记的支持情况111
7.3添加网页音频文件111
7.3.1设置背景音乐111
7.3.2设置音乐循环播放112
7.4添加网页视频文件112
7.4.1为网页添加视频文件112
7.4.2设置自动运行113
7.4.3设置视频文件的循环播放114
7.4.4设置视频窗口的高度与宽度114
7.5添加网页滚动文字115
7.5.1滚动文字标记115
7.5.2滚动方向属116
7.5.3滚动方式属117
7.5.4滚动速度属117
7.5.5滚动延迟属11
7.5.6滚动循环属119
7.5.7滚动范围属119
7.5.8滚动背景颜色属120
7.5.9滚动空间属121
7.6大神解惑122
7.7跟我练练手122
第8章使用HTML5绘制图形
8.1什么是canvas124
8.2绘制基本形状125
8.2.1绘制矩形125
8.2.2绘制圆形126
8..使用moveTo与lineTo绘制直线127
8.2.4使用bezierCurveTo绘制贝塞尔曲线128
8.3绘制渐变图形130
8.3.1绘制线渐变130
8.3.2绘制径向渐变132
8.4绘制变形图形133
8.4.1变换原点坐标133
8.4.2图形缩放134
8.4.3旋转图形135
8.5绘制样式的图形136
8.5.1图形组合136
8.5.2绘制带阴影的图形138
8.5.3绘制文字139
8.6使用图像141
8.6.1绘制图像141
8.6.2图像平铺142
8.6.3图像裁剪143
8.6.4像素处理145
8.7图形的保存与恢复147
8.7.1保存与恢复图形状态147
8.7.2保存文件148
8.8绘制火柴棒人物149
8.9绘制商标151
8.10大神解惑153
8.11跟我练练手154
第3篇用CSS美化网页
第9章CSS概述与基本语法
9.1CSS概述158
9.1.1CSS功能158
9.1.2浏览器与CSS的兼容15
9.1.3CSS基础语法159
9.1.4CSS常用单位159
9.2编辑和浏览CSS164
9.2.1手工编写CSS164
9.2.2用Dreamweaver编写CSS165
9.3在HTML中使用CSS的方法167
9.3.1行内样式167
9.3.2内嵌样式168
9.3.3链接样式169
9.3.4导入样式170
9.3.5优先级问题171
9.4CSS的常用选择器172
9.4.1标记选择器173
9.4.2类选择器173
9.4.3选择器174
9.4.4全局选择器175
9.4.5组合选择器175
9.4.6继承选择器176
9.4.7伪类选择器177
9.5选择器声明178
9.5.1集体声明178
9.5.2多重嵌套声明179
9.6制作炫彩Lgo79
9.7制作学生信息统计表182
9.8大神解惑183
9.9跟我练练手184
0章美化网页字体与段落
10.1美化网页文字186
10.1.1设置文字的字体186
10.1.2设置文字的字号187
10.1.3设置字体风格188
10.1.4设置加粗字体189
10.1.5将小写字母转换为大写字母190
10.1.6设置字体的复合属191
10.1.7设置字体颜色192
10.2设置文本的不错样式193
10.2.1设置文本阴影效果193
10.2.2设置文本溢出效果194
10..设置文本的控制换行195
10.2.4保持字体尺寸不变196
10.3美化网页中的段落197
10.3.1设置单词之间的间隔197
10.3.2设置字符之间的间隔198
10.3.3设置文字的修饰效果199
10.3.4设置垂直对齐方式200
10.3.5转换文本的大小写202
10.3.6设置文本的水平对齐方式203
10.3.7设置文本的缩进效果205
10.3.8设置文本的行高205
10.3.9文本的空白处理206
10.3.10文本的反排208
10.4设置网页标题209
10.5制作新闻页面211
10.6大神解惑212
10.7跟我练练手212
1章美化网页图片
11.1图片缩放214
11.1.1通过描述标记width和height缩放图片214
11.1.2使用CSS中的max-width和
max-height缩放图片214
11.1.3使用CSS中的width和height缩放图片215
11.2设置图片的对齐方式216
11.2.1设置图片横向对齐216
11.2.2设置图片纵向对齐217
11.3图文混排219
11.3.1设置文字环绕效果219
11.3.2设置图片与文字的间距220
11.4制作学校宣传单221
11.5制作简单图文混排网页2
11.6大神解惑225
11.7跟我练练手225
2章美化网页背景与边框
12.1使用CSS美化背景228
12.1.1设置背景颜色228
12.1.2设置背景图片229
12.1.3背景图片重复0
12.1.4背景图片随文档滚动1
12.1.5背景图片位置
12.1.6背景图片大小4
12.1.7背景显示区域5
12.1.8背景图像裁剪区域
12.1.9背景复合属
12.2使用CSS美化边框
12.2.1设置边框样式
12.2.2设置边框颜色
12..设置边框线宽240
12.2.4设置边框复合属242
1.设置边框圆角效果242
1..1设置圆角边框243
1..2指定两个圆角半径243
1..绘制四个不同的圆角边框244
1..4绘制不同种类的边框245
12.4制作简单公司主页246
12.5制作简单生活资讯主页250
12.6大神解惑251
12.7跟我练练手252
3章美化表格和表单样式
13.1美化表格样式254
13.1.1设置表格边框样式254
13.1.2设置表格边框宽度255
13.1.3设置表格背景颜色256
13.2美化表单样式257
13.2.1美化表单中的元素257
13.2.2美化提交按钮259
13..美化下拉列表框260
13.3制作用户登录页面262
13.4制作用户注册页面264
13.5大神解惑266
13.6跟我练练手266
4章美化超链接和鼠标指针
14.1美化超链接268
14.1.1改变超链接基本样式268
14.1.2设置带有提示信息的超链接269
14.1.3设置超链接的背景图270
14.1.4设置超链接的按钮效果271
14.2美化鼠标272
14.2.1控制鼠标箭头272
14.2.2设置鼠标变幻式超链接273
14..设置网页页面滚动条274
14.3图片版本超链接276
14.4鼠标实例278
14.5制作一个简单的导航栏280
14.6大神解惑281
14.7跟我练练手282
5章控制网页导航菜单的样式
15.1使用CSS美化项目列表284
15.1.1美化无序列表284
15.1.2美化有序列表285
15.1.3美化自定义列表286
15.1.4制作图片列表287
15.1.5缩进图片列表288
15.1.6列表复合属29
15.2使用CSS制作网页菜单290
15.2.1制作无序列表的菜单290
15.2.2制作水平样式菜单292
15.3模拟SOSO导航栏294
15.4将段落转变成列表297
15.5大神解惑299
15.6跟我练练手300
第4篇网页布局和JavaScript
6章CSS+DIV盒子的浮动与定位
16.1定义DIV304
16.1.1什么是DIV304
16.1.2创建DIV304
16.2盒子的定位305
16.2.1静态定位305
16.2.2相对定位306
16..定位307
16.2.4固定定位308
16.2.5盒子的浮动308
16.3CSS布局定位方式310
16.3.1溢出（overflow）定位310
16.3.2隐藏（visibility）定位311
16.3.3z-index空间定位313
16.4多列布局314
16.4.1设置列宽度314
16.4.2设置列数316
16.4.3设置列间距317
16.4.4设置列边框样式318
16.5定位网页布局样式320
16.6大神解惑3
16.7跟我练练手324
7章网页布局剖析与制作
17.1固定宽度网页剖析与布局326
17.1.1网页单列布局模式326
17.1.2网页1-2-1型布局模式328
17.1.3网页1-3-1型布局模式330
17.2自动缩放网页1-2-1型布局模式333
17.2.11-2-1等比例变宽布局333
17.2.21-2-1单列变宽布局334
17.3自动缩放网页1-3-1型布局模式335
17.3.11-3-1三列宽度等比例布局335
17.3.21-3-1单侧列宽度固定的变宽布局335
17.3.31-3-1中间列宽度固定的变宽布局337
17.3.41-3-1双侧列宽度固定的变宽布局339
17.3.51-3-1中列和左侧列宽度固定的
变宽布局342
17.4分列布局背景色的使用344
17.4.1设置固定宽度布局的列背景色344
17.4.2设置特殊宽度变化布局的列背景色346
17.4.3设置单列宽度变化布局的列背景色347
17.4.4设置多列等比例宽度变化布局的
列背景349
17.5大神解惑352
17.6跟我练练手352
8章JavaScript和jery
18.1认识JavaScript354
18.1.1什么是JavaScript354
18.1.2在HTML网页头中嵌入
JavaScript代码354
18.2JavaScript对象与函数355
18.2.1认识对象356
18.2.2认识函数356
18.3JavaScript事件358
18.3.1事件与事件处理概述358
18.3.2JavaScript的常用事件359
18.4认识jery360
18.4.1jery能做什么361
18.4.2jery的配置361
18.5jery选择器362
18.5.1jery的工厂函数362
18.5.2常见选择器363
18.6大神解惑364
18.7跟我练练手365
9章经典的网页动态案例
19.1文字368
19.1.1打字效果的文字368
19.1.2文字升降370
19.1.3跑马灯效果372
19.2图片373
19.2.1闪烁图片373
19.2.2左右移动的图片375
19.3网页菜单378
19.3.1向上滚动菜单378
19.3.2树形菜单379
19.4鼠标384
19.4.1鼠标的图片跟踪384
19.4.2鼠标的文字跟踪385
19.5时间387
19.5.1时钟387
19.5.2制作简单日历表392
19.6页面395
19.6.1网页自动滚屏395
19.6.2颜色选择器398
19.7大神解惑401
19.8跟我练练手402
第5篇综合案例实战
第20章制作企业门户类网页
20.1构思布局406
20.1.1设计分析406
20.1.2排版架构407
20.2模块分割408
20.2.1Logo与导航菜单408
20.2.2左侧文本介绍410
20..右侧导航链接411
20.2.4版权信息413
20.3整体调整414
2章制作在线购物类网页
21.1整体布局416
21.1.1设计分析416
21.1.2排版架构417
21.2模块分割417
21.2.1Logo与导航区417
21.2.2Banner与资讯区419
21..产品类别区域420
21.2.4页脚区域421
第22章制作移动设备类网页
22.1设计分析424
22.2结构分析424
2.主页面的制作425
22.4成品预览427

刘玉红，老师，在新疆大学主要负责计算机系的生实训，善于引导学生学习，让学校所学的知识和社会的需求很好地衔接，同时具有丰富的教学经验和开发经验。

前言
“实战从入门到精通”系列图书是专门为初学者量身定做的一套学习用书，由刘玉红策划，千谷网络科技实训中心的不错讲师编著，整套书涵盖高效办公、开发、数据库设计等方面。整套书具有以下特点。
前沿科技
无论是建设、数据库设计，还是HTML、CSS，我们都精选较为前沿或者用户群优选的领域推进，帮读者认识和了解动态。
的作者团队
组织重点实验室和资深应用专家联手编写本套图书，融合丰富的教学经验与的管理理念。
学习型案例设计
以技术的实际应用过程为主线，全程采用图解和同步多媒体结合的教学方式，生动、直观、全面地剖析使用过程中的各种应用技能，降低难度并提升学习效率。
为什么要写这样一本书
目前，HTML、CSS和JavaScript是网页制作和设计的黄金搭档。特别是HTML5的出现，大大减轻了前端开发者的工作量，降低了开发成本。目前学习和关注网页制作的人越来越多，而很多网页制作和设计的初学者都苦于找不到一本通俗易懂、容易入门和案例实用的参考书。通过本书的案例实训，学生可以很上流行的工具，提高职业能力，从而帮解决公司与学生的双重需求问题。
本书特色
 零基础入门
无论您从事计算机相关行业，接触过网页制作和设计，都能从本书中找到起点。
 超多、实用、专业的范例和项目
本书在编排上紧密结合深入学习网页制作技术的先后顺序，从HTML的基本概念开始，逐步深入学习各种应用技术，侧重实战技能，使用简单易懂的实际案例进行分析和操作指导，让读者轻松阅读，操作起来有章可循。
 随时检测自己的学习成果
每章首页中，均提供了学习要点，以指导读者重点学习及学后检查。
大部分章节的“跟我练练手”板块，均根据本章内容精选而成，读者可以随时检测自己的学习成果和实战能力，做到融会贯通。
 细致入微、贴心提示
本书在各章中使用了“注意”“提示”“技巧”等小栏目，使读者在学习过程中更清楚地了解相关操作、理解相关概念，并轻松掌握各种操作技巧。
 专业创作团队和技术支持
本书由千谷网络科技实训心提技术支持。您在学习过程中遇到任何问题，可加入群2176441进行提问，专业人员会在线答疑。
“网页制作和设计”学习途径
本书以学习“网页制作和设计”的制作流程来分配章节，从初的HTML基本概念开始讲解，然后讲解HTML5新技术、CSS美化网页技术、网页布局和JavaScript等，并在的项目实战环节特意补充了3个综合案例的制作过程，以便进一步提高读者的实战技能。

光盘
 全程同步教学录像
涵盖本书所有知识点，详细讲解每个实例和项目的过程及技术关键点，使读者能比看书更轻松地掌握书中所有的网页制作和设计知识，而且扩展的讲解部分能使您得到比书中更多的收获。
 超多容量资源大放送
大量资源，包括书中案例源代码、教学幻灯片、本书精品教学视频、88个实用类网页模板、精选的JavaScript实例、HTML5标记速查手册、CSS属速查表、JavaScript函数速查手册、CSS+DIV布局赏析案例、精彩配色方案赏析、网页样式与布局案例赏析、Web前端常见面试题等。
读者对象
没有任何网页设计基础的初学者。
有一定的HTML和CSS基础，想精通网页制作和设计的人员。
有一定的HTML和CSS基础，没有项目经验的人员。
正在进行设计的学生。
大专院校及培训学校的老师和学生。
创作团队
本书由刘玉红和蒲娟编写，参加编写的人员还有刘玉萍、周佳、付红、李园、郭广新、侯永岗、王攀登、刘海松、孙若淞、王月娇、包慧利、伟、胡同夫、梁云梁和周浩浩。在编写过程中，我们尽可能地将的讲解呈现给读者，但也难免有疏漏和不妥之处，敬请不吝指正。若您在学习中遇到困难或疑问，或有何建议，可写信至信箱357975357@qq.com。

    编  者