网页设计与制作课程

1、网页设计与制作（DW、FW 及 FLASH）课程标准课程名称：网页设计与制作（DW、FW 及FLASH）总学时数：64学 分 数：4开课：电气与信息课程类别：专业必修课适用专业：计算机网络技术一、课程的性质网页设计与制作属于计算机网络技术专业的一门专业必修课，是一门科学性强、知识丰富、实用性很强的学科，涉及到网络基础知识， ernet 等。教学目的：通过本课程的学能够: 1、让学生熟悉网页处理的流程及方法。2、使学生熟练掌握 Dreamweaver CS5 等网页制作的使用技巧。3、使学生掌握的创建技术以及的管理能力。4、激发学生的创造力。培养目标：通过本课程的教学，使学生能够掌握的基本理论、

2、基本知识和基本方法。要求学生在学习中注意理论联系实际，结合实例加深理解。通过本课程的学习，要达到能较为完整地掌握设计与开发的基本方法，并能将之运用于实践当中的目的。二、课程设计思路以校企合作为切入点，以培养职业能力为，以项目教学为主要，积极探索教学方法与成绩评价方法的创新，保证课程目标的实现。（1）以职业能力培养为的课程设计。在重视学生专业能力的同时，重视方法能力与社会能力的培养。学生通过课程学习掌握网页设计与制作、建设、网络推广等全方面开发能力。由课堂学习发展到网络课程学习，学生的市场开拓方法能力和学习能力（方法能力）。通过合作学习、企业实际问题的思考学生的团队合作能力与创新能力等社会能力（

3、社会能力）。（2）以项目教学为的课程实施。一是教学组织项目化，教学要求具体并可操作；二是教学方法强调启发引导法、合作学习法、真实体验法、循序渐进法等多种方法的灵活运用；三是考核体系由教师、学生、企业共同参与的多元考核、鼓励学生不断追求完善的动态考核、重视平时学习过程的随机考核。三、课程基本目标通过本课程的教学，使学生能够掌握设计的基本理论、基本知识和基本方法。要求学生在学习中注意理论联系实际，结合实例加深理解。通过本课程的学习，要达到能较为完整地掌握设计与开发的基本方法，并能将之运用于实践当中的目的。1、知识目标：（1）Dreamweaver CS5 的基本操作和使用技能熟练掌握网页制作（2）

4、掌握页面的整体控制和头部内容设置的方法（3）熟练掌握在网页中输入、设置标题和正文文字的方法（4）熟练掌握在网页中图像、flas、背景音乐的方法（5）掌握建立各种形式超级的方法（6）熟练掌握网页页面布局的各种方法（7）掌握规划的内容结构、目录结构、结构的方法（8）掌握表单网页制作方法（9）掌握网页特效的制作方法（10）掌握测试的方法2、能力目标：（1）（2）（3）（4）（5）（6）培养学生收集、处理信息，准备、加工素材的能力培养学生制作静态网页的能力培养学生设计网页、网页布局的能力培养学生设计的综合能力培养学生的策划能力、色彩感悟力、结构布局能力和想象力训练和培养学生获取信息和处理信息的能力，充

5、分培养和提高学生的动手能力，学会通过、书籍、素材光盘等方式收集所需的文字资料、图像资料、flash动画和网页特效等（7）培养学生运用所学的理论知识和技能解决开发过程中所遇到的实际问题的能力及其基本工作素质3、素质目标：（1）培养学生的沟通能力和协作精神（2）培养学生勤于思考、认真做事的良好作风（3）培养学生勇于创新、敬业乐业的工作作风（4）培养学生具有良好的职业道德和较强的工作责任心（5）培养学生学习能力和知识应用能力（6）培养学生理论联系实际的工作作风、严肃认真的科学态度以及独立工作的能力，树立自信心（7）4、无训练和培养团队协作精神和共同开发的综合能力考核要求：四、先修课程计算机应用基础五

