导语

  

内容提要

  

    由吴丰主编的《HTML5+CSS3Web前端设计基础教程(工业和信息化十三五高职高专人才培养规划教材)》按照Web前端工程师所需的岗位技能，结合学生的认知规律和现状，  由浅入深地讲解HTML5与CSS3的重要知识和工作经验，选取最典型的PC端页面、多设备响应式页面，以及Web App类页面作为“分析、拆解”对象，通过还原工程师的思维过程与制作过程，使读者最终掌握Web前端工程师岗位所要求的基本技能。全书共10章，分3条主线。明确的学习目标以及无缝衔接的知识体系，能使理论和实践能力同步提高。
    理论线一一全书从Web前端职业前景出发，逐步引出相关知识和理念，然后由浅入深地讲解HTML5与CSS3知识，分析常见的版面布局，夯实理论基础。
    实践线一一全节涉及的重点案例均选自现有大型网站的真实布局，在“分析、拆解、精讲”过程中，高保真还原工程师的思维过程。
    资源线一一全书提供全套源文件、PPT课件、课时授课计划和学期授课计划，为教师高效备课创造有利条件。
    本书可作为高职高专以及各层次类院校计算机相关专业的教材，也可供想从事网页设计的读者自学使用，还可作为IT类培训机构的Web前端开发类培训教材。

第一章  Web前端职业前景与重要理念
  1.1  了解Web前端工程师
    1.1.1  HTML5前端开发的前景与必要认知
    1.1.2  认识网页的构成元素
    1.1.3  了解专业术语
  1.2  重要理念——表现和结构相分离
    1.2.1  体验“表现和结构相分离”
    1.2.2  认识Web标准
  1.3  Web前端开发基本流程
    1.3.1  开发流程
    1.3.2  常用开发软件介绍
  1.4  使用记事本创建HTML5页面
  1.5  课堂动手实践
第2章  HTML 5页面的构建与简单控制
  2.1  Dreamweaver的工作环境概述
    2.1.1  界面介绍
    2.1.2  常用工具栏和面板
  2.2  创建和管理站点
    2.2.1  创建站点
    2.2.2  “文件”面板的使用方法
    2.2.3  管理站点
  2.3  HTML5入门
    2.3.1  使用Dreamweaver构建“H5标准页面”
    2.3.2  DOCTYPE文档类型与基本结构元素
    2.3.3  HTML5常见元素
    2.3.4  HTML5新增结构元素
  2.4  课堂动手实践
第3章  CSS3基础入门
  3.1  CSS3的基础知识
    3.1.1  CSS介绍
    3.1.2  CSS的语法与注释
    3.1.3  CSS的引入方式
  3.2  盒模型
    3.2.1  盒模型的基本概念
    3.2.2  计算盒模型中的宽与高
  3.3  CSS3初级选择器
    3.3.1  通配符选择器
    3.3.2  类型选择器
    3.3.3  类选择器
    3.3.4  ID选择器
    3.3.5  后代选择器
    3.3.6  群组选择器
  3.4  CSS3高级选择器
    3.4.1  子元素选择器和相邻兄弟选择器
    3.4.2  属性选择器
    3.4.3  关于优先级
  3.5  使用CSS3基础知识完成页面简易美化——404页面的制作
  3.6  课堂动手实践
第4章  实现Web前端排版的基本美化
  4.1  控制文本
    4.1.1  CSS中字体属性与文本属性介绍
    4.1.2  Web Font与@font-face
    4.1.3  文本的首行缩进、行高和阴影
    4.1.4  文本溢出处理
  4.2  控制超链接
    4.2.1  文本链接、邮件链接与锚链接
    4.2.2  CSS伪类与超链接
  4.3  控制图像和颜色
    4.3.1  CSS中控制图像和颜色的基本属性
    4.3.2  仿“凤凰网”的图文混排
  4.4  课堂动手实践
第5章  浮动、定位与列表
  5.1  浮动与清除浮动
    5.1.1  浮动
    5.1.2  清除浮动的3种方法
  5.2  CSS定位
    5.2.1  静态定位和固定定位
    5.2.2  相对定位和定位
    5.2.3  相对于某一容器的定位
  5.3  列表
    5.3.1  有关列表的CSS样式
    5.3.2  仿“”首页的纵向导航
    5.3.3  仿“凤凰网”首页的横向导航
  5.4  仿“电器城（手机馆）”的图文信息列表
  5.5  课堂动手实践
第6章  HTML 5增强型表单与简易表格
  6.1  表单的创建与编辑
    6.1.1  表单的基本知识
    6.1.2  常见的表单对象
  6.2  CSS控制表单
    6.2.1  搜索栏
    6.2.2  用户登录页面
    6.2.3  传统按钮、CSS3按钮与开源样式库按钮
  6.3  表格
    6.3.1  表格的基本概念及其简易操作
    6.3.2  细线表格
    6.3.3  隔行换色表格
  6.4  课堂动手实践
第7章  CSS3与HTML5的高级应用
  7.1  CSS Sprite技术
    7.1.1  CSS Sprite技术分解
    7.1.2  CSS Sprite技术的应用
  7.2  CSS3渐变
  7.3  CSS3动画
    7.3.1  变形——transform属性
    7.3.2  过渡——transition属性
    7.3.3  CSS3动画的应用——“幽灵按钮”
  7.4  CSS3选项卡
  7.5  HTML5 Canvas
    7.5.1  创建画布并绘制简单图形
    7.5.2  Canvas坐标、线条与圆
  7.6  课堂动手实践
第8章  PC端典型页面的设计与实现
  8.1  Photoshop在Web前端的常见操作
    8.1.1  基础操作
    8.1.2  切片并输出
  8.2  页面布局规划与实现
    8.2.1  首页的实现
    8.2.2  列表页的实现
    8.2.3  内容页的实现
  8.3  课堂动手实践
第9章  多设备响应式页面的实现
  9.1  响应式页面开发
    9.1.1  了解“响应式Web设计”
    9.1.2  viewport网页可视区域
    9.1.3  媒体查询详解
  9.2  “响应式”页面的设计与实现
    9.2.1  页面分析
    9.2.2  详细实施过程
  9.3  “响应式”框架介绍
  9.4  课堂动手实践
第10章  Web App类页面的设计与实现
  10.1  Web App开发基础知识
    10.1.1  开发模式概述
    10.1.2  手机屏幕基本知识
  10.2  Bootstrap框架和Swiper插件
    10.2.1  Bootstrap框架
    10.2.2  Swiper插件
  10.3  “宇泽鲜风商城”Web App页面分析与环境准备
    10.3.1  页面分析
    10.3.2  环境准备
  10.4  页面实现的详细过程
    10.4.1  首页的实现
    10.4.2  列表页的实现
    10.4.3  详细内容页的实现
  10.5  课堂动手实践