导语

  

内容提要

  

    陈承欢编著的《网页设计与制作任务驱动教程（第3版高等职业教育计算机类课程新形态一体化规划教材）/用微课学系列》是高等职业教育计算机类课程新形态一体化规划教材，同时也是国家级精品资源共享课立项项目配套教材，是创新教学方法、注重素质培养、强化技能训练的特色教材。
    本书以训练网页制作技能为中心，在真实的开发环境中，以真实的制作流程，执行真实的开发要求，制作真实的旅游网站。围绕旅游这个主题精心设计了24个网页，以网页制作为主线设计了31项主任务、60项子任务。面向教学全过程设置了10个必要的教学环节：教学导航→操作准备→引导训练→引导训练考核评价→同步训练→同步训练考核评价→HTML代码解读→问题探究→单元小结→单元习题。技能训练力求做到课内与课外相结合，教师引导示范与学生自主训练相结合，注重能力培养与关注态度养成相结合。
    课程教学以完成网页制作任务为主线，实行“项目导向、任务驱动、理论实践一体化”的教学方法，融“教、学、练、评”四者于一体，体现了“做中学、做中会”的教学理念。
    为了学习者能够快速且有效地掌握核心知识和技能，也方便教师采用更有效的传统方式教学，或者更新颖的线上线下的翻转课堂教学模式，本书配有64个微视频，已在智慧职教平台（www.icve.com.cn）上线，学习者可登录网站进行学习，也可通过扫描书中的二维码观看微视频，随扫随学。此外，本书还提供了其他数字化课程教学资源，包括制作精良的电子课件（PPT）、电子素材、案例等，部分资源可在智慧职教的网站资源展示页面下载。
    本书可以作为各相关专业的网页设计与制作教材，也可以作为网页制作的培训教材和网站开发的参考书。

单元1  创建站点与浏览网页
  【教学导航】
  【操作准备】
  【引导训练】
  【任务1-1】创建“单元1”站点并浏览网页
    【任务1-1-1】创建本地站点“单元1”
    【任务1-1-2】认识Dreamweaver CC的工作界面
    【任务1-1-3】打开与保存网页文档0101.html
    【任务1-1-4】在浏览器中浏览网页0101.html
  【引导训练考核评价】
  【同步训练】
  【任务1-2】赏析“快乐旅游”网的主页
  【同步训练考核评价】
  【HTML代码解读】
  【问题探究】
  【单元小结】
  【单元习题】
单元2  制作文本网页
  【教学导航】
  【操作准备】
  【引导训练】
  【任务2-1】制作阿坝概况的文本网页
    【任务2-1-1】建立站点目录结构
    【任务2-1-2】创建与保存网页文档0201.html
    【任务2-1-3】设置网页的首选项
    【任务2-1-4】设置页面的整体属性
    【任务2-1-5】在网页中输入文字
    【任务2-1-6】输入与编辑网页中的文本
    【任务2-1-7】网页文本的格式化
    【任务2-1-8】设置超链接与浏览网页效果
  【引导训练考核评价】
  【同步训练】
  【任务2-2】制作介绍中国名河的文本网页
  【同步训练考核评价】
  【HTML代码解读】
  【问题探究】
  【单元小结】
  【单元习题】
单元3  制作图文混排网页
  【教学导航】
  【操作准备】
  【引导训练】
  【任务3-1】制作介绍九寨沟景区景点的图文混排网页
    【任务3-1-1】使用【管理站点】对话框创建站点“单元3”
    【任务3-1-2】应用【文件】面板新建网页“0301.html”
    【任务3-1-3】设置页面的背景图像
    【任务3-1-4】从外部导入文本与设置文本格式
    【任务3-1-5】插入图像与设置图像属性
  【引导训练考核评价】
  【同步训练】
  【任务3-2】制作介绍中国名泉的图文混排网页
  【同步训练考核评价】
  【拓展训练】
  【HTML代码解读】
  【问题探究】
  【单元小结】
  【单元习题】
单元4  使用CSS布局与美化网页
  【教学导航】
  【操作准备】
  【引导训练】
  【任务4-1】使用CSS美化文本标题和文本段落
  【任务4-2】使用CSS美化网页文本与图片
  【任务4-3】使用CSS布局与美化文本网页
  【引导训练考核评价】
  【同步训练】
  【任务4-4】使用CSS布局与美化“泰山游”网页
  【同步训练考核评价】
  【HTML代码解读】
  【问题探究】
  【单元小结】
  【单元习题】
