导语

  

内容提要

  

    本书以“采用网页新标准技术、突破传统知识体系结构、基于工作能力培养、置身真实工作情境”为标准，通过任务驱动的教学方式讲解HTML5、CSS3、JavaScript等Web前端开发技术。
    本书包含“8个知识单元、18个项目任务、36个实战案例、18个课后实训”，每个项目任务又以“知识准备→实战演练→强化训练→课后实训”为主线，介绍了Web基础知识、HTML5语言基础、HTML5新增标签及属性、CSS3基础、盒子模型、HTML5表单的应用、网页多媒体和JavaScript基础。本书将Web前端开发技术贯穿所有的项目任务和实训中，深入剖析了网页布局及样式美化的思路和方法，使学生掌握Web前端核心技术，启发并引导学生自主学习，并形成良好的职业素养。
    本书配有微课视频、源代码、电子课件、教案等教学资源，读者可以登录华信教育资源网（www.hxedu.com.cn）进行下载。本书既可以作为高等院校、高等职业院校“网页设计与制作”课程的教材，也可以作为前端与移动开发的培训教材，还可以供网页制作、网站开发、网页编程、美工设计等人员参考。

第一单元  Web基础知识
  任务1  搭建开发环境
    1.1  知识准备
      1.1.1  Web与Internet
      1.1.2  Web的工作原理
      1.1.3  Web页的类型
      1.1.4  HTML5概述
    1.2  实战演练——搭建开发环境
      1.2.1  网页编辑软件的安装
      1.2.2  浏览器的安装
    1.3  强化训练——创建第一个HTML5页面
      1.3.1  创建和管理站点
      1.3.2  创建和保存HTML5文档
    1.4  课后实训
第二单元  HTML5语言基础
  任务2  文字与段落排版
    2.1  知识准备
      2.1.1  HTML5文档格式
      2.1.2  标签的属性
      2.1.3  文本标签
      2.1.4  分隔标签
      2.1.5  序列标签
    2.2  实战演练——制作“科技馆参观须知”网页
      2.2.1  网页效果图
      2.2.2  制作过程
      2.2.3  代码分析
    2.3  强化训练——制作“我家菜馆”点菜单网页
      2.3.1  网页效果图
      2.3.2  制作过程
      2.3.3  代码分析
    2.4  课后实训
  任务3  图像和超链接
    3.1  知识准备
      3.1.1  图像标签
      3.1.2  绝对路径和相对路径
      3.1.3  超链接标签
      3.1.4  锚点链接
    3.2  实战演练——制作“网页技术介绍”网页
      3.2.1  网页效果图
      3.2.2  制作过程
      3.2.3  代码分析
    3.3  强化训练——制作“文章故事网”网页
      3.3.1  网页效果图
      3.3.2  制作过程
      3.3.3  代码分析
    3.4  课后实训
第三单元  HTML5新增标签及属性
第四单元  CSS3基础
第五单元  盒子模型
第六单元  HTML5表单的应用
第七单元  网页多媒体
第八单元  JavaScript基础