《网页设计》课程教学资源：课程教学大纲

网页设计课程教学大纲 层次与学制:本科,四年制(含五年制) 教学时数:32学时,第3学期开始开设:周学时2 三、适用专业:全校各院、系各专业 四、课程性质与任务 本课程是公共选修课程,是为非计算机专业学生开设的一门计算机软件应用课程 本课程的主要教学任务是培养大学生的计算机应用技能,使学生掌握网页设计“三剑客 的实际应用方法及技巧,培养学生的设计能力,以满足和适应信息化社会对大学生基本 素质的要求。 五、教学目的与基本要求 根据教育部制定的《高等学校文科类专业大学计算机教学基本要求》的相关内容制 定本教学大纲。学生通过学习该门课程,能够利用网页三剑客 Dreamweaver、 Fireworks、 Flash进行网页设计和网站建设,能够清晰地了解网页规划、设计、制作的过程,并且 可以独立设计制作具有一定专业水准的网页。 本课程的具体要求是: (一)掌握网页制作的基础知识,熟悉网站建设的流程。 (二)熟悉网页设计三剑客之间的关系 (三)掌握用 Dreamweaver规划、制作网页。 (四)掌握用 Fireworks对网页上的图片素材进行加工、处理。 (五)掌握用 Flash设计、制作网页上的动画素材 六、教材与教学参考书 教材:《网页制作案例教程》,李跃贞、常春英主编,航空工业出版社,2008年5 月第1版,一般教材 参考书:《电子商务网页设计与制作》,傅俊主编,电子工业出版社,2012年6月第 1版,高等教育理实一体化规划教材。 《网页制作案例教程》,高林、胡强主编,人民邮电出版社,2013年1月第 1版,普通高校计算机教育“十二五”规划教材

1 网页设计课程教学大纲 一、层次与学制：本科，四年制（含五年制） 二、教学时数：32 学时，第 3 学期开始开设；周学时 2 三、适用专业：全校各院、系各专业 四、课程性质与任务 本课程是公共选修课程，是为非计算机专业学生开设的一门计算机软件应用课程。 本课程的主要教学任务是培养大学生的计算机应用技能，使学生掌握网页设计“三剑客” 的实际应用方法及技巧，培养学生的设计能力，以满足和适应信息化社会对大学生基本 素质的要求。 五、教学目的与基本要求 根据教育部制定的《高等学校文科类专业大学计算机教学基本要求》的相关内容制 定本教学大纲。学生通过学习该门课程，能够利用网页三剑客 Dreamweaver、Fireworks、 Flash 进行网页设计和网站建设，能够清晰地了解网页规划、设计、制作的过程，并且 可以独立设计制作具有一定专业水准的网页。 本课程的具体要求是： （一）掌握网页制作的基础知识，熟悉网站建设的流程。 （二）熟悉网页设计三剑客之间的关系。 （三）掌握用 Dreamweaver 规划、制作网页。 （四）掌握用 Fireworks 对网页上的图片素材进行加工、处理。 （五）掌握用 Flash 设计、制作网页上的动画素材。 六、教材与教学参考书 教材：《网页制作案例教程》，李跃贞、常春英主编，航空工业出版社，2008 年 5 月第 1 版，一般教材。 参考书：《电子商务网页设计与制作》，傅俊主编，电子工业出版社，2012 年 6 月第 1 版，高等教育理实一体化规划教材。 《网页制作案例教程》，高林、胡强主编，人民邮电出版社，2013 年 1 月第 1 版，普通高校计算机教育“十二五”规划教材

七、教学主要内容与学时分配 (一)网站建设流程 1.网站建设的一般流程 2.网站、网页和主页的概念 3.网址、网页的构成 (二)初识 Dreamweaver 创建和管理站点 2.设置网页基本属性 3.文本、图像、视频、音频等网页元素的应用 4.设置常见网页链接 (三)网页布局 1.使用表格构建网页整体布局 2.表格的高级应用 3.使用框架制作网页 4.图层的应用 5.行为的应用 (四)CSS样式 1.CSS样式的应用 2.多媒体的应用 (五)表单操作 1.创建表单 2.插入表单对象,并设置其属性 (六)初识 Fireworks 1.认识 Fireworks操作界面 2.工具组的应用

2 七、教学主要内容与学时分配 （一）网站建设流程 1．网站建设的一般流程 2．网站、网页和主页的概念 3．网址、网页的构成 （二）初识 Dreamweaver 1．创建和管理站点 2．设置网页基本属性 3．文本、图像、视频、音频等网页元素的应用 4．设置常见网页链接 （三）网页布局 1．使用表格构建网页整体布局 2．表格的高级应用 3．使用框架制作网页 4．图层的应用 5．行为的应用 （四）CSS 样式 1．CSS 样式的应用 2．多媒体的应用 （五）表单操作 1．创建表单 2．插入表单对象，并设置其属性 （六）初识 Fireworks 1．认识 Fireworks 操作界面 2．工具组的应用

3.位图编辑工具的应用 (七) Fireworks进阶操作 1.“层”的应用 2.“帧”的应用 3.优化、导出动画 (八)初识 Flash 1.认识 Flash操作界面 2.文档基本操作 3.应用图形元件 常用绘图工具的应用 (九) Flash动画制作入门 1.时间轴简介 2.认识图层 3.帧的种类和基本操作 4.制作简单的动作补间动画 (十)网页动画设计与制作 1.多场景的应用 2.遮罩动画的制作方法 3.路径引导动画的制作方法 各教学环节(含主要实践环节)的学时分配(单位:学时) 项目(学时数) 合计讲授讨论、训练实验习题课、测验其他 内容 网站建设流程 初识 Dreamweaver

