html入门到精通？网页设计html软件
大家好,今天小编来为大家解答以下的问题，关于html入门到精通，网页设计html软件这个很多人还不知道，现在让我们一起来看看吧！
HTML5从入门到精通的内容介绍
《HTML5从入门到精通》系统、全面地讲解了HTML语言及其最新版本HTML5的新功能与新特性，技术新颖实用。
目录
第1篇 HTML基础
第1章 HTML基础 3
教学录像：22分钟
1.1 HTML的基本概念 4
1.2 HTML发展史 4
1.3 HTML的基本结构 5
1.3.1 HTML文件的编写方法 5
1.3.2文件开始标签<html> 7
1.3.3文件头部标签<head> 7
1.3.4文件标题标签<title> 7
1.3.5文件主体标签<body> 7
1.3.6编写文件的注意事项 8
1.4编写第一个HTML文件 8
1.4.1 HTML文件的编写方法 8
1.4.2手工编写页面 9
1.4.3使用可视化软件制作页面 10
1.4.4使用浏览器浏览HTML文件 14
1.4.5使用HTML开发的明日图书网 14
1.5小结 15
1.6习题 16
第2章 HTML文件基本标记 17
教学录像：44分钟
2.1 HTML头部标记 18
2.2标题标记<title> 18
2.3元信息标记<meta> 19
2.3.1设置页面关键字 19
2.3.2设置页面描述 20
2.3.3设置编辑工具 20
2.3.4设定作者信息 21
2.3.5限制搜索方式 22
2.3.6设置网页文字及语言 22
2.3.7设置网页的定时跳转 23
2.3.8设定有效期限 24
2.3.9禁止从缓存中调用 24
2.3.10删除过期的cookie 25
2.3.11强制打开新窗口 25
2.3.12设置网页的过渡效果 26
2.4基底网址标记<base> 29
2.5页面的主体标记<body> 30
2.5.1设置文字颜色——text 31
2.5.2背景颜色属性——bgcolor 32
2.5.3背景图像属性——background 32
2.5.4设置链接文字属性——link 35
2.5.5设置边距——margin 37
2.6页面的注释标记 38
2.7实例演练——创建基本的HTML网页 38
2.8小结 39
2.9习题 40
第3章设计网页文本内容 41
教学录像：29分钟
3.1标题文字的建立 42
3.1.1标题文字标记<h> 42
3.1.2标题文字的对齐方式——align 43
3.2设置文字格式 44
3.2.1设置文字字体——face 44
3.2.2设置字号——size 45
3.2.3设置文字颜色——color 46
3.2.4粗体、斜体、下划线——strong、em、u 46
3.2.5上标与下标——sup、sub 47
3.2.6设置删除线——strike 48
3.2.7等宽文字标记——code 49
3.2.8空格—— 49
3.2.9其他特殊符号 50
3.3设置段落格式 51
3.3.1段落标记——p 51
3.3.2取消文字换行标记——nobr 52
3.3.3换行标记——br 53
3.3.4保留原始排版方式标记——pre 53
3.3.5居中对齐标记——center 54
3.3.6向右缩进标记——blockquote 55
3.4水平线标记 56
3.4.1添加水平线——hr 56
3.4.2设置水平线的宽度与高度
——width、height 57
3.4.3设置水平线的颜色——color 58
3.4.4设置水平线的对齐方式——align 59
3.4.5去掉水平线阴影——noshade 60
3.5其他文字标记 60
3.5.1文字标注标记——ruby 60
3.5.2声明变量标记——var 61
3.5.3忽视HTML标记
——plaintext、xmp 62
3.6小结 63
3.7习题 63
第4章使用列表 65
教学录像：35分钟
4.1列表的标记 66
4.2使用无序列表 66
4.2.1无序列表标记——ul 66
4.2.2无序列表的符号类型——type 67
4.3使用有序列表 69
4.3.1有序列表标记——ol 69
4.3.2有序列表的属性——type 70
4.3.3有序列表的起始数值——start 72
4.4定义列表标记——dl 73
4.5菜单列表标记——menu 74
4.6目录列表——dir 75
4.7使用嵌套列表 76
4.7.1定义列表的嵌套 77
4.7.2无序列表和有序列表的嵌套 78
4.8小结 79
4.9习题 80
第5章超链接 81
教学录像：22分钟
5.1超链接的基本知识 82
5.1.1超链接 82
5.1.2绝对路径 82
5.1.3相对路径 82
5.2超链接的建立 83
5.2.1超链接标记的基本语法 83
5.2.2建立文本超链接 83
5.2.3设置超链接的目标窗口 85
5.3内部链接 87
5.4书签链接 89
5.4.1建立书签 89
5.4.2链接到同一页面的书签 91
5.4.3链接到不同页面的书签 92
5.5外部链接 93
5.5.1通过HTTP协议 94
5.5.2通过FTP 94
5.5.3发送E-mail 95
5.5.4下载文件 96
5.6其他链接 98
5.6.1脚本链接 98
5.6.2空链接 99
5.7小结 99
5.8习题 100
第6章使用图像 101
教学录像：35分钟
6.1图像的基本格式 102
6.2添加图像——img 102
6.3设置图像属性 103
6.3.1图像高度——height 103
6.3.2图像宽度——width 104
6.3.3图像边框——border 105
6.3.4图像水平间距——hspace 107
6.3.5图像垂直间距——vspace 108
6.3.6图像相对于文字基准线的对齐方式
——align 108
6.3.7图像的提示文字——alt 110
6.4图像的超链接 111
6.4.1设置图像的超链接 111
6.4.2设置图像热区链接 112
6.5小结 116
6.6习题 116
第7章表格的应用 118
教学录像：48分钟
7.1创建表格 119
7.1.1表格的基本构成——table、tr、td 119
7.1.2表格的标题——caption 120
7.1.3表格的表头——th 121
7.2设置表格基本属性 123
7.2.1表格的宽度——width 123
7.2.2表格的高度——height 125
7.2.3表格的对齐方式——align 126
7.3设置表格的边框 127
7.3.1表格边框的宽度——border 127
7.3.2表格边框的颜色——bordercolor 128
7.3.3表格内框的宽度——cellspacing 130
7.3.4表格内文字与边框的间距
——cellpadding 131
7.4设置表格背景 132
7.4.1表格的背景颜色——bgcolor 132
7.4.2表格的背景图像——background 133
7.5设置表格的行属性 134
7.5.1高度的控制——height 134
7.5.2行的边框颜色——bordercolor 135
7.5.3行的背景颜色——bgcolor、background 136
7.5.4行文字的水平对齐方式——align 137
7.5.5行文字的垂直对齐方式——valign 139
7.5.6表格标题的垂直对齐方式——align 140
7.6调整单元格属性 141
7.6.1单元格大小——width、height 141
7.6.2单元格水平跨度——colspan 142
7.6.3单元格垂直跨度——rowspan 143
7.6.4单元格对齐方式——align、valign 144
7.6.5单元格的背景色 146
7.6.6单元格的边框颜色——bordercolor 147
7.6.7单元格的亮边框——bordercolorlight 148
7.6.8单元格的暗边框——bordercolordark 150
7.6.9单元格的背景图像——background 151
7.7表格的结构 152
7.7.1表格的表头标记——thead 153
7.7.2表格的表主体标记——tbody 154
7.7.3表格的表尾标记——tfoot 156
7.8表格的嵌套 157
7.9小结 159
7.10习题 159
第8章层标记——div 161
教学录像：33分钟
8.1层 162
8.1.1层的分类 162
8.1.2定义数据块 162
8.2<div>标签 163
8.2.1<div>标签的简介 163
8.2.2<div>标签的属性 164
8.2.3<span>标签与<div>标签 170
8.3<iframe>标签 172
8.3.1<iframe>标签的简介 172
8.3.2<iframe>标签的属性 172
8.4<layer>标签和<ilayer>标签 174
8.4.1标签层的使用 175
8.4.2<layer>标签和<ilayer>标签的区别 176
8.5应用div制作下拉菜单导航条 176
8.6小结 179
8.7习题 179
第9章编辑表单 181
教学录像：26分钟
9.1使用表单标签——form 182
9.1.1处理动作——action 182
9.1.2表单名称——name 183
9.1.3传送方法——method 183
9.1.4编码方式——enctype 184
9.1.5目标显示方式——target 185
9.2添加控件 185
9.3输入类的控件 186
9.3.1文字字段——text 186
9.3.2密码域——password 187
9.3.3单选按钮——radio 188
9.3.4复选框——checkbox 189
9.3.5普通按钮——button 190
9.3.6提交按钮——submit 191
9.3.7重置按钮——reset 192
9.3.8图像域——image 193
9.3.9隐藏域——hidden 195
9.3.10文件域——file 195
9.4列表/菜单标记 197
9.5文本域标记——textarea 198
9.6id标记 199
9.7小结 200
9.8习题 200
第10章多媒体页面 202
视频讲解：18分钟
10.1设置滚动文字 203
10.1.1滚动文字标签——marquee 203
10.1.2滚动方向属性——direction 203
10.1.3滚动方式属性——behavior 204
10.1.4滚动速度属性——scrollamount 205
10.1.5滚动延迟属性——scrolldelay 206
10.1.6滚动循环属性——loop 207
10.1.7滚动范围属性——width、height 208
10.1.8滚动背景颜色属性——bgcolor 209
10.1.9滚动空间属性——hspace、vspace 209
10.2添加背景音乐 211
10.2.1设置背景音乐——bgsound 211
10.2.2设置循环播放次数——loop 212
10.3添加多媒体文件 213
10.3.1添加多媒体文件标记——embed 213
10.3.2设置自动运行——autostart 214
10.3.3设置媒体文件的循环播放——loop 215
10.3.4隐藏面板——hidden 216
10.3.5添加其他类型的媒体文件 217
10.4小结 217
10.5习题 218
第2篇 HTML 5高级应用
第11章 HTML 5的新特性 221
视频讲解：6分钟
11.1谁在开发HTML 5 222
11.2 HTML 5的新认识 222
11.2.1兼容性 222
11.2.2实用性和用户优先 222
11.2.3化繁为简 223
11.3无插件范式 223
11.4 HTML 5的新特性 224
11.5小结 224
第12章 HTML 5与HTML 4的区别 225
视频讲解：51分钟
12.1语法的改变 226
12.1.1 HTML 5的语法变化 226
12.1.2 HTML 5中的标记方法 226
12.1.3 HTML 5语法中的3个要点 227
12.1.4标签实例 228
12.2新增的元素和废除的元素 228
12.2.1新增的结构元素 228
12.2.2新增的块级的语义元素 230
12.2.3新增的行内的语义元素 231
12.2.4新增的嵌入多媒体元素与交互性元素 231
12.2.5新增的input元素的类型 232
12.2.6废除的元素 233
12.3新增的属性和废除的属性 234
12.3.1新增的属性 234
12.3.2废除的属性 236
12.4全局属性 237
12.4.1 contentEditable属性 237
12.4.2 designMode属性 238
12.4.3 hidden属性 239
12.4.4 spellcheck属性 239
12.4.5 tabindex属性 240
12.5小结 240
12.6习题 240
第13章 HTML 5的结构 242
视频讲解：20分钟
13.1新增的主体结构元素 243
13.1.1 article元素 243
13.1.2 section元素 245
13.1.3 nav元素 247
13.1.4 aside元素 248
13.1.5 time元素 250
13.1.6 pubdate属性 250
13.2新增的非主体结构元素 251
13.2.1 header元素 251
13.2.2 hgroup元素 252
13.2.3 footer元素 252
13.2.4 address元素 253
13.3小结 253
13.4习题 254
第14章 HTML 5中的表单 255
视频讲解：50分钟
14.1新增表单元素与属性 256
14.1.1新增的属性 256
14.1.2增加与改良的input元素的种类 259
14.1.3 output元素的添加 264
14.1.4应用新增元素制作注册表单 264
14.2对表单的验证 266
14.2.1自动验证 266
14.2.2 checkValidity显式验证法 267
14.2.3避免验证 268
14.2.4使用setCustomValidity方法自定义
错误信息 268
14.3增加的页面元素 269
14.3.1新增的figure元素 270
14.3.2新增的details元素 271
14.3.3新增的mark元素 272
14.3.4新增的progress元素 274
14.3.5新增的meter元素 275
14.3.6改良的ol列表 276
14.3.7改良的dl列表 276
14.3.8加以严格限制的cite元素 277
14.3.9重新定义的small元素 278
14.4小结 278
14.5习题 279
第15章 HTML 5中的文件与拖放 280
视频讲解：40分钟
15.1选择文件 281
15.1.1通过file对象选择文件 281
15.1.2使用blob接口获取文件的类型与大小 282
15.1.3通过类型过滤选择的文件 283
15.2使用FileReader接口读取文件 285
15.2.1检测浏览器是否支持FileReader接口 285
15.2.2FileReader接口的方法 285
15.2.3使用readAsDataURL方法预览图片 286
15.2.4使用readAsText方法读取文本文件 287
15.2.5FileReader接口中的事件 288
15.3拖放API 290
15.3.1实现拖放的步骤 290
15.3.2通过拖放显示欢迎信息 291
15.4 dataTransfer对象应用详解 293
15.4.1使用effectAllowed和dropEffect属性
设置拖放效果 293
15.4.2使用setDragImage方法设置拖放图标 294
15.5小结 295
15.6习题 295
第16章多媒体播放 296
视频讲解：35分钟
16.1 HTML 5多媒体的简述 297
16.1.1 HTML 4中多媒体的应用 297
16.1.2 HTML 5页面中的多媒体 297
16.2多媒体元素基本属性 298
16.3多媒体元素常用方法 302
16.3.1媒体播放时的方法 302
16.3.2 canPlayType(type)方法 304
16.4多媒体元素重要事件 304
16.4.1事件处理方式 304
16.4.2事件介绍 305
16.4.3事件实例 306
16.5小结 308
16.6习题 309
第17章绘制图形 310
视频讲解：1小时32分钟
17.1 canvas的基础知识 311
17.1.1 canvas是什么 311
17.1.2在页面中放置canvas元素 311
17.1.3绘制带边框的矩形 312
17.2在画布中使用路径 314
17.2.1使用arc方法绘制圆形 314
17.2.2使用moveTo与lineTo路径绘制火柴人 316
17.2.3贝塞尔和二次方曲线 317
17.3运用样式与颜色 319
17.3.1 fillStyle和 strokeStyle属性 319
17.3.2透明度 globalAlpha 321
17.3.3线型 Line styles 323
17.4绘制渐变图形 325
17.4.1绘制线性渐变 325
17.4.2绘制径向渐变 326
17.5绘制变形图形 328
17.5.1坐标的变换 328
17.5.2矩阵变换 330
17.6组合多个图形 333
17.7给图形绘制阴影 335
17.8应用图像 336
17.8.1绘制图像 336
17.8.2图像的局部放大 338
17.8.3图像平铺 339
17.8.4图像裁剪 341
17.8.5像素的处理 342
17.9绘制文字 344
17.10保存与恢复状态 345
17.11文件的保存 346
17.12对画布绘制实现动画 347
17.13综合实例——桌面时钟 348
17.14小结 350
17.15习题 351
第18章数据存储 352
视频讲解：50分钟
18.1初识Web Storage 353
18.1.1什么是Web Storage 353
18.1.2使用Web Storage中的API 353
18.1.3 sessionStorage和localStorage的实例
——计数器 355
18.1.4 Web Storage综合实例——留言本 357
18.1.5 JSON对象的存数实例——用户信息卡 359
18.2本地数据库 361
18.2.1 Web SQL数据库简介 361
18.2.2使用Web SQL Database API 362
18.2.3本地数据库实例——用户登录 363
18.3小结 367
18.4习题 367
第19章离线应用程序 368
视频讲解：13分钟
19.1 HTML 5离线Web应用概述 369
19.1.1离线Web应用概述 369
19.1.2本地缓存与浏览器网页缓存的区别 370
19.2创建HTML 5离线应用 370
19.2.1缓存清单（manifest） 370
19.2.2配置IIS服务器 372
19.2.3浏览缓存清单 372
19.3浏览器与服务器的交互过程 373
19.4 applicationCache对象 374
19.4.1 swapCache方法 375
19.4.2 applicationCache对象的事件 376
19.5小结 379
19.6习题 379
第20章使用Web Worker处理线程 380
视频讲解：25分钟
20.1 Web Worker概述 381
20.1.1创建和使用Worker 381
20.1.2 Web Worker应用实例——求和运算 382
20.2在Worker内部能做什么 383
20.3多个JavaScript文件的加载与执行 384
20.4线程嵌套 384
20.4.1单层嵌套 385
20.4.2在多个子线程中进行数据的交互 387
20.5小结 390
20.6习题 390
第21章通信API 391
视频讲解：4分钟
21.1跨文档消息通信 392
21.1.1使用postMessageAPI 392
21.1.2跨文档消息传输 392
21.2小结 394
第22章获取地理位置信息 395
视频讲解：12分钟
22.1 Geolocation API的概述 396
22.1.1使用getCurrentPosition方法获取
当前地理位置 396
22.1.2持续监视当前地理位置的信息 398
22.1.3停止获取当前用户的地理位置信息 398
22.2 position对象 398
22.3在google地图上显示“我在这里” 399
22.4小结 401
22.5习题 401
第3篇 HTML 5项目实战
第23章旅游信息网前台页面 405
视频讲解：20分钟
HTML+CSS网页设计与布局从入门到精通的目录
第1部分HTML基础篇
第1章网页设计基础知识3
1.1基础概念3
1.2网页与HTML语言4
1.3Web标准：结构、表现与行为5
1.3.1标准的重要性5
1.3.2“Web标准”概述6
1.4初步理解网页设计与开发的过程7
1.4.1基本任务与角色7
1.4.2明确网站定位8
1.4.3收集信息和素材8
1.4.4策划栏目内容8
1.4.5设计页面方案9
1.4.6制作页面9
1.4.7实现后台功能9
1.4.8整合与测试网站10
1.5与设计相关的技术因素10
1.6本章小结12
第2章HTML网页文档结构13
2.1HTML简介13
2.1.1创建第一个HTML文件13
2.1.2HTML文件结构15
2.2简单的HTML案例16
2.3网页源文件的获取18
2.3.1直接查看源文件19
2.3.2保存网页19
2.4辅助：利用Dreamweaver快速建立基本文档20
2.5本章小结24
第3章用HTML设置文本和图像25
3.1文本排版25
3.1.1实现段落与段内换行(p和br)25
3.1.2设置标题(h1～h6)27
3.1.3使文字水平居中(center)27
3.1.4设置文字段落的缩进(blockquote)29
3.2设置文字列表29
3.2.1建立无序列表(ul)29
3.2.2建立有序列表(ol)30
3.3HTML标记与HTML属性31
3.3.1用align属性控制段落的水平位置31
3.3.2用bgcolor属性设置背景颜色32
3.3.3设置文字的特殊样式34
3.3.4设置文字的大小和颜色(font)35
3.4忘记过时的HTML标记和属性35
3.5特殊文字符号36
3.6在网页中使用图像(img)38
3.6.1网页中的图片格式38
3.6.2一个简单的图片网页38
3.6.3使用路径39
3.7用width和height属性设置图片的尺寸41
3.8用alt属性为图像设置替换文本43
3.9辅助：利用Dreamweaver设置文本和图像43
3.10辅助：利用Dreamweaver代码视图提高效率47
3.10.1代码提示47
3.10.2代码折叠49
3.10.3使用拆分视图对代码快速定位49
3.11本章小结50
第4章用HTML建立超链接(a)51
4.1设置基本文字超链接51
4.1.1URL的格式51
4.1.2URL的类型52
4.2设置页面内部的特定目标的链接53
4.3设置图片的超链接54
4.4设置电子邮件链接54
4.5设置以新窗口显示链接页面55
4.6创建热点区域55
4.6.1用HTML建立热点区域(map和area)56
4.6.2辅助：利用Dreamweaver精确定位热点区域57
4.7框架之间的链接59
4.7.1建立框架与框架集(frame和frameset)59
4.7.2用cols属性将窗口分为左右两部分60
4.7.3用rows属性将窗口分为上中下三部分60
4.7.4框架的嵌套61
4.7.5用src属性在框架中插入网页61
4.7.6用src属性在框架之间链接62
4.7.7创建嵌入式框架(iframe)64
4.8链接增多后网站的组织结构与维护65
4.9本章小结66
第5章用HTML创建表格67
5.1表格基本结构(table)67
5.2合并单元格68
5.2.1用colspan属性左右合并单元格68
5.2.2用rowspan属性上下合并单元格69
5.3用align属性设置对齐方式70
5.4用bgcolor属性设置表格背景色和边框颜色71
5.5用cellpadding属性和cellspacing属性设定距离72
5.6完整的表格标记(thead、tbody和tfoot)73
5.7需要抛弃的方法：用表格进行页面布局75
5.8本章小结78
第2部分CSS基础篇
第6章(X)HTML与CSS概述81
6.1HTML与XHTML81
6.1.1追根溯源81
6.1.2DOCTYPE(文档类型)的含义与选择82
6.1.3XHTML与HTML的重要区别83
6.2(X)HTML与CSS84
6.2.1CSS标准85
6.2.2传统HTML的缺点85
6.2.3CSS的引入86
6.2.4如何编辑CSS88
6.2.5浏览器与CSS89
6.3本章小结90
第7章CSS核心基础91
7.1构造CSS规则91
7.2基本CSS选择器92
7.2.1标记选择器92
7.2.2类别选择器93
7.2.3ID选择器95
7.3在HTML中使用CSS的方法96
7.3.1行内样式96
7.3.2内嵌式97
7.3.3链接式98
7.3.4导入样式99
7.3.5各种方式的优先级问题100
7.4本章小结102
第8章手工编写与借助工具103
8.1从零开始103
8.2设置标题104
8.3控制图片105
8.4设置正文106
8.5设置整体页面106
8.6对段落进行分别设置107
8.7完整代码108
8.8CSS的注释109
8.9辅助：使用Dreamweaver创建页面109
8.10辅助：在Dreamweaver中新建CSS规则110
8.11辅助：在Dreamweaver中编辑CSS规则112
8.12为图像创建CSS规则114
8.13本章小结116
第9章CSS的高级特性117
9.1复合选择器117
9.1.1“交集”选择器117
9.1.2“并集”选择器118
9.1.3后代选择器120
9.2CSS的继承特性122
9.2.1继承关系122
9.2.2CSS继承的运用123
9.3CSS的层叠特性125
9.4本章小结126
第10章用CSS设置文本样式127
10.1长度单位127
10.2颜色定义128
10.3准备页面129
10.4设置文字的字体129
10.5设置文字的倾斜效果130
10.6设置文字的加粗效果131
10.7英文字母大小写转换132
10.8控制文字的大小133
10.9文字的装饰效果133
10.10设置段落首行缩进134
10.11设置字词间距135
10.12设置段落内部的文字行高136
10.13设置段落之间的距离136
10.14控制文本的水平位置137
10.15设置文字与背景的颜色138
10.16设置段落的垂直对齐方式138
10.16.1使用line-height属性进行设置138
10.16.2更通用的解决方案139
10.17本章小结140
第11章用CSS设置图像效果141
11.1设置图片边框141
11.1.1基本属性141
11.1.2为不同的边框分别设置样式142
11.2图片缩放144
11.3图文混排145
11.3.1文字环绕145
11.3.2设置图片与文字的间距146
11.4案例——八大行星科普网页147
11.5设置图片与文字的对齐方式150
11.5.1横向对齐方式150
11.5.2纵向对齐方式151
11.6本章小结154
第12章用CSS设置背景颜色与图像155
12.1设置背景颜色155
12.2设置背景图像156
12.3设置背景图像平铺157
12.4设置背景图像位置159
12.5设置背景图片位置固定162
12.6设置标题的图像替换163
12.7使用滑动门技术的标题166
12.8本章小结168
第3部分CSS高级篇
第13章CSS盒子模型171
13.1“盒子”与“模型”的概念探究171
13.2边框(border)172
13.2.1设置边框样式(border-style)173
13.2.2属性值的简写形式174
13.2.3边框与背景176
13.3设置内边距(padding)177
13.4设置外边距(margin)178
13.5盒子之间的关系179
13.5.1HTML与DOM180
13.5.2标准文档流183
13.5.3div标记与span标记184
13.6盒子在标准流中的定位原则187
13.6.1行内元素之间的水平margin187
13.6.2块级元素之间的竖直margin188
13.6.3嵌套盒子之间的margin189
13.6.4margin属性可以设置为负值191
13.7思考题192
13.8本章小结196
第14章盒子的浮动与定位197
14.1盒子的浮动197
14.1.1准备代码197
14.1.2案例1——设置第1个浮动的div199
14.1.3案例2——设置第2个浮动的div199
14.1.4案例3——设置第3个浮动的div199
14.1.5案例4——改变浮动的方向200
14.1.6案例5——再次改变浮动的方向200
14.1.7案例6——全部向左浮动201
14.1.8案例7——使用clear属性清除浮动的影响202
14.1.9案例8——扩展盒子的高度203
14.2盒子的定位204
14.2.1静态定位(static)204
14.2.2相对定位(relative)205
14.2.3绝对定位(absolute)209
14.2.4固定定位(fixed)214
14.3z-index空间位置214
14.4盒子的display属性215
14.5本章小结216
第15章用CSS设置表格样式217
15.1控制表格217
15.1.1表格中的标记217
15.1.2设置表格的边框219
15.1.3确定表格的宽度222
15.1.4其他与表格相关的标记223
15.2美化表格224
15.2.1搭建HTML结构224
15.2.2整体设置225
15.2.3设置单元格样式226
15.2.4斑马纹效果227
15.2.5设置列样式227
15.3设置鼠标指针经过时整行变色提示的表格232
15.3.1在Firefox和IE 7中实现鼠标指针经过时整行变色232
15.3.2在IE 6中实现鼠标指针经过时整行变色233
15.3.3最终合并代码234
15.4辅助：使用jQuery实现更多效果236
15.4.1用jQuery实现斑马纹效果237
15.4.2用jQuery实现“前3行”特殊样式239
15.4.3用jQuery实现渐变背景色表格效果240
15.4.4用jQuery实现鼠标指针经过变色效果241
15.5案例——日历241
15.5.1搭建HTML结构241
15.5.2设置整体样式和表头样式244
15.5.3设置日历单元格样式245
15.6本章小结248
第16章用CSS设置链接与导航菜单249
16.1丰富的超链接特效250
16.2创建按钮式超链接252
16.3制作荧光灯效果的菜单253
16.3.1HTML框架254
16.3.2设置容器的CSS样式254
16.3.3设置菜单项的CSS样式255
16.4控制鼠标指针257
16.5设置项目列表样式257
16.5.1列表的符号258
16.5.2图片符号260
16.6创建简单的导航菜单261
16.6.1简单的竖直排列菜单261
16.6.2横竖自由转换菜单264
16.7设置图片翻转效果265
16.8应用滑动门技术的玻璃效果菜单266
16.8.1基本思路266
16.8.2设置菜单整体效果267
16.8.3使用“滑动门”技术设置玻璃材质背景268
16.8.4进一步解决的问题269
16.9鼠标指针经过时给图片增加边框270
16.10本章小结272
第17章用CSS建立表单273
17.1表单的用途和原理273
17.2表单输入类型274
17.2.1文本输入框274
17.2.2单选按钮274
17.2.3复选按钮275
17.2.4密码输入框275
17.2.5按钮276
17.2.6多行文本框277
17.2.7列表框277
17.3CSS与表单278
17.3.1表单中的元素278
17.3.2像文字一样的按钮281
17.3.3多彩的下拉菜单283
17.4案例——“数独”游戏网页284
17.4.1搭建基本表格285
17.4.2设置表格样式286
17.4.3加入文本输入框287
17.4.4设置文本输入框的样式287
17.5对齐文本框和旁边的图像按钮289
17.6本章小结290
第18章网页样式综合案例——灵活的电子相册291
18.1搭建框架291
18.2阵列模式293
18.3单列模式298
18.4改进阵列模式301
18.5IE 6兼容304
18.6双向联动模式306
18.6.1在Firefox中实现306
18.6.2IE 6兼容311
18.6.3改变方向312
18.7本章小结314
第4部分CSS布局篇
第19章固定宽度布局剖析与制作317
19.1向报纸学习排版思想317
19.2CSS排版观念319
19.2.1两列布局320
19.2.2三列布局320
19.2.3多列布局321
19.2.4布局结构的表达式与结构图321
19.3圆角框325
19.3.1准备图像325
19.3.2搭建HTML结构326
19.3.3放置背景图像328
19.3.4设置样式并修复缺口329
19.4单列布局330
19.4.1放置第一个圆角框331
19.4.2设置圆角框的CSS样式331
19.4.3放置其他圆角框334
19.5“1-2-1”固定宽度布局335
19.5.1准备工作336
19.5.2绝对定位法337
19.5.3浮动法339
19.6“1-3-1”固定宽度布局341
19.7“1-((1-2)+1)-1”固定宽度布局343
19.8本章小结344
第20章变宽度网页布局剖析与制作345
20.1“1-2-1”变宽度网页布局345
20.1.1“1-2-1”等比例变宽布局345
20.1.2“1-2-1”单列变宽布局348
20.2“1-3-1”宽度适应布局352
20.2.1“1-3-1”三列宽度等比例布局352
20.2.2“1-3-1”单侧列宽度固定的变宽布局352
20.2.3“1-3-1”中间列宽度固定的变宽布局353
20.2.4进一步的思考355
20.2.5“1-3-1”双侧列宽度固定的变宽布局356
20.2.6“1-3-1”中列和侧列宽度固定的变宽布局358
20.3变宽布局方法总结359
20.4分列布局背景色问题360
20.4.1设置固定宽度布局的列背景色360
20.4.2设置特殊宽度变化布局的列背景色364
20.4.3设置单列宽度变化布局的列背景色364
20.5CSS排版与传统的表格方式排版的分析365
20.6浏览器的兼容性问题368
20.7CSS布局页面的调试技巧368
20.7.1技巧1：设置背景色或者边框，确定错误范围369
20.7.2技巧2：删除无关代码，暴露核心矛盾369
20.7.3技巧3：先用Firefox调试，然后使它兼容IE369
20.7.4技巧4：善于利用工具，提高调试效率370
20.7.5技巧5：善于提问，寻求帮助370
20.8本章小结370
第21章网页布局综合案例——儿童用品网上商店371
21.1案例概述371
21.2内容分析372
21.3HTML结构设计374
21.4原型设计377
21.5页面方案设计380
21.6布局设计383
21.6.1整体样式设计383
21.6.2页头部分384
21.6.3内容部分386
21.6.4页脚部分389
21.7细节设计389
21.7.1页头部分389
21.7.2内容部分395
21.7.3左侧的主要内容列395
21.7.4右边栏398
21.8CSS布局的优点402
21.9交互效果设计403
21.9.1次导航栏403
21.9.2主导航栏404
21.9.3账号区404
21.9.4图像边框405
21.9.5产品分类407
21.10遵从Web标准的设计流程407
21.11从“网页”到“网站”408
21.11.1历史回顾408
21.11.2不完善的办法408
21.11.3服务器出场409
21.11.4CMS出现409
21.11.5具体操作409
21.12本章小结410
附录A网站发布与管理411
A.1在Internet上建立自己的Web站点411
A.1.1制作网站内容411
A.1.2申请域名411
A.1.3信息发布411
A.2租用虚拟主机空间412
A.2.1了解基本的技术名词412
A.2.2选择和租用虚拟主机413
A.3向服务器上传网站内容414
A.3.1使用Dreamweaver上传文件414
A.3.2使用IE浏览器上传文件415
A.3.3使用专业FTP工具上传文件416
A.4网站管理418
A.4.1修改密码418
A.4.2集团邮箱管理419
A.4.3注意事项420
附录BCSS英文小字典421
HTML5从入门到精通必备哪些技能
主要需要掌握以下知识点：
首先，了解HTML5可以实现的功能有哪儿些？
1. HTML5可以同时在多种设备上运行，这是其他方式都无法做到的；
2.在互联网中随意被分享，并且搜索时可以及时被找到；
3. HTML5应用可以使用交互式设计来提供最佳体验，而不需要更改代码。你可以从桌面到手机到平板电脑无缝进行切换，而无需重复安装不同的应用；
4. HTML5适用于多厂商标准，建立在协议之上，是众多公司努力的结果。
其次，了解一下HTML5主要有哪些特征？
1. HTML5有本地存储的特征，基于HTML5开发的网页APP拥有更短的启动时间，更快的联网速度，这些全得益于HTML5 APP Cache，以及本地存储功能。
2.利用HTML5非常方便的在网页上添加视频和音频，不需要很复杂的代码，就能打造一款功能齐全的HTML5播放器。
3. CSS3的使用可以提供更多的CSS属性，可以制作更加丰富的渲染效果。
除了以上基本知识点以外，还需要掌握：HTML5的前端技术也是必备的，其中包括：CSS、HTML、DOM、javascript、Ajax，jquery，Vue，jquery- mobile，zepto等，在掌握这些技术的同时，还要清楚地了解它们在不同浏览器上的兼容情况、渲染原理以及存在的各种Bug。
文章分享结束，html入门到精通和网页设计html软件的答案你都知道了吗？欢迎再次光临本站哦！