《网页设计与制作》课程教学 大纲

《《网页设计与制作》课程教学 大纲》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、《网页设计与制作》课程教学大纲课程名称：网页设计与制作学分及学时：4学分　总学时72学时，理论36学时适用专业：网络工程开课学期：第四学期开课部门：计算机与互联网学院先修课程：计算机文化基础计算机网络考核要求：考试使用教材及主要参考书：向知礼主编：《网页设计与制作》航空工业出版社2017年杨松主编：《网页设计案例教程》航空工业出版社2015年一·课程性质和任务：本课程全面地介绍网页制作技术的基本理论和实际应用。全书共10章，分为3大部分。前5章为第1部分，主要介绍网页制作的基本理论——HTML，同时穿插介绍Firewo

2、rks，Flash，Anfy等软件在网页制作过程中的应用；第6章～第8章为第2部分，主要介绍网页制作技术，包括CSS技术、客户端脚本技术(DHTML)以及XML技术；第9章～第10章为第3部分，主要介绍当前最流行的网页制作工具——Dreamweaver，通过应用实践能够从实际应用的角度进一步巩固所学知识。课程内容不但包括各种网页制作技术的基础理论，而且强调网页制作的具体应用，使读者既能打下坚实的理论基础，又能掌握实际的操作技能。二·课程教学目的与要求以Dreamweaver的使用为主线，介绍网页制作的相关技术。使学生理

3、解网页制作的基本概念和理论,掌握站点的建立和网页的设计,能用HTML语言修改网页;掌握网页制作和站点的基本知识;掌握站点的创建和网页的编辑;掌握超链接、图像、CSS样式的使用;掌握表格、框架、表单、多媒体对象的使用;理解行为、模板、库、CSS布局的概念和使用;理解HTML语言、网站的测试与的发布；要求：教学过程中，须注重学生实践操作能力的培养，采取“面向实践、能力为先”的教学思路，教学内容应结合当前WEB技术的发展趋势，把握未来企业级WEB页面开发的发展方向，兼顾各行各业的需求变化，力争面向社会，服务于企业“互联网+”

4、战略。三、课程学时分配章节教学内容理论教学学时实践教学学时其他（习题、大作业）学时小计实验项目一网页设计与制作基础知识24 6项目二网站创建与管理4  4项目三创建简单图文网页4 6 10项目四为网页设置音视频和超链接2 2项目五 应用CSS设置网页样式24 6项目六构建网页布局46 10项目七在网页中应用表格24 6项目八模板和库的应用2 2项目九应用表单和行为2 2项目十测试和发布网站2  2项目十一 创建移动设备网页4610项目十二综合应用——制作酒店网站6612合计3636 72四·课程教学中应注意的问题理论课

5、讲解WEB页面开发的原理及方法，并在多媒体教师机上进行演示操作；实验课在专业机房协助学生解决课上遗留问题，并安排学生进行实践操作巩固学习效果；考核方法：期终考试占40％，实验成绩20％，平时成绩和作业占40％。五·课程教学内容项目一  网页设计与制作基础知识学习目标案例一  指出当当网主页的构成元素——认识网页和网站案例说明相关知识一、网页、网站和主页二、网页的构成元素三、网页的本质案例实施案例二  了解网页设计与制作岗位职责——网页设计基础案例说明相关知识一、网页颜色的选择与搭配二、网页版式设计三、网页尺寸案例实施案

6、例三  企业网站建设基本流程——网站建设基础案例说明相关知识一、Internet，IP地址和域名二、WWW，URL，HTTP和浏览器三、HTML与CSS简介四、网站管理与网页制作相关软件案例实施项目总结 项目二  网站创建与管理学习目标案例一  调整DreamweaverCC2017工作界面——初识DreamweaverCC2017案例说明相关知识一、启动DreamweaverCC二、认识DreamweaverCC工作界面案例实施案例二  设置企业网站栏目结构和目录结构案例说明相关知识一、设计网站栏目结构二、创建网站目

7、录结构案例实施案例三  创建企业网站本地站点——站点基本操作案例说明相关知识一、使用Dreamweaver创建和打开本地站点二、使用Dreamweaver管理本地站点案例实施案例四  为企业网站制作欢迎页面——网页文档基本操作案例说明相关知识一、网页文档基本操作二、“文件”面板基本应用案例实施拓展知识一、网页文档和文件夹命名规则二、HTML的标签构成三、HTML网页文档的基本结构项目总结课堂实训——创建鲜花导购网站本地站点 项目三  创建简单图文网页学习目标案例一  为企业网站新闻显示网页设置页面基本信息——设置网页基

8、本信息案例说明相关知识一、设置文档头信息二、设置网页页面属性案例实施案例二  为企业网站新闻显示网页设置文本内容——设置网页文本案例说明相关知识一、添加普通文本二、插入特殊符号三、添加空格四、添加与设置水平线五、创建列表案例实施拓展知识列表在HTML中的表示案例三  为企业网站新闻显示网页设置图像——设置网页图像案例说明相关知识一