3 3．位图编辑工具的应用 （七）Fireworks 进阶操作 1．“层”的应用 2．“帧”的应用 3．优化、导出动画 （八）初识 Flash 1．认识 Flash 操作界面 2．文档基本操作 3．应用图形元件 4．常用绘图工具的应用 （九）Flash 动画制作入门 1．时间轴简介 2．认识图层 3．帧的种类和基本操作 4．制作简单的动作补间动画 （十）网页动画设计与制作 1．多场景的应用 2．遮罩动画的制作方法 3．路径引导动画的制作方法 各教学环节（含主要实践环节）的学时分配（单位：学时）： 项目（学时数） 内容 合计 讲授 讨论、训练 实验 习题课、测验 其他 网站建设流程 1 1 初识 Dreamweaver 3 1 2

网页布局 6 CSS样式 课后作业 表单操作 (设计网站) 初识 Fireworks Fireworks进阶操作4 课后作业二 初识 Flash (设计广告) Flash动画制作入门 网页动画设计与制作3 综合作业 合计 32 11 八、作业设计 根据本课程的授课内容共布置三次作业: (一)平时作业:在 Dreamweaver教学内容结束时布置一个综合运用 Dreamweaver 软件完成的实践性作业,在 Fireworks教学内容结束时布置一个综合运用 Fireworks软 件完成的实践性作业,教师要对每次作业批改并有记录,两次平时作业成绩占平时成绩 的80% (二)综合作业:在本课程结束之前布置一个融 Dreamweaver、 Fireworks、 Flash 网页三剑客于一体的综合性设计作业,学生按照课程的进度逐步完成该综合性设计作 业,最后一次课要求学生将自己设计的 Fireworks作品和 Flash作品插入到由 Dreamweaver制作的网页中,本次综合作业成绩占总评成绩的50% 九、教学策略 (一)精讲多练,注重学生实际动手能力的培养。课堂上通过“鼓励-启发-指导 实践”的教学方式来调动学生的学习积极性,形成“学生为主体,教师为主导”的教学 模式 (二)采取理论与实践相结合的教学方法。让学生熟练运用网页设计三剑客制作各

4 网页布局 6 2 4 CSS 样式 3 1 2 表单操作 3 1 2 课后作业一 （设计网站） 初识 Fireworks 3 1 2 Fireworks 进阶操作 4 1 3 初识 Flash 3 1 2 课后作业二 （设计广告） Flash 动画制作入门 3 1 2 网页动画设计与制作 3 1 2 综合作业 合 计 32 11 21 八、作业设计 根据本课程的授课内容共布置三次作业： （一）平时作业：在 Dreamweaver 教学内容结束时布置一个综合运用 Dreamweaver 软件完成的实践性作业，在 Fireworks 教学内容结束时布置一个综合运用 Fireworks 软 件完成的实践性作业，教师要对每次作业批改并有记录，两次平时作业成绩占平时成绩 的 80%。 （二）综合作业：在本课程结束之前布置一个融 Dreamweaver、Fireworks、Flash 网页三剑客于一体的综合性设计作业，学生按照课程的进度逐步完成该综合性设计作 业，最后一次课要求学生将自己设计的 Fireworks 作品和 Flash 作品插入到由 Dreamweaver 制作的网页中，本次综合作业成绩占总评成绩的 50%。 九、教学策略 （一）精讲多练，注重学生实际动手能力的培养。课堂上通过“鼓励-启发-指导- 实践”的教学方式来调动学生的学习积极性，形成“学生为主体，教师为主导”的教学 模式。 （二）采取理论与实践相结合的教学方法。让学生熟练运用网页设计三剑客制作各

种美观、实用的网页,提高专业设计能力 (三)充分利用网络和多媒体教学软件。及时分发教学文件,使用监控软件和学生 进行互动。 (四)通过实践性的实例强化抽象的理论知识,提高学生的实践能力 十、考核方式 (一)考查课 (二)成绩比例:满分100分,平时成绩50%+综合作业成绩50%。 (三)平时成绩:满分50分,出勤20%+平时作业80% (四)综合作业成绩:满分50分,以综合设计的形式进行考核 (五)考查原则:突出实践性和实用性,重在考察学生综合应用网页制作三剑客的 能力,同时注重学生创造性思维的培养。 十一、教材的删减与增补 根据授课内容的重点和难点对每课的训练项目进行了适当地删减,同时适当地增补 了更适合学生实际应用需要的上机操作实验。 2014年10月修订

5 种美观、实用的网页，提高专业设计能力。 （三）充分利用网络和多媒体教学软件。及时分发教学文件，使用监控软件和学生 进行互动。 （四）通过实践性的实例强化抽象的理论知识，提高学生的实践能力。 十、考核方式 （一）考查课 （二）成绩比例：满分 100 分，平时成绩 50% + 综合作业成绩 50%。 （三）平时成绩：满分 50 分，出勤 20% + 平时作业 80%。 （四）综合作业成绩：满分 50 分，以综合设计的形式进行考核。 （五）考查原则：突出实践性和实用性，重在考察学生综合应用网页制作三剑客的 能力，同时注重学生创造性思维的培养。 十一、教材的删减与增补 根据授课内容的重点和难点对每课的训练项目进行了适当地删减，同时适当地增补 了更适合学生实际应用需要的上机操作实验。 2014 年 10 月修订