6、、内容标准单元一 网页设计网络基础知识教学目标了解：ernet 的发展过程,IP 地址、理解：等基础知识。的基本运行原理掌握：网页中的基本元素和制作元素，熟练掌握教学内容制作的基本步骤。页的相关概念、网页与、网页的基本元素、网页制作工具、制作的流程，熟悉 Dreamweaver CS5 的工作界面，掌握创建本地站点和根据站点规划设置目录结构中的子文件夹和 index.html 主页文件。重点：制作的基本步骤。难点：个人站点的建立。学时分配 2 学时单元二编辑制作页面教学目标了解：页面属性的设置。理解：精确设置文本属性、使用样式控制文本外观。掌握：图像的教学内容与设置，轮换图像、映像图、网页相册

7、的制作。学习如何编辑网页文本、设置滚动字幕、插入水平线，插入图像和编辑图像的方法，如何制作鼠标经过图像的方法。重点使用样式控制文本外观难点：使用图像学时分配 6 学时单元二 网站编辑网站链接教学目标了解：链接的不同类型，相对链接和绝对链接的区别。理解：链接打开的位置。掌握：创建文字链接、图片链接、锚记链接、邮件链接、下载链接的方法。教学内容学习超链接的定义、链接路径的概念，创建文本链接、链接文档打开的方式，创建图像链接和热点链接，创建命名锚记和链接命名锚记，创建邮件链接和下载链接，用超链接工具为链接实例中的网页进行超链接设置。重点：设置链接。难点：链接打开的位置。学时分配 2 学时单元二 网站

8、编辑网页布局技术：表格教学目标了解：各种网页排版工具的特点和典型应用。理解：表格的添加和删除、表格的选择、表格格式化的操作，能对表格中的数据进行排序。掌握：表格的边框、背景、颜色、大小等属性设置，熟练掌握表格布局页面的方法。教学内容学习表格的相关概念，如何表格、表格的属性设置，编辑表格的方法和利用嵌套表格进行“某电气公司”主页的制作。重点：表格的使用方法难点：嵌套表格学时分配 4 学时单元二编辑网页布局技术：层教学目标了解：层和表格的区别。理解：层和表格的相互转换。掌握：新建层、嵌套层、层的选择与属性设置，熟练掌握用层进行页面布局。结合层制作网页特效。教学内容学习层的基本概念、层控制面板，如何

9、创建层、选择层元素，设置层的属性、更改层的堆叠顺序和可见性，实现用层结合行为进行“八珍食府”首页的制作。重点：层的使用方法；行为的应用。难点：层属性的设置。学时分配 6 学时单元二编辑网页布局技术：框架教学目标了解：框架的基本概念。理解：框架的创建和保存。掌握：框架的属性设置和为框架设置教学内容，熟练掌握用框架进行页面布局。学习框架的基本知识、框架控制面板，掌握框架集的建立、保存框架集和框架、框架的选择、设置框架和框架集的属性、添加框架的嵌套和，实现用框架布局“某电子公司”主页。重点：为框架设置难点：。框架集和框架的保存。学时分配 4 学时单元二教学目标了解：CSS 样式的基本概念。理解：编辑

10、网页布局新技术：CSS+DIV样式定义掌握：框分类参数。CSS 样式文件的创建、修改和应用。教学内容学习 CSS 的概念和基本语法，熟悉 CSS 样式面板，创建行内样式、内嵌样式、外部样式和CSS 样式，使用 CSS 修饰网页中的文本、背景、框模型、列表、图像、表格、链接等，结合Div布局页面。重点：CSS 样式文件的创建。难点：CSS 样式文件的修改。学时分配 6 学时单元二编辑表单教学目标了解：表单的作用。理解：页运行环境的配置。掌握：表单网页的制作。教学内容学习表单的概念，熟悉表单面板，如何表单、文本字段、Spry 验证文本域、列表/菜单、动态改变表单中菜单选项、单选按钮、跳转菜单、复选

11、框、按钮等。重点：如何难点：各种不同的表单对象。表单属性的正确设置。学时分配2 学时单元二教学目标了解：编辑模板和库模板和库的作用。理解：模板和库的概念。掌握：创建、应用和更新模板的方法；创建、编辑和应用库的方法。教学内容学习模板的概念，建立模板、编辑和应用、更新模板，库的概念，创建库元素、将网页元素为库元素、编辑和应用库项目、脱离库元素控制，利用模板和资源面板制作页面。重点：模板和库的创建。难点：模板的更新。学时分配 4 学时单元二编辑制作多站点教学目标了解：在网页中理解：多对象的方法。各种多掌握：元素属性的设置。多的制作。教学内容制作图像效果，设置背景音乐，文件。Flash 按钮、Flas

