《网页设计与制作》课程教学大纲
课程名称：网页设计与制作
学分及学时：4学分 总学时72学时，理论36学时 适用专业：网络工程 开课学期：第四学期
开课部门：计算机与互联网学院 先修课程：计算机文化基础 计算机网络 考核要求：考试
使用教材及主要参考书：
向知礼主编：《网页设计与制作》 航空工业出版社 2017年 杨松主编：《网页设计案例教程》 航空工业出版社 2015年 一·课程性质和任务：
本课程全面地介绍网页制作技术的基本理论和实际应用。全书共10章，分为3大部分。前5章为第1部分，主要介绍网页制作的基本理论——HTML，同时穿插介绍Fireworks，Flash，Anfy等软件在网页制作过程中的应用；第6章～第8章为第2部分，主要介绍网页制作技术，包括CSS技术、客户端脚本技术(DHTML)以及XML技术；第9章～第10章为第3部分，主要介绍当前最流行的网页制作工具——Dreamweaver，通过应用实践能够从实际应用的角度进一步巩固所学知识。
课程内容不但包括各种网页制作技术的基础理论，而且强调网页制作的具体应用，使读者既能打下坚实的理论基础，又能掌握实际的操作技能。 二·课程教学目的与要求
以Dreamweaver的使用为主线，介绍网页制作的相关技术。使学生理解网页制作的基本概念和理论,掌握站点的建立和网页的设计,能用HTML语言修改网页;掌握网页制作和站点的基本知识;掌握站点的创建和网页的编辑;掌握超链接、图像、CSS样式的使用;掌握表格、框架、表单、多媒体对象的使用;理解行为、模板、库、CSS布局的概念和使用;理解HTML语言、网站的测试与的发布；
要求：教学过程中，须注重学生实践操作能力的培养，采取“面向实践、能力为先”的教学思路，教学内容应结合当前WEB技术的发展趋势，把握未来企业级WEB页面开发的发展方向，兼顾各行各业的需求变化，力争面向社会，服务于企业“互联网+”战略。
三、课程学时分配
理论教学学时 2 4 4 2 2 4 2 2 2 2 4 6 36 实践教学学时 实验 4 6 4 6 4 6 6 36 其他（习题、大作业）学时 小 计 6 4 10 2 6 10 6 2 2 2 10 12 72 章节 教学内容 项目一 项目二 项目三 项目四 项目五 项目六 项目七 项目八 项目九 项目十 网页设计与制作基础知识 网站创建与管理 创建简单图文网页 为网页设置音视频和超链接 应用CSS设置网页样式 构建网页布局 在网页中应用表格 模板和库的应用 应用表单和行为 测试和发布网站 项目十一 创建移动设备网页 项目十二 综合应用——制作酒店网站 合计 四·课程教学中应注意的问题
理论课讲解WEB页面开发的原理及方法，并在多媒体教师机上进行演示操作；
实验课在专业机房协助学生解决课上遗留问题，并安排学生进行实践操作巩固学习效考核方法：期终考试占 40％，实验成绩 20％，平时成绩和作业占 40％。 五·课程教学内容
果；
项目一 网页设计与制作基础知识 学习目标
案例一 指出当当网主页的构成元素——认识网页和网站 案例说明 相关知识
一、网页、网站和主页 二、网页的构成元素 三、网页的本质 案例实施
案例二 了解网页设计与制作岗位职责——网页设计基础 案例说明 相关知识
一、网页颜色的选择与搭配 二、网页版式设计
三、网页尺寸 案例实施
案例三 企业网站建设基本流程——网站建设基础 案例说明 相关知识
一、Internet，IP地址和域名
二、WWW，URL，HTTP和浏览器 三、HTML与CSS简介
四、网站管理与网页制作相关软件 案例实施 项目总结
项目二 网站创建与管理 学习目标
案例一 调整Dreamweaver CC 2017工作界面——初识DreamweaverCC 2017 案例说明 相关知识
一、启动DreamweaverCC
二、认识DreamweaverCC工作界面 案例实施
案例二 设置企业网站栏目结构和目录结构 案例说明 相关知识
一、设计网站栏目结构 二、创建网站目录结构 案例实施
案例三 创建企业网站本地站点——站点基本操作 案例说明 相关知识
一、使用Dreamweaver创建和打开本地站点 二、使用Dreamweaver管理本地站点 案例实施
案例四 为企业网站制作欢迎页面——网页文档基本操作 案例说明 相关知识
一、网页文档基本操作 二、“文件”面板基本应用 案例实施 拓展知识
一、网页文档和文件夹命名规则 二、HTML的标签构成
三、HTML网页文档的基本结构 项目总结
课堂实训——创建鲜花导购网站本地站点
项目三 创建简单图文网页 学习目标
案例一 为企业网站新闻显示网页设置页面基本信息——设置网页基本信息 案例说明 相关知识
一、设置文档头信息 二、设置网页页面属性 案例实施
案例二 为企业网站新闻显示网页设置文本内容——设置网页文本 案例说明 相关知识
一、添加普通文本 二、插入特殊符号 三、添加空格
四、添加与设置水平线 五、创建列表 案例实施 拓展知识
列表在HTML中的表示
案例三 为企业网站新闻显示网页设置图像——设置网页图像 案例说明 相关知识
一、插入与编辑图像 二、插入鼠标经过图像 案例实施 拓展知识
一、网页中可用的图像格式 二、图像在HTML中的表示 项目总结
课堂实训——为鲜花导购网页设置文字和图像内容
项目四 为网页设置音视频和超链接 学习目标
案例一 制作音视频在线播放页面——在网页中插入HTML 5音视频 案例说明 相关知识
一、插入HTML5 Audio 二、插入HTML5 Video 三、插入并编辑插件 案例实施 拓展知识
一、HTML5 Audio和Video所支持的音频和视频格式 二、为网页设置背景音乐
案例二 为企业网站新闻显示网页设置超链接——设置超链接 案例说明 相关知识
一、超链接的含义和分类 二、设置常规超链接 三、设置热点链接
四、设置电子邮件链接 五、设置文件下载链接 六、设置图像链接 案例实施 项目总结
课堂实训——为“鲜花导购网页”设置超链接
项目五 应用CSS设置网页样式 学习目标
案例一 为企业网站新闻显示网页设置整体样式——设置CSS样式（上） 案例说明 相关知识
一、CSS样式表简介
二、在页面中引入CSS样式表的几种方法 三、CSS中选择器的类型 四、设置布局样式
五、设置文本和段落样式 六、设置背景样式 七、盒子模型的概念 案例实施 拓展知识
一、选择器的集体声明、嵌套与优先级 二、选择器的继承
案例二 为企业网站新闻显示网页设置页头样式——设置CSS样式（中） 案例说明 相关知识
一、设置边框样式 二、标准流的概念 案例实施
案例三 为企业网站新闻显示网页设置正文样式——设置CSS样式（下） 案例说明 相关知识
一、设置列表样式
二、margin使用注意事项 案例实施 项目总结
课堂实训——为“鲜花导购网页”设置CSS样式
(完整版)《网页设计与制作》课程教学大纲
