《网页设计与制作》教学大纲.docVIP

课程编号 编制人 制订日期 修订日期 审定组（人） 审定日期 《网页设计与制作》教学大纲 一、课程基本信息 学时：72 适用专业:电子商务专业 二、课程性质与目标 （一）课程性质 “Dreamweaver网页设计”是计算机网络技术专业（专科）的一门统设必修课。本课程的主要任务是介绍利用Dreamweaver 开发工具进行网页设计，包括新建、编辑和设置一个Web站点；如何对页面属性进行基本的设置，如何设置、编辑CSS层叠式样式表；如何排版文字、表格和层；如何进行基本的图像处理；建立框架；模板和库的使用和编辑；网站的发布与维护等基本知识与应用。目的是通过本课程的学习，培养学生的实际动手能力和计算机的操作能力，能够运用所学的知识进行网页设计。 （二）课程目标 （1）知识目标 掌握Dreamweaver 的交互界面的组成与使用方法，Web站点的基本方法与步骤，站点管理器的用途，学会利用站点地图查看、管理各网页之间的超链接关系、系统属性及网页属性的设置方法，及各设置参数的作用。掌握制作超级链接、E-mail链接、书签等形式的超级链接，使用CSS样式创建、编辑网页的方法，水平线、日期、图象对象的主要属性与设置方法，表格的创建、结构调整与美化方法，网页中创建、修改层和嵌套层的方法，掌握框架结构网页的制作方法，学会利用行为面板设置控制对象的行为，学会通过模板和库元素创建网页的方法，学会使用Dreamweaver 中应用表单设计网页的方法，掌握并了解可以在网页中插入Flash 影片、ActiveX.控件等多媒体对象的方法。 本课程要求学生掌握基本的HTML语言,学会使用Dreamweaver 开发工具进行网页设计。这是一门重在实践的科目，因此需要学生多上机、多进行实际操作，把老师所教授的各种网页制作、版面设计以及程序熟练制作或调试出来，并且能够在此基础上有所创造、有更进一步的发挥。 （2）.技能目标： 1. 会根据网页创意原理和规划布局方法，进行网页设计和页面布局； 2. 会用HTML语言中的标记设置颜色、文本框和列表； 3. 掌握HTML语言的语法结构和HTML语言的标记应用； 4. 掌握在网页中添加CSS的方法，掌握三种添加样式信息的方法； 5.掌握GIF动画制作的方法，会使用一种GIF动画制作工具制作动画； 6. 掌握图像布局和位置相关的标记和概念的用法； 7. 会使用Flash工具进行指定尺寸的动画创作。 （3）.职业素养： 1. 提高学生在实际操作中收集整理信息、处理信息的能力； 2. 在实际的项目任务中培养学生网页设计方面的素养； 3.培养学生团队协作、人际交流方法的素养； 4.培养学生相关知识和技能的综合应用能力。 三、教学内容与学时分配 序号 项目名称 教学内容 学时分配 讲授 训练 小计 一 网页设计基础知识 1．初识Dreamweaver 2．熟悉dreamweaver操作环境 3．网站规划与管理 4．设置页面属性 2 8 10 二 Dreamweaver 简介 1.页面布局方法 2.使用表格布局页面 3.使用框架布局页面 4 6 10 三 网页设计语言基础 1.熟悉HTML语言 2.熟悉CSS样式 4 8 12 四 文本格式 1.编辑页面元素 2.文本输入与编辑 3.使用图像 4.使用Flash动画 5.使用其他媒体元素 4 8 12 五 表格与页面布局 1.页面布局方法 2.使用表格布局页面 2 6 8 1.使用框架布局页面 2.超链接的使用 六 框架 4 6 10 七 表单 1.使用dreamweaver高级应用 2.表单及其应用 3.模板与库 2 4 6 八 Vbscript简单应用 1.站点的发布 2.网站的优化 2 4 6 合计 　 24 48 72 说明：本课程为第四学期教学（4*18=72学时）。 四、教学实施建议 1．教材应依据本课程标准编写,教材应充分体现任务引领、实践导向课程的设计思想。 2．在教学过程中注重dreamweaver、Flash或Photoshop软件的主要功能，并能结合应用。 3．以培养学生综合应用工具，灵活创作的思维。 4．在讲授理论的同时加入具体的设计项目试验，力求达到实战效果避免空洞的理论学习。