HTML5+CSS3 WEB前端开发(第2版)

第1章Web前端开发概述1
1.1Web前端开发与网页设计1
1.1.1网页的概念和本质1
1.1.2网页设计的两个基本问题2
1.1.3网页结构语言——HTML3
1.2网站的创建和制作流程4
1.2.1网站的特征4
1.2.2网站的开发步骤5
1.2.3网站的开发工具7
1.2.4在DW中建立站点8
1.3Web服务器与浏览器9
1.3.1Web服务器的作用9
1.3.2浏览器的种类和作用10
1.4URL与域名11
习题13第2章HTML514
2.1HTML概述14
2.1.1HTML文档的结构14
2.1.2DW的开发界面15
2.1.3使用DW新建HTML文件16
2.1.4HTML标记16
2.1.5常见的HTML标记及属性17
2.2创建文本和图像18
2.2.1创建文本和列表18
2.2.2插入图像20
2.3利用DW代码视图提高效率21
2.3.1代码提示22
2.3.2代码快速定位22
2.3.3DW中的常用快捷键23
2.4创建超链接23
2.4.1超链接标记24
2.4.2绝对URL与相对URL26
2.4.3超链接的种类27
2.4.4超链接目标的打开方式28
2.4.5超链接制作的原则29
2.4.6DW中超链接“属性”面板的使用29
2.5插入多媒体元素及嵌入网页30
2.5.1HTML5的视音频功能30
2.5.2嵌入式框架标记32
2.6头部标记33
2.7HTML元素的概念34
2.7.1行内元素和块级元素35
2.7.2和标记35
2.8HTML5的改进36
2.8.1HTML5新增的标记36
2.8.2HTML5语法的改进38
2.8.3HTML5的绘图功能39
习题41第3章CSS3语法基础43
3.1CSS基础43
3.1.1CSS的语法43
3.1.2在HTML中引入CSS的方法44
3.1.3选择器的分类45
3.1.4CSS文本修饰48
3.2CSS的特性49
3.2.1CSS的层叠性49
3.2.2CSS的继承性51
3.2.3选择器的组合53
3.3CSS高级选择器56
3.3.1关系选择器56
3.3.2属性选择器58
3.3.3伪类选择器59
3.3.4使用过渡属性配合动态伪类效果62
3.3.5伪元素选择器65
3.4CSS设计和书写技巧67
3.4.1CSS样式总体设计原则67
3.4.2DW对CSS的可视化编辑支持68
3.4.3CSS的值和单位70
3.4.4网页中的字体71
3.4.5字体图标技术73
3.5Web标准74
3.5.1传统HTML的缺点75
3.5.2Web标准的含义75
3.5.3Web标准的优势77
习题78第4章CSS盒子模型80
4.1盒子模型及其属性80
4.1.1盒子模型概述80
4.1.2边框border属性81
4.1.3圆角borderradius属性83
4.1.4图像边框borderimage属性85
4.1.5padding和margin属性86
4.2标准流下的定位及应用88
4.2.1标准流下的定位原则88
4.2.2margin合并现象90
4.2.3盒子模型的应用92
4.2.4Chrome浏览器的调试功能94
4.3背景的运用95
4.3.1CSS的背景属性95
4.3.2背景的基本运用技术99
4.3.3滑动门技术102
4.3.4背景图像的翻转107
4.3.5传统圆角效果108
4.4CSS3样式美化功能109
4.4.1阴影和发光效果109
4.4.2渐变效果112
4.4.3描边效果116
4.4.4遮罩效果116
4.5变形与动画效果118
4.5.1平面变形效果118
4.5.23D变换效果122
4.5.3animation动画效果126
习题128第5章CSS布局130
5.1浮动130
5.1.1盒子浮动后的特点130
5.1.2清除浮动元素的影响132
5.1.3清除浮动影响的方法133
5.2浮动的应用举例135
5.2.1图文混排及首字下沉效果135
5.2.2水平导航条137
5.2.3新闻栏目框138
5.2.4微博对话框141
5.3相对定位142
5.3.1定位属性和偏移属性142
5.3.2相对定位的特点142
5.3.3相对定位的应用举例143
5.4绝对定位和固定定位145
5.4.1绝对定位145
5.4.2绝对定位的应用举例147
5.4.3固定定位155
5.4.4与定位属性有关的CSS属性155
5.4.5overflow属性157
5.4.6verticalalign属性159
5.5CSS分栏布局160
5.5.1分栏布局的种类161
5.5.2网页居中的方法161
5.5.3131版式网页布局162
5.5.4121可变宽度布局165
5.5.5CSS两列布局案例167
5.5.6HTML5文档结构标记172
5.5.7HTML5网页布局案例173
5.6CSS3新增的布局方式177
5.6.1弹性盒布局177
5.6.2分栏布局180
习题182第6章表格与表单184
6.1创建表格184
6.1.1表格标记184
6.1.2表格行和单元格标记185
6.1.3在Dreamweaver中操作表格的方法188
6.1.4制作固定宽度的表格189
6.1.5特殊效果表格的制作190
6.2使用CSS美化表格192
6.2.1边框和背景的美化192
6.2.2隔行变色效果192
6.3创建表单193
6.3.1标记及其属性194
6.3.2标记196
6.3.3和标记199
6.3.4多行文本域标记199
6.3.5表单数据的传递过程200
6.3.6表单中的按钮201
6.3.7表单的辅助标记202
6.3.8HTML5新增的表单标记和属性202
6.4美化表单206
6.4.1搜索框206
6.4.2用户登录表单207
6.4.3用户注册表单209
习题211第7章响应式网页设计213
7.1响应式网页的基本技术213
7.1.1媒体查询213
7.1.2流式布局215
7.1.3自适应图片217
7.1.4一列变宽一列固定的效果218
7.1.5响应式网页的头部代码设置219
7.1.6CSS变量220
7.2响应式布局的网站实例221
7.2.1页面总体布局的实现222
7.2.2页头的设计223
7.2.3响应式导航条的制作224
7.2.4响应式栏目的制作226
习题227第8章JavaScript及其框架228
8.1JavaScript的代码结构228
8.2JavaScript的事件编程229
8.2.1JavaScript语言基础229
8.2.2常用JavaScript事件230
8.2.3事件监听程序231
8.3JavaScript DOM编程233
8.3.1动态效果的实现233
8.3.2获取指定元素234
8.3.3访问元素的CSS属性235
8.3.4访问元素的内容236
8.4使用浏览器对象237
8.5jQuery基础240
8.5.1jQuery的功能和使用240
8.5.2jQuery中的“$”241
8.5.3jQuery对象与DOM对象245
8.5.4jQuery的选择器246
8.5.5jQuery的事件绑定247
8.5.6jQuery中的常用方法248
8.5.7jQuery应用举例249
8.6Vue基础251
8.6.1简单的Vue程序252
8.6.2Vue绑定数据实现动态效果254
8.6.3vif和vfor指令257
习题261第9章Bootstrap响应式网页设计264
9.1Bootstrap的使用264
9.1.1下载和引用Bootstrap框架264
9.1.2Bootstrap栅格系统266
9.1.3栅格系统列的调整268
9.2Bootstrap中的网页组件274
9.2.1基于组件的网页制作方法274
9.2.2导航条275
9.2.3轮播插件279
9.2.4选项卡面板282
9.2.5媒体对象284
9.2.6折叠面板组286
9.2.7提示框与弹出框287
9.2.8模态弹窗289
9.3Bootstrap网页重构实例290
习题293附录A实验294参考文献298