导语

  

内容提要

  

    随着互联网行业的不断发展，企业对前端开发人才的职业素养要求越来越高，本书结合新工科的人才培养要求，坚持“育人为本、德育为先”，把培育和践行社会主义核心价值观融入课程内容体系，实现课程思政与专业学习深度融合。坚持以学生为本，以项目形式构建教材知识与能力体系，通过项目描述→项目分析→项目知识点分解→知识点解析→知识点检测→项目实现→项目总结→能力拓展，提升学生的问题解决能力、项目开发能力和创新实践能力。
    本书分为七大模块十五个项目。七大模块分别是Web前端开发基本认识、文本类网页、图文类网页、网页布局、表单页面、音视频页面、响应式网页布局。
    本书可作为计算机类相关专业前端开发、网页制作等方面的教材，也可作为有一定前端开发基础的计算机爱好者快速提升前端开发能力的自学教程，并可为“互联网+”时代积极从事教学改革的教师提供教学方法与教改思路的参考。

模块一  Web前端开发基本认识
  项目1.1  “走进Web前端开发”网站“欢迎页”设计
    1.1.1  项目描述
    1.1.2  项目分析
    1.1.3  项目知识点分解
    1.1.4  知识点解析
    1.1.5  知识点检测
    1.1.6  项目实现
    1.1.7  项目总结
  项目1.2  “走进Web前端开发”网站首页设计
    1.2.1  项目描述
    1.2.2  项目分析
    1.2.3  项目知识点分解
    1.2.4  知识点解析
    1.2.5  知识点检测
    1.2.6  项目实现
    1.2.7  项目总结
    1.2.8  能力拓展
模块二  文本类网页
  项目2.1  “走进Web前端开发”网站“职业认识”页面设计
    2.1.1  项目描述
    2.1.2  项目分析
    2.1.3  项目知识点分解
    2.1.4  知识点解析
    2.1.5  知识点检测
    2.1.6  项目实现
    2.1.7  项目总结
  项目2.2  “走进Web前端开发”网站“核心概念”页面设计
    2.2.1  项目描述
    2.2.2  项目分析
    2.2.3  项目知识点分解
    2.2.4  知识点解析
    2.2.5  知识点检测
    2.2.6  项目实现
    2.2.7  项目总结
    2.2.8  能力拓展
模块三  图文类网页
  项目3.1  “盐城文化风情”网站首页设计
    3.1.1  项目描述
    3.1.2  项目分析
    3.1.3  项目知识点分解
    3.1.4  知识点解析
    3.1.5  知识点检测
    3.1.6  项目实现
    3.1.7  项目总结
  项目3.2  “图说我们盐城”页面设计
    3.2.1  项目描述
    3.2.2  项目分析
    3.2.3  项目知识点分解
    3.2.4  知识点解析
    3.2.5  知识点检测
    3.2.6  项目实现
    3.2.7  项目总结
    3.2.8  能力拓展
模块四  网页布局
  项目4.1  “人民铁军”网站首页设计
    4.1.1  项目描述
    4.1.2  项目分析
    4.1.3  项目知识点分解
    4.1.4  知识点解析
    4.1.5  知识点检测
    4.1.6  项目实现
    4.1.7  项目总结
  项目4.2  “人民铁军”网站“铁军由来”页面设计
    4.2.1  项目描述
    4.2.2  项目分析
    4.2.3  项目知识点分解
    4.2.4  知识点解析
    4.2.5  知识点检测
    4.2.6  项目实现
    4.2.7  项目总结
    4.2.8  能力拓展
  项目4.3  “人民铁军”网站“战斗历程”页面设计
    4.3.1  项目描述
    4.3.2  项目分析
    4.3.3  项目知识点分解
    4.3.4  知识点解析
    4.3.5  项目实现
    4.3.6  项目总结
    4.3.7  能力拓展
模块五  表单页面
  项目5.1  “走进Web前端开发”网站“登录”表单设计
    5.1.1  项目描述
    5.1.2  项目分析
    5.1.3  项目知识点分解
    5.1.4  知识点解析
    5.1.5  知识点检测
    5.1.6  项目实现
    5.1.7  项目总结
  项目5.2  “走进Web前端开发”网站“联系我们”表单设计
    5.2.1  项目描述
    5.2.2  项目分析
    5.2.3  项目知识点分解
    5.2.4  知识点解析
    5.2.5  知识点检测
    5.2.6  项目实现
    5.2.7  项目总结
    5.2.8  能力拓展
模块六  音视频页面
  项目6.1  “中国淮剧”网站“流派艺术”页面设计
    6.1.1  项目描述
    6.1.2  项目分析
    6.1.3  项目知识点分解
    6.1.4  知识点解析
    6.1.5  知识点检测
    6.1.6  项目实现
    6.1.7  项目总结
  项目6.2  “中国淮剧”网站“经典剧目”页面设计
    6.2.1  项目描述
    6.2.2  项目分析
    6.2.3  项目知识点分解
    6.2.4  知识点解析
    6.2.5  知识点检测
    6.2.6  项目实现
    6.2.7  项目总结
    6.2.8  能力拓展
模块七  响应式网页布局
  项目7.1  “课程学习汇报交流”网站首页设计
    7.1.1  项目描述
    7.1.2  项目分析
    7.1.3  项目知识点分解
    7.1.4  知识点解析
    7.1.5  知识点检测
    7.1.6  项目实现
    7.1.7  项目总结
    7.1.8  能力拓展
  项目7.2  “中国淮剧”网站首页Bootstrap重构
    7.2.1  项目描述
    7.2.2  项目分析
    7.2.3  项目知识点分解
    7.2.4  知识点解析
    7.2.5  知识点检测
    7.2.6  项目实现
    7.2.7  项目总结
    7.2.8  能力拓展
参考文献