当前位置首页 > 百科> 正文

HTML5 CSS3 Web前端开发

2019-08-10 08:25:52 百科
HTML5 CSS3 Web前端开发

HTML5 CSS3 Web前端开发

《HTML5+CSS3 Web前端开发》是2018年5月清华大学出版社出版的图书,作者是唐四薪。 书中的图片和代码都採用版面压缩形式,既能保证读者看懂,又能使读者加快阅读速度,不被无关代码干扰阅读。

本书源程式实例多达230余个,全部按章编号,并且在书中都标明了程式编号,使读者能在配套素材中快速找到源程式,本书为教师提供了多年修改后精心製作的课件。

基本介绍

  • 书名:HTML5+CSS3 Web前端开发
  • 作者:唐四薪
  • ISBN:9787302491927
  • 类别:计算机
  • 页数:320
  • 定价:49
  • 出版社:清华大学出版社
  • 出版时间:2018年5月
  • 开本:16开

主要内容

本书全面介绍了基于HTML5+CSS3的Web前端开发技术,在叙述有关原理时安排了大量的相关实例。本书分为9章,内容包括Web前端开发概述,HTML,HTML5与Web标準,CSS样式美化,CSS布局,表格与表单,回响式网页设计,JavaScript与jQuery基础,Bootstrap回响式网页设计等。附录中安排了作为课程教学的实验。

目 录

