Web前端开发案例教程（HTML5+CSS3）（微课版）

作者
李志云 董文华
丛书名
工业和信息化“十三五”高职高专人才培养规划教材
出版社
人民邮电出版社
ISBN
9787115524966
简要
简介
内容简介 本书以真实案例组织内容，介绍如何利用网页制作技术HTML5和CSS3等制作网站。全书共12章，前10章将学院网站制作过程中的知识点进行分解，每章以小案例引导，介绍Web开发设计中的关键知识点，第11章完成学院网站的完整制作，第12章介绍当前流行的电商网站的制作，充分运用HTML5的新增结构元素构建网页内容，利用CSS3的过渡、变形和动画等属性实现图片的变换和旋转。 本书可以作为高职高专院校计算机相关专业“Web前端开发”课程的教材，也可以作为Web前端开发爱好者学习Web前端程序设计的参考书。
目录
第 1章


Web前端开发概述\t1


1.1 认识Web前端开发\t1


1.2 Web相关概念\t1


1.3 HTML5概述\t3


1.4 常用的浏览器\t3


1.5 创建第 一个HTML5页面\t4


1.5.1 Dreamweaver工具简介\t4


1.5.2 案例：创建第 一个HTML5


网页\t4


本章小结\t\t6


实训1\t6


第 2章


HTML5基础\t8


2.1 案例：简单学院网站\t8


2.2 知识准备\t9


2.2.1 HTML5文档的基本结构\t9


2.2.2 HTML标记及其属性\t10


2.2.3 HTML文本标记\t11


2.2.4 HTML列表标记\t16


2.2.5 HTML超链接标记\t20


2.2.6 HTML图像标记\t23


2.3 案例实现\t25


2.3.1 创建站点\t25


2.3.2 创建首页\t27


2.3.3 创建学院简介页面\t28


2.3.4 创建学院新闻页面\t28


2.3.5 创建专业介绍页面\t29


本章小结\t\t30


实训2\t30


第3章


HTML5新增页面元素\t32


3.1 案例：旅游部落网页\t32


3.2 知识准备\t33


3.2.1 HTML5结构元素\t33


3.2.2 HTML5分组元素\t37


3.2.3 HTML5页面交互元素\t38


3.2.4 HTML5文本语义元素\t40


3.3 案例实现\t42


3.3.1 创建站点\t42


3.3.2 页面分析\t43


本章小结\t\t45


实训3\t45





第4章


CSS3基础\t47


4.1 案例：学院新闻详情页面\t47


4.2 知识准备\t48


4.2.1 初识CSS\t48


4.2.2 CSS发展历史\t48


4.2.3 引入CSS样式\t48


4.2.4 CSS基础选择器\t52


4.2.5 CSS常用文本属性\t57


4.2.6 CSS的高级特性\t62


4.3 案例实现\t63


4.3.1 创建新闻详情页面\t63


4.3.2 定义CSS样式\t64


本章小结\t\t65


实训4\t65





第5章


CSS3高级选择器\t66


5.1 案例：景点介绍页面\t66


5.2 知识准备\t66


5.2.1 属性选择器\t67


5.2.2 关系选择器\t68


5.2.3 结构化伪类选择器\t69


5.2.4 伪元素选择器\t74


5.3 案例实现\t75


本章小结\t\t78


实训5\t78





第6章


CSS3盒子模型\t79


6.1 案例：学院简介页面\t79


6.2 知识准备\t80


6.2.1 盒子模型的概念\t80


6.2.2 盒子模型的相关属性\t81


6.2.3 CSS设置背景\t90


6.2.4 元素的类型与转换\t98


6.2.5 块元素间的外边距\t100


6.3 案例实现\t101


6.3.1 制作页面结构\t101


6.3.2 添加CSS样式\t103


本章小结\t\t103


实训6\t104





第7章


列表与超链接\t105


7.1 案例：通知公告块与学院网站


导航条\t105


7.2 知识准备\t106


7.2.1 列表样式设置\t106


7.2.2 超链接样式设置\t108


7.3 案例实现\t109


7.3.1 制作通知公告块\t109


7.3.2 制作学院网站导航条\t112


本章小结\t\t113


实训7\t114





第8章


表格与表单\t115


8.1 表格案例：学生信息表\t115


8.2 表格相关知识\t116


8.2.1 表格标记\t116


8.2.2 合并单元格\t117


8.2.3 使用CSS设置表格样式\t118


8.3 表格案例实现\t120


8.3.1 学生信息表的页面结构\t120


8.3.2 添加CSS样式\t122


8.4 表单案例：用户注册表单\t122


8.5 表单相关知识\t123


8.5.1 认识表单\t123


8.5.2 表单标记\t123


8.5.3 表单控件\t124


8.5.4 使用CSS设置表单样式\t126


8.6 表单案例实现\t129


8.6.1 用户注册表单的页面结构\t129


8.6.2 添加CSS样式\t131


本章小结\t\t132


实训8\t132





第9章


HTML5+CSS3布局


网页\t134


9.1 案例：学院网站主页布局\t134


9.2 知识准备\t135


9.2.1 元素的浮动\t135


9.2.2 元素的定位\t140


9.2.3 元素的overflow属性\t145


9.2.4 HTML5+CSS3布局\t147


9.3 案例实现\t153


9.3.1 制作页面结构\t153


9.3.2 添加CSS样式\t154


本章小结\t\t157


实训9\t157





第 10章


CSS3动画\t159


10.1 过渡属性\t159


10.2 变形属性\t159


10.3 动画属性\t160


10.4 案例\t162


10.4.1 图片遮罩效果\t162


10.4.2 图片翻转效果\t163


10.4.3 照片墙效果\t164


10.4.4 魔方效果\t166


本章小结\t\t168


实训10\t168





第 11章


完整案例：学院网站设计与


制作\t170


11.1 信息学院网站描述\t170


11.2 网站规划\t171





11.3 效果图设计\t172


11.3.1 效果图设计原则\t172


11.3.2 效果图设计步骤\t173


11.3.3 效果图切片导出网页\t178


11.4 网站主页设计\t178


11.5 新闻列表页设计\t194


11.6 制作新闻详情页面\t200


11.7 制作视频宣传页面\t202


11.8 添加网站中的JavaScript


或jQuery脚本\t203


本章小结\t\t205





第 12章


完整案例：化妆品公司网站设计与制作\t206


12.1 化妆品公司网站描述\t206


12.2 网站规划\t208


12.2.1 网站需求分析\t208


12.2.2 网站的风格定位\t208


12.2.3 规划草图\t208


12.2.4 素材准备\t209


12.3 网站主页设计\t209


12.4 网站其他页设计\t223


本章小结\t\t223


参考文献\t224



有问题微信扫码联系

推荐

Understand China
桂ICP备20004708号-4