新書推薦:
《
中国历史研究入门(全二册)
》
售價:HK$
283.8
《
夺回大脑 如何靠自己走出强迫
》
售價:HK$
65.8
《
夏天,19岁的肖像(青鲤文库)岛田庄司两次入围日本通俗文学奖直木奖的作品 ,同名电影由黄子韬主演!
》
售價:HK$
49.5
《
图解机械工程入门
》
售價:HK$
96.8
《
股市长线法宝(第6版)
》
售價:HK$
140.8
《
中文版SOLIDWORKS 2024机械设计从入门到精通(实战案例版)
》
售價:HK$
98.9
《
纯数学教程
》
售價:HK$
85.8
《
威尔士史:历史与身份的演进
》
售價:HK$
107.8
|
編輯推薦: |
本书遵循教指委相关指导文件和高等院校学生学习规律编写而成。践行四新理念,融入思政元素,注重理论与实践相结合。
|
內容簡介: |
本书全面详细讲解了Web前端的实用技术,以Web开发实际应用为驱动,内容循序渐进、案例丰富。全书分为4部分共10章。第1部分是Web基础和HTML语法,主要讲解Web前端技术的基本概念和HTML的常用标签;第2部分介绍CSS,主要讲解CSS特性、CSS选择器、CSS盒模型、浮动、定位、DIV+CSS布局和CSS3新增属性等;第3部分介绍响应式Web设计,主要讲解视口的概念、媒体查询、弹性布局、网格布局等;第4部分是综合应用,以案例的形式,运用前面3部分的知识,讲解网站前端开发从设计到实现的全过程。本书可以作为高等院校本、专科相关专业的Web前端技术(网页设计与制作)课程的教材,也可以作为Web前端技术的培训教材,是一本适合Web前端技术人员入门的参考书。本书配套有教学PPT、源代码、作业、测验等。在学银在线有对应的慕课教程,网址为http://mooc1.chaoxing.com/course/template60/100578395.html,课程名称为Web前端技术(HTML5+CSS3网页设计与制作)。
|
目錄:
|
前言第1章Web前端技术概述11.1Web前端开发技术的发展11.1.1Web 1.0时代11.1.2Web 2.0时代11.2Web术语21.3Web标准31.3.1什么是Web标准31.3.2Web标准的优势31.4浏览器的种类与市场份额41.4.1浏览器的种类41.4.2浏览器的市场份额41.5前端开发工具5本章小结5【动手实践】5【思考题】5第2章HTML5语法基础62.1HTML概述62.1.1HTML简介62.1.2标签62.1.3标签属性72.1.4注释语句72.1.5文档的结构72.2头部标签82.2.182.2.282.2.382.3文本类标签92.3.1文本定义92.3.2文本格式化102.4列表标签112.4.1无序列表112.4.2有序列表112.4.3自定义列表122.5表格标签132.6多媒体类标签152.6.1图像标签152.6.2视频标签162.6.3音频标签172.7链接标签172.7.1创建链接172.7.2链接的分类182.8表单标签192.8.1认识表单192.8.2输入控件及属性202.8.3其他表单控件242.9行块元素262.10HTML实体26本章小结27【动手实践】27【思考题】27第3章CSS样式基础283.1CSS概述283.2CSS语法规则283.3CSS基本选择器293.3.1标签选择器293.3.2类选择器303.3.3ID选择器323.3.4选择器分组333.4CSS样式的引用343.4.1内联样式343.4.2内部样式表343.4.3外部样式表343.4.4导入样式表353.5CSS文本样式353.5.1CSS字体353.5.2CSS文本38本章小结41【动手实践】41【思考题】41第4章CSS复合选择器及特性424.1CSS组合选择器424.1.1后代选择器424.1.2子元素选择器434.1.3相邻兄弟选择器444.1.4普通兄弟选择器444.2伪类选择器454.2.1状态伪类454.2.2结构性伪类474.3伪元素选择器484.4属性选择器494.5CSS的特性504.5.1CSS的继承性514.5.2CSS的层叠性524.5.3CSS的优先级52本章小结54【动手实践】55【思考题】55第5章CSS盒模型565.1CSS盒模型的概念565.2CSS盒模型的组成要素575.2.1内容区域575.2.2边框585.2.3内边距595.2.4外边距605.3盒子的boxsizing属性615.4盒子的background属性635.4.1背景色(backgroundcolor)635.4.2背景图像(backgroundimage)635.5盒子的其他属性675.5.1元素的位置关系675.5.2overflow属性705.5.3display属性71本章小结72【动手实践】72【思考题】73第6章浮动与定位746.1浮动746.1.1浮动的原理746.1.2清除浮动786.2定位826.2.1定位的概念826.2.2静态定位826.2.3相对定位826.2.4绝对定位836.2.5固定定位846.2.6粘贴定位856.2.7zindex886.3导航条的制作896.3.1列表属性896.3.2制作导航条90本章小结93【动手实践】93【思考题】94第7章DIV+CSS布局957.1常见布局957.1.1网页布局原理957.1.2常见的布局形式967.2页面布局标签997.3各种布局的实现997.3.1单列布局的实现997.3.2两列布局的实现1007.3.3三列布局的实现1017.3.4混合布局的实现1027.4布局案例1057.4.1搭建HTML文档结构1067.4.2添加主要的类名1077.4.3公共样式的设置1097.4.4页眉样式的设置1107.4.5主体样式的设置111本章小结114【动手实践】114【思考题】114第8章CSS3的新增属性1158.1分列布局column属性1158.2文字阴影textshadow属性1178.3盒子boxshadow属性1188.4圆角边框borderradius属性1208.5渐变Gradient属性1228.6过渡transition属性1258.7变形transform属性1268.8动画animation属性1318.9CSS3照片墙的制作134本章小结136【动手实践】137【思考题】137第9章响应式Web设计原理1389.1视口概述1389.1.1响应式设计的网站1389.1.2什么是视口1399.1.3视口的设置1409.1.4图像自适应1409.2媒体查询1419.2.1什么是媒体查询1419.2.2媒体查询的使用1419.2.3汉堡菜单1449.3弹性布局1479.3.1什么是弹性布局1479.3.2弹性容器1489.3.3弹性元素1539.4网格布局1599.4.1什么是网格布局1599.4.2网格的容器1609.4.3网格元素1639.4.4网格布局与弹性布局1679.5响应式案例1699.5.1案例分析1699.5.2HTML文档结构1719.5.3CSS样式173本章小结178【动手实践】178【思考题】178第10章综合案例17910.1网站的开发流程17910.2Web前端设计18110.2.1Web前端设计的流程18110.2.2内容分析18110.2.3结构设计18110.2.4原型设计18710.2.5布局设计18710.2.6公共样式文件19310.2.7详细设计194本章小结201【动手实践】201【思考题】201参考文献202
|
內容試閱:
|
随着互联网的迅猛发展,人工智能的兴起,前端开发工程师已成为IT招聘的重要角色。Web前端的三大核心技术为HTML、CSS、JavaScript。由于篇幅和课时原因,本书主要讲解HTML、CSS和现在流行的响应式设计技术。 本书全面详细讲解了Web前端技术,以Web开发实际应用为驱动,内容循序渐进、案例丰富。全书分为4部分共10章。 第1部分是Web基础和HTML语法,包括第1、2章的内容,主要讲解Web前端技术的基本概念和HTML的常用标签。通过第1部分的学习,读者可以制作简单的网页。 第2部分是CSS语法,包括第3~8章的内容。主要讲解CSS特性、CSS选择器、CSS盒模型、浮动、定位、DIV+CSS布局和CSS3新增属性等。通过第2部分的学习,读者可掌握文字与图像的美化、导航条的制作、表单与表格的美化的方法,能用DIV+CSS布局页面等,制作出整齐、美观的网页。 第3部分是响应式Web设计原理,主要讲解视口的概念、媒体查询的概念,重点介绍弹性布局和网格布局的容器属性和项目属性,以及这两种布局的区别等。通过第3部分的学习,读者能制作出适应各类终端设备的网页。 第4部分是综合应用,以案例的形式,运用前面3部分的知识,讲解Web前端从设计到实现的全过程。 本书精选多个例题,所有例题均在谷歌浏览器和Edge浏览器中测试通过,因为浏览器对CSS3属性的支持性不同,建议读者安装新版的谷歌浏览器,同时把IE升级为Edge。 本书配套资源丰富,包括教学PPT、源代码、作业、测验等。在学银在线有对应的慕课教程,网址为http://mooc1chaoxingcom/course/template60/100578395html,课程名称为Web前端技术(HTML5+CSS3网页设计与制作)。因篇幅原因,书中个别案例程序请在本书配套资源“源代码”中查找。 本书第1、2、7~10章由李舒亮编写,第3~6章由周西柳编写。 愿本书对读者学习Web前端技术有所帮助,书中难免有不足之处,真诚地欢迎读者批评指正,相互交流,共同学习进步。 编者
|
|