第1章Web前端开发概述/1
1.1Web前端开发与网页设计/1
1.1.1网页的概念和本质/1
1.1.2网页设计的两个基本问题/2
1.1.3网页设计语言——HTML简介/3
1.1.4网页製作软体/4
1.2网站的创建和製作流程/5
1.2.1网站的特徵/5
1.2.2网站的开发步骤/6
1.2.3在Dreamweaver中建立站点/8
1.3Web伺服器与浏览器/10
1.3.1Web伺服器的作用/11
1.3.2浏览器的种类和作用/11
1.4URL与域名/13
习题1/14
第2章HTML/15
2.1HTML概述/15
2.1.1HTML文档的结构/15
2.1.2Dreamweaver的开发界面/16
2.1.3使用DW新建HTML档案/17
2.1.4HTML标记/17
2.1.5常见的HTML标记及属性/18
2.2在网页中添加文本和图像/19
2.2.1创建文本和列表/19
2.2.2插入图像/21
2.3利用DW代码视图提高效率/22
2.3.1代码提示/23
2.3.2代码快速定位/23
2.3.3DW中的常用快捷键/24
2.4创建超连结/25
2.4.1超连结标记<a>/25
2.4.2绝对URL与相对URL/27
2.4.3超连结的种类/28
2.4.4超连结目标的打开方式/30
2.4.5超连结製作的原则/30
2.4.6DW中超连结属性面板的使用/31
2.5插入Flash及嵌入其他网页/32
2.5.1插入Flash/32
2.5.2嵌入式框架标记<iframe>/33
2.6头部标记/34
习题/35
第3章HTML5与Web标準/36
3.1HTML5的改进/36
3.1.1HTML5新增的标记/36
3.1.2HTML5语法的改进/38
3.1.3HTML5的视音频功能/39
3.1.4HTML5的绘图功能/41
3.2Web标準/44
3.2.1传统HTML的缺点/44
3.2.2Web标準的含义/45
3.2.3Web标準的优势/47
3.3HTML元素的概念/47
3.3.1行内元素和块级元素/48
3.3.2<div>和<span>标记/48
习题/49
第4章CSS样式美化/50
4.1CSS基础/50
4.1.1CSS的语法/50
4.1.2在HTML中引入CSS的方法/51
4.1.3选择器的分类/53
4.1.4CSS文本修饰/56
4.2CSS的特性/57
4.2.1CSS的层叠性/57
4.2.2CSS的继承性/59
4.2.3选择器的组合/60
4.3CSS高级选择器/64
4.3.1关係选择器/64
4.3.2属性选择器/66
4.3.3伪类选择器/67
4.3.4使用过渡属性配合动态伪类效果/70
4.3.5伪元素选择器/73
4.4CSS设计和书写技巧/75
4.4.1CSS样式总体设计原则/75
4.4.2DW对CSS的可视化编辑支持/76
4.4.3CSS属性的值和单位/79
4.4.4网页中的字型/80
4.4.5字型图示技术/82
4.5盒子模型及其属性/84
4.5.1盒子模型概述/84
4.5.2框线border属性/85
4.5.3圆角borderradius属性/87
4.5.4图像框线borderimage属性/89
4.5.5padding和margin属性/91
4.6标準流下的定位及套用/92
4.6.1标準流下的定位原则/92
4.6.2margin合併现象/95
4.6.3盒子模型的套用/96
4.6.4Chrome浏览器的CSS调试功能/99
4.7背景的运用/100
4.7.1CSS的背景属性/100
4.7.2背景的基本运用技术/104
4.7.3滑动门技术/107
4.7.4背景图像的翻转/111
4.7.5传统圆角效果/112
4.8CSS3样式美化功能/114
4.8.1阴影和发光效果/114
4.8.2渐变效果/117
4.8.3描边效果/120
4.8.4遮罩效果/121
4.9变形与动画效果/123
4.9.1平面变形效果/123
4.9.23D变换效果/126
4.9.3animation动画效果/131
习题/134
第5章CSS布局/137
5.1浮动/137
5.1.1盒子浮动后的特点/137
5.1.2清除浮动元素的影响/140
5.1.3清除浮动影响的方法/140
5.2浮动的套用举例/143
5.2.1图文混排及首字下沉效果/143
5.2.2水平导航条/144
5.2.3新闻栏目框/145
5.2.4微博对话框/148
5.3相对定位/149
5.3.1定位属性和偏移属性/149
5.3.2相对定位的特点/149
5.3.3相对定位的套用举例/150
5.4绝对定位和固定定位/152
5.4.1绝对定位/152
5.4.2绝对定位的套用举例/154
5.4.3固定定位/163
5.4.4与定位属性有关的CSS属性/163
5.4.5overflow属性/166
5.4.6vertical-align属性/167
5.5CSS分栏布局/168
5.5.1分栏布局的种类/169
5.5.2网页居中的方法/170
5.5.31-3-1版式网页布局/170
5.5.41-2-1可变宽度布局/174
5.5.5CSS两列布局案例/176
5.5.6HTML5新增的文档结构标记/181
5.5.7HTML5网页布局案例/183
5.6CSS3新增的布局方式/186
5.6.1弹性盒布局/186
5.6.2分栏布局/190
5.7CSS浏览器的兼容问题/192
习题/193
第6章表格与表单/195
6.1创建表格/195
6.1.1表格标记/195
6.1.2表格行和单元格标记/197
6.1.3在DW中操作表格的方法/199
6.1.4製作固定宽度的表格/201
6.1.5特殊效果表格的製作/201
6.2使用CSS美化表格/203
6.2.1框线和背景的美化/203
6.2.2隔行变色效果/204
6.3创建表单/205
6.3.1<form>标记及其属性/206
6.3.2<input>标记/208
6.3.3<select>和<option>标记/211
6.3.4多行文本域标记<textarea>/211
6.3.5表单数据的传递过程/212
6.3.6表单中的按钮/213
6.3.7表单的辅助标记/214
6.3.8HTML5新增的表单标记和属性/215
6.4美化表单/218
6.4.1搜寻框/218
6.4.2用户登录表单/219
6.4.3用户注册表单/222
习题/223
第7章回响式网页设计/225
7.1回响式网页的基本技术/225
7.1.1媒体查询/225
7.1.2流式布局/227
7.1.3自适应图片/229
7.1.4一列变宽、一列固定的方法/231
7.1.5回响式网页的头部代码设定/231
7.2回响式布局的网站实例/232
7.2.1页面总体布局的实现/233
7.2.2页头的设计/235
7.2.3回响式导航条的製作/235
7.2.4回响式栏目的製作/237
习题/239
第8章JavaScript与jQuery基础/240
8.1JavaScript的代码结构/240
8.2JavaScript的事件编程/242
8.2.1JavaScript语言基础/242
8.2.2常用JavaScript事件/242
8.2.3事件监听程式/243
8.3JavaScriptDOM编程/245
8.3.1动态效果的实现/245
8.3.2获取指定元素/246
8.3.3访问元素的CSS属性/247
8.3.4访问元素的内容/249
8.4使用浏览器对象/249
8.5jQuery基础/253
8.5.1jQuery的功能和使用/253
8.5.2jQuery中的“$”/254
8.5.3jQuery对象与DOM对象/258
8.5.4jQuery的选择器/260
8.5.5jQuery的事件绑定/261
8.5.6jQuery中的常用方法/262
8.5.7jQuery套用举例/263
习题/265
第9章Bootstrap回响式网页设计/267
9.1Bootstrap的使用/267
9.1.1下载和引用Bootstrap框架/267
9.1.2Bootstrap栅格系统/269
9.1.3使用栅格系统进行回响式布局/271
9.2Bootstrap中的网页组件/277
9.2.1基于组件的网页製作方法/277
9.2.2导航条/279
9.2.3轮播外挂程式/283
9.2.4选项卡面板/286
9.2.5媒体对象/288
9.2.6摺叠面板组/290
9.2.7提示框与弹出框/292
9.2.8模态弹窗/293
9.3Bootstrap网页重构实例/295
习题/297
附录实验/299
实验1个人简历网页/299
实验2圆饼型盒子的製作/299
实验3製作背景翻转的图示/300
实验4栏目框的製作/300
实验5页头和导航条的製作/301
实验6图片滚动栏的製作/301
实验7网页的布局设计/301
实验8网站首页的实现/301
实验9网站列表页的实现/301
实验10製作下拉选单/302
实验11製作Tab面板/302
实验12使用Bootstrap製作回响式网页/302
参考文献/303
声明:此文信息来源于网络,登载此文只为提供信息参考,并不用于任何商业目的。如有侵权,请及时联系我们:baisebaisebaise@yeah.net