(完整版)《网页设计与制作》课程教学大纲.docxVIP

《网页设计与制作》课程教学大纲 课程名称： 网页设计与制作 学分及学时： 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 6 项目二 网站创建与管理 4 4 项目三 创建简单图文网页 4 6 10 项目四 为网页设置音视频和超链接 2 2 项目五 应用 CSS 设置网页样式 2 4 6 项目六 构建网页布局 4 6 10 项目七 在网页中应用表格 2 4 6 项目八 模板和库的应用 2 2 项目九 应用表单和行为 2 2 项目十 测试和发布网站 2 2 项目十一 创建移动设备网页 4 6 10 项目十二 综合应用——制作酒店网站 6 6 12 合计 36 36 72 四·课程教学中应注意的问题 理论课讲解 WEB 页面开发的原理及方法，并在多媒体教师机上进行演示操作；实验课在专业机房协助学生解决课上遗留问题，并安排学生进行实践操作巩固学习效 果； 考核方法：期终考试占 40％，实验成绩 20％，平时成绩和作业占 40％。 五·课程教学内容 项目一 网页设计与制作基础知识 学习目标 案例一 指出当当网主页的构成元素——认识网页和网站 案例说明 相关知识 一、网页、网站和主页 二、网页的构成元素 三、网页的本质 案例实施 案例二 了解网页设计与制作岗位职责——网页设计基础 案例说明 相关知识 一、网页颜色的选择与搭配 二、网页版式设计 三、网页尺寸 案例实施 案例三 企业网站建设基本流程——网站建设基础 案例说明 相关知识 一、 Internet， IP 地址和域名 二、 WWW ， URL ， HTTP 和浏览器 三、 HTML 与 CSS 简介 四、网站管理与网页制作相关软件 案例实施 项目总结 项目二 网站创建与管理 学习目标 案例一 调整 Dreamweaver CC 2017 工作界面——初识 DreamweaverCC 2017 案例说明 相关知识 一、启动 DreamweaverCC 二、认识 DreamweaverCC 工作界面 案例实施 案例二 设置企业网站栏目结构和目录结构 案例说明 相关知识 一、设计网站栏目结构 二、创建网站目录结构 案例实施 案例三 创建企业网站本地站点——站点基本操作 案例说明 相关知识 一、使用 Dreamweaver 创建和打开本地站点 二、使用 Dreamweaver 管理本地站点 案例实施 案例四 为企业网站制作欢迎页面——网页文档基本操作 案例说明 相关知识 一、网页文档基本操作 二、“文件”面板基本应用 案例实施 拓展知识 一、网页文档和文件夹命名规则 二、 HTML 的标签构成