导语

  

内容提要

  

    近年来，互联网在各个领域的普及，使Web前端开发技术的发展速度十分迅猛，而HTML5+CSS3更是已经成为Web前端开发技术的主流，从而使Web前端开发技术具备了更多新的功能特性。本书从Web前端开发实际应用的角度出发，以企业实际项目为核心，由浅入深地讲解了HTML5、CSS3及响应式Web前端开发技术。本书共10个项目，前9个项目从项目描述、前导知识、项目分析、项目实践、项目总结5个方面对各项目进行了系统的讲解，帮助读者快速理解并掌握各项目的重点知识，最后通过项目10的企业真实项目实战对响应式Web前端开发全过程进行梳理和讲解，全面提高读者分析问题、解决问题及动手操作的能力。本书包含配套教学计划、教案、教学PPT、教学案例、源代码、课后习题等资源，读者可登录华信教育资源网（http://www.hxedu.com.cn）注册后免费下载。
    本书适用面广，既可作为高职院校、培训机构的Web前端开发教材，也可作为网页设计、网站开发、网页编程等课程的教材及参考书。

项目1  制作HBuilder百科页面
  1.1  项目描述
  1.2  前导知识
    1.2.1  初识HTML5
    1.2.2  HTML5基础
    1.2.3  文本控制元素
    1.2.4  图像控制元素
    1.2.5  超链接元素
    1.2.6  列表元素
    1.2.7  结构元素
    1.2.8  分组元素
    1.2.9  内容交互元素
  1.3  项目分析
    1.3.1  页面结构分析
    1.3.2  样式分析
  1.4  项目实践
    1.4.1  制作页面结构
    1.4.2  定义CSS样式
  1.5  项目总结
项目2  制作化妆品展示列表页面
  2.1  项目描述
  2.2  前导知识
    2.2.1  初识CSS
    2.2.2  引入CSS样式与CSS语法格式
    2.2.3  CSS基础选择器
    2.2.4  伪元素选择器
    2.2.5  链接伪类
    2.2.6  结构化伪类选择器
    2.2.7  CSS的层叠性与继承性
    2.2.8  CSS的优先级
    2.2.9  字体样式属性与文本样式属性
  2.3  项目分析
    2.3.1  页面结构分析
    2.3.2  样式分析
  2.4  项目实践
    2.4.1  制作页面结构
    2.4.2  定义CSS样式
  2.5  项目总结
项目3  制作电商主播排行榜页面
  3.1  项目描述
  3.2  前导知识
    3.2.1  初识盒模型
    3.2.2  边框属性
    3.2.3  边距属性
    3.2.4  box-sizing属性
    3.2.5  阴影属性
    3.2.6  渐变属性
    3.2.7  背景属性
  3.3  项目分析
    3.3.1  页面结构分析
    3.3.2  样式分析
  3.4  项目实践
    3.4.1  制作页面结构
    3.4.2  定义CSS样式
  3.5  项目总结
项目4  制作家装行业产品展示页面
  4.1  项目描述
  4.2  前导知识
    4.2.1  过渡
    4.2.2  变形
    4.2.3  动画
  4.3  项目分析
    4.3.1  页面结构分析
    4.3.2  样式分析
  4.4  项目实践
    4.4.1  制作页面结构
    4.4.2  定义CSS样式
  4.5  项目总结
项目5  制作旅游网站的导航栏和banner
  5.1  项目描述
  5.2  前导知识
    5.2.1  元素的浮动属性float
    5.2.2  元素的清除浮动属性clear
    5.2.3  元素的位置定位属性position
    5.2.4  元素的类型转换
  5.3  项目分析
    5.3.1  页面结构分析
    5.3.2  样式分析
  5.4  项目实践
    5.4.1  制作页面结构
    5.4.2  定义CSS样式
  5.5  项目总结
项目6  制作信息注册页面
  6.1  项目描述
  6.2  前导知识
    6.2.1  表单概述
    6.2.2  表单元素及属性
    6.2.3  表单校验
  6.3  项目分析
    6.3.1  页面结构分析
    6.3.2  样式分析
  6.4  项目实践
    6.4.1  制作页面结构
    6.4.2  定义CSS样式
  6.5  项目总结
项目7  制作视频播放页面
  7.1  项目描述
  7.2  前导知识
    7.2.1  多媒体的格式
    7.2.2  支持视频和音频的浏览器
    7.2.3  嵌入视频
    7.2.4  HTML DOM Video对象
    7.2.5  嵌入音频
    7.2.6  HTML DOM Audio对象
    7.2.7  视频、音频中的source元素
  7.3  项目分析
    7.3.1  页面结构分析
    7.3.2  样式分析
  7.4  项目实践
    7.4.1  制作页面结构
    7.4.2  定义CSS样式
  7.5  项目总结
项目8  制作垃圾分类页面
  8.1  项目描述
  8.2  前导知识
    8.2.1  视口
    8.2.2  媒体查询
    8.2.3  百分比布局
  8.3  项目分析
    8.3.1  页面结构分析
    8.3.2  样式分析
  8.4  项目实践
    8.4.1  制作页面结构
    8.4.2  定义CSS样式
  8.5  项目总结
项目9  制作个人信息页面
  9.1  项目描述
  9.2  前导知识
    9.2.1  栅格系统
    9.2.2  弹性盒布局
  9.3  项目分析
    9.3.1  页面结构分析
    9.3.2  样式分析
  9.4  项目实践
    9.4.1  制作页面结构
    9.4.2  定义CSS样式
  9.5  项目总结
项目10  制作物流公司响应式网站
  10.1  项目描述
  10.2  页面结构搭建
    10.2.1  页面结构搭建的内容
    10.2.2  模块结构
    10.2.3  代码实现
  10.3  顶部通栏
    10.3.1  顶部通栏结构
    10.3.2  代码实现
  10.4  导航栏
    10.4.1  导航栏结构
    10.4.2  代码实现
  10.5  轮播图
    10.5.1  轮播图结构
    10.5.2  代码实现
  10.6  关于我们模块
    10.6.1  关于我们模块结构
    10.6.2  代码实现
  10.7  我们的优势模块
    10.7.1  我们的优势模块结构
    10.7.2  代码实现
  10.8  我们的服务模块
    10.8.1  我们的服务模块结构
    10.8.2  代码实现
  10.9  运输物流模块
    10.9.1  运输物流模块结构
    10.9.2  代码实现
  10.10  最新资讯模块
    10.10.1  最新资讯模块结构
    10.10.2  代码实现
  10.11  版尾
    10.11.1  版尾结构
    10.11.2  代码实现
  10.12  项目总结
参考文献