12、h 文本、Flas，音频和重点：制作图像效果，难点：音频和学时分配 2 学时多动画。文件。单元三 Fireworks 制作网页元素教学目标了解：Web 图像基础。理解：切片和热点。掌握：Fireworks BANNER。教学内容利用 Fireworks 的图像制作技术，绘制利用切片制作网页特效；导出直接生成的基本操作；动画图像的制作：逐帧动画、利用元件制作动画、精美的首页；添加导航条和动画制作热点；的首页。重点：Fireworks 的基本操作。难点：利用 Fireworks 制作页面。学时分配 12 学时单元四 Flash 制作网页元素教学目标了解：动画音效的设置。理解：Actionscrip

13、t 编程语言。掌握：Flash 中的蒙版技巧；Flash 中形状修改方法；填充方法；运动动画的方法。教学内容学习 Flash 基本动画的制作；利用运动引导层和遮罩层制作动画；动画音效的设置；Actionscript 编程语言的介绍；FLASH MTV 的制作。重点：Flash 的基本操作。难点：利用 Flash 来进行页面动画的制作。学时分配 12 学时六、教学学时分配七、实施建议1、课程组织安排说明本课程课堂教学分为 5 个教学环节：项目任务、任务目标、知识讲解、任务实现和项目实训。教学内容的组织突出模块化特点，以网页制作知识和操作技能为依据构建模块。采用理论与实践教学，融“教、学、练”三者

14、于一体，先提出项目任务，然后介绍操作步骤，讲解操作方法，体现了“在做中学，”的教学理念。学内时容教学时数总学时讲授课内实践课堂练习备注单元一 网页设计网络基础知识211单元二编辑制作页面633单元二编辑211单元二编辑网页布局技术：表格422单元二编辑网页布局技术：层633单元二编辑网页布局技术：框架422单元二编辑网页布局技术：CSS+DIV633单元二编辑表单211单元二编辑模块与库422单元二编辑制作多站点211单元三 Fireworks 制作网页元素1266单元四 Flash 制作网页元素1266机动与考核22、教学方法建议基于真实产品的任务驱动型教学方式课程教学围绕完整的真实展开，各

15、个教学单元采用“任务驱动、应用导向”教学方法，网页制作技能训练在真实工作环境中实施，突出职业能力、综合素质的培养。基于网络资源的开放式学习方式。所有教学资源可以在网上浏览和。3、教学资源的利用使用月第 1 版：网页设计与制作及实训，主编，2013 年 7实验（训）参考书：同1、 网页设计与制作项目化版，主编，海洋大学，2011 年 3 月第 12、彩Dreamweaver MX 中文版完全实例，2003感邮电年3、 计算机专业编写网页制作试题汇编，科学，2003 年培训4、计算机信息高新技术编写编Flash，2004 年希望电子专业：扬州工业学院网页设计与制作精品课程/book-show/fl

16、ex/book.html?courseNumber=051261资源：见精品课程多实验（训）室利用：多机房校外利用：无锡飞翔动画京易迪优开发八、教学评价建议1、考核性质：2、期末考核评价及方式以上机方式考核学生对教学内容的理解和制作技能。3、教学过程评价将教学过程评价分为平时、阶段和综合三部分。平时考核依据完成模仿任务的质量。学生在教师引导下完成模仿任务情况能准确地反映出学生基本知识、技能掌握情况。每完成一个子任务，教师选用请学生自评、学生间互评、教师评价的方式给每一个学生恰如其分的评价，并为平时成绩。考核后，如学生对本人完成任务情况不满意，允许进一步完善，重新考核。平时考核与巡回指导同步进行，当场完成。阶段考核依据完成开放任务质量，兼顾原有水平。完成和模仿任务同时进行的开放任务的质量，较好地反映了学生学习、协作学习、知识综合运用、拓展创新的能力。将该任务分为若干阶段，学生完成每一阶段任务后都要撰写制作说明，然后提交阶段性作品和制作