单元5  制作包含列表和表格的网页
  【教学导航】
  【操作准备】
  【引导训练】
  【任务5-1】创建网页以项目列表形式表现新闻标题
  【任务5-2】创建网页以项目列表形式表现图文按钮
  【任务5-3】创建包含一个4行3列表格的网页
  【任务5-4】制作以表格布局的展示千岛湖旅游景点的网页
    【任务5-4-1】插入表格1并设置其属性
    【任务5-4-2】设置表格1单元格的背景图像
    【任务5-4-3】在表格1的单元格中输入文本
    【任务5-4-4】插入表格2并设置其属性
    【任务5-4-5】设置表格2及设置行、列属性
    【任务5-4-6】在表格2第1列的单元格中插入图像并设置其属性
    【任务5-4-7】在表格2第2列两个单元格中输入文本并设置其属性
    【任务5-4-8】在表格2的第3列单元格中插入嵌套表格2-1
    【任务5-4-9】插入表格3并设置其属性
    【任务5-4-10】设置网页头文件的内容
  【引导训练考核评价】
  【同步训练】
  【任务5-5】创建项目列表为主的旅游攻略标题网页0505.html
  【任务5-6】创建包含5行3列表格的网页0506.html
  【任务5-7】制作以表格布局的展示三峡旅游景点的网页
  【同步训练考核评价】
  【HTML代码解读】
  【问题探究】
  【单元小结】
  【单元习题】
单元6  制作包含超链接和导航栏的网页
  【教学导航】
  【操作准备】
  【引导训练】
  【任务6-1】制作包含超链接的展示张家界景点的网页
  【任务6-2】制作包含横向主导航栏的网页0602.html
  【任务6-3】制作包含纵向主导航栏的网页0603.html
  【引导训练考核评价】
  【同步训练】
  【任务6-4】制作包含超链接的展示桂林旅游景点的网页
  【同步训练考核评价】
  【HTML代码解读】
  【问题探究】
  【单元小结】
  【单元习题】
单元7  制作包含表单的网页
  【教学导航】
  【操作准备】
  【引导训练】
  【任务7-1】制作一个E游调查的表单网页
    【任务7-1-1】插入表单域及其属性设置
    【任务7-1-2】插入表单控件与设置其属性
    【任务7-1-3】预设文本框中输入文字的字体和大小
    【任务7-1-4】应用行为实现表单网页所需的功能
    【任务7-1-5】调用外部JavaScript脚本文件实现表单网页所需的功能
  【任务7-2】创建用户注册的表单网页0702.html
  【引导训练考核评价】
  【同步训练】
  【任务7-3】制作一个E游留言簿
  【同步训练考核评价】
  【HTML代码解读】
  【问题探究】
  【单元小结】
  【单元习题】
单元8  使用模板和库制作网页
  【教学导航】
  【操作准备】
  【引导训练】
  【任务8-1】使用模板和库制作上海游的网页
    【任务8-1-1】创建库项目
    【任务8-1-2】在网页中插入库项目
    【任务8-1-3】创建网页模板
    【任务8-1-4】定义与修改可编辑区域和可选区域
    【任务8-1-5】创建基于网页模板的网页
    【任务8-1-6】修改网页模板并更新网页
    【任务8-1-7】修改库项目并更新网页
  【引导训练考核评价】
  【同步训练】
  【任务8-2】使用模板和库制作海口游的网页
  【同步训练考核评价】
  【HTML和CSS代码解读】
  【问题探究】
  【单元小结】
  【单元习题】
单元9  制作包含特效的网页
  【教学导航】
  【操作准备】
  【引导训练】
  【任务9-1】制作包含特效的“云南旅游”网页
    【任务9-1-1】实现在网页中显示当前日期的特效
    【任务9-1-2】实现在不同时间段显示不同问候语的网页特效
    【任务9-1-3】实现动态改变网页中文本字体大小的网页特效
    【任务9-1-4】实现关闭网页时自动弹出对话框的特效
    【任务9-1-5】实现滚动网页标题栏文字的特效
    【任务9-1-6】实现鼠标指针指向不同超链接切换不同图片的网页特效
    【任务9-1-7】实现转动鼠标滚轮缩放图片的网页特效
  【引导训练考核评价】
  【同步训练】
  【任务9-2】制作包含特效的“九寨沟旅游”网页
  【同步训练考核评价】
  【HTML与CSS样式代码解读】
  【问题探究】
  【单元小结】
  【单元习题】
单元10  设计网站主页与整合网站
  【教学导航】
  【操作准备】
  【引导训练】
  【任务10-1】制作“E游天下”网站的主页
    【任务10-1-1】网站主页主体布局结构设计
    【任务10-1-2】网站主页局部布局结构设计
    【任务10-1-3】设计与制作网页的顶部导航栏
    【任务10-1-4】创建实现底部导航栏和版权信息的脚本文件
    【任务10-1-5】设计与制作网站主页的中部区域
    【任务10-1-6】在主页中插入AP Div对象和SWF动画
    【任务10-1-7】在主页index1001.html中插入外部脚本文件
    【任务10-1-8】在主页index1001.html中实现状态栏中文字的移动效果
  【任务10-2】整合与发布“E游天下”网站
    【任务10-2-1】设置网站主页的超链接
    【任务10-2-2】测试“E游天下”网站
    【任务10-2-3】清理网页文档
    【任务10-2-4】申请域名与申请空间
    【任务10-2-5】发布网站
  【引导训练考核评价】
  【同步训练】
  【任务10-3】制作“快乐旅游”网站的主页与整合发布网站
  【同步训练考核评价】
  【问题探究】
  【单元小结】
  【单元习题】
附录A  网页设计与制作类岗位需求分析
附录B  课程设计
参考文献