导语

  

内容提要

  

    本书从Web前端开发岗位所需的基本知识和基本技能出发，讲解了HTML技术、CSS技术和JavaScript技术的基本知识和应用技能。本书以教学项目为引领、学习任务为驱动的技能培养思路进行编写，注重职业技能的培养和知识的应用能力训练，实现“做中学”的目标。所有教学项目均来自于Web前端开发岗位的主要工作任务，使读者在学习后可以将学习的成果直接应用于自己的实际开发项目中，实现了学习和工作的有效衔接。在知识的学习方面，始终围绕教学项目和学习任务展开，不追求全面而注重常用，努力实现学习20%的知识能够解决80%的问题的目标。
    为了更好地帮助读者学习本书的相关知识和技能，我们还构建了开放课程网站，有配套的教学PPT、练习题、源代码、教学视频和教学设计等资源，可在中国铁道出版社有限公司教学资源网http://www.tdpress.com/51eds/进行下载。
    本书适合作为高等和中等职业院校计算机相关专业的教材，也可作为相关工程技术人员和爱好者的自学用书。

项目1  基本图文混排
  任务1  基本网页搭建
    1.1.1  创建新闻页
    1.1.2  知识学习
    1.1.3  实践操作
  任务2  图文混排网页
    1.2.1  创建“诗词赏析”页面
    1.2.2  知识学习
    1.2.3  实践操作
  任务3  格式化排版
    1.3.1  对“诗词欣赏”页面进行格式化处理
    1.3.2  知识学习
    1.3.3  实践操作
  练习与提高
项目2  列表应用
  任务1  创建基本列表
    2.1.1  应用基本列表组织页面内容
    2.1.2  知识学习
    2.1.3  实践操作
  任务2  创建嵌套列表
    2.2.1  创建问卷页面
    2.2.2  知识学习
    2.2.3  实践操作
  任务3  新闻列表
    2.3.1  创建新闻列表
    2.3.2  知识学习
    2.3.3  实践操作
  练习与提高
项目3  表格应用
  任务1  简单表格应用
    3.1.1  制作普通表格
    3.1.2  知识学习
    3.1.3  实践操作
  任务2  制作斑马纹效果
    3.2.1  制作斑马纹效果的表格
    3.2.2  知识学习
    3.2.3  实践操作
  任务3  复杂表格应用
    3.3.1  制作个人简历表格
    3.3.2  知识学习
    3.3.3  实践操作
  练习与提高
项目4  表单应用
  任务1  创建登录表单
    4.1.1  登录表单的设计与实现
    4.1.2  知识学习
    4.1.3  实践操作
  任务2  创建注册表单
    4.2.1  注册表单的设计与实现
    4.2.2  知识学习
    4.2.3  实践操作
  任务3  创建其他常用表单
    4.3.1  消费调查表单的设计与实现
    4.3.2  知识学习
    4.3.3  实践操作
  练习与提高
项目5  创建网页导航功能
  任务1  创建纵向导航菜单
    5.1.1  纵向导航菜单的设计与实现
    5.1.2  知识学习
    5.1.3  操作实践
  任务2  创建横向导航菜单
    5.2.1  横向导航菜单的设计与实现
    5.2.2  知识学习
    5.2.3  操作实践
  任务3  创建下拉式导航菜单
    5.3.1  下拉式导航菜单的设计与实现
    5.3.2  操作实践
  练习与提高
项目6  网页布局
  任务1  创建个人博客页面
    6.1.1  个人博客页面布局实现
    6.1.2  知识学习
    6.1.3  操作实践
  任务2  创建企业网站首页布局
    6.2.1  企业网站首页布局实现
    6.2.2  操作实践
  练习与提高
项目7  JavaScript基本应用
  任务1  显示网站通知
    7.1.1  显示页面通知
    7.1.2  知识学习
    7.1.3  操作实践
  任务2  付款金额的大写转换
    7.2.1  在电商页面中实现付款金额的大写转换
    7.2.2  知识学习
    7.2.3  操作实践
  任务3  任务倒计时
    7.3.1  实现在线考试的倒计时功能
    7.3.2  知识学习
    7.3.3  操作实践
  任务4  DOM基本应用
    7.4.1  访问并控制DOM对象
    7.4.2  知识学习
    7.4.3  操作实践
  练习与提高
项目8  网页动态功能实现
  任务1  使用JavaScript实现表单验证
    8.1.1  新用户注册页面的前端验证
    8.1.2  表单的触发验证机制
    8.1.3  网页的HTML结构和CSS样式
    8.1.4  编写数据验证代码的一般方法
    8.1.5  使用JavaScript实现注册表单验证
  任务2  使用JavaScript实现导航特效
    8.2.1  折叠菜单的实现
    8.2.2  横向二级菜单的实现
    8.2.3  校园网二级导航的实现
  任务3  使用JavaScript实现选项卡特效
    8.3.1  选项卡在页面中的使用
    8.3.2  认识选项卡
    8.3.3  校园网Tab实现
  任务4  使用JavaScript实现图片轮显特效
    8.4.1  网页图片轮显
    8.4.2  实现方法
  任务5  使用JavaScript实现图片滚动特效
    8.5.1  首页图片滚动特效
    8.5.2  图片滚动特效实现思路
    8.5.3  操作实践
  任务6  使用JavaScript实现鼠标拖动特效
    8.6.1  实现鼠标拖动控制登录窗口
    8.6.2  知识学习
    8.6.3  操作实践
  练习与提高