《网页设计与制作》课程标准.doc

《《网页设计与制作》课程标准.doc》由会员分享，可在线阅读，更多相关《《网页设计与制作》课程标准.doc（8页珍藏版）》请在得力文库 - 分享文档赚钱的网站上搜索。

1、第 页 1网页设计与制作网页设计与制作课程标准课程标准一、概述 （一）（一）课课程性程性质质 本课程是五年制联大计算机网络专业的专业课程，是一门实用性极强的课程。课程以目前最常用的网页制作工具 Dreamweaver 为介绍对象，通过学习，要求学生掌握网页设计的基本概念，了解常用脚本语言，能够利用常见网页制作软件设计制作出常见的静态网页，了解动态网页设计方法，初步掌握动态网页的设计。同时通过本课程的学习，提高学生的操作技能，培养学生踏实认真、精益求精、团结合作、创新的精神，培养良好的职业道德。 （二）（二）课课程基本理念程基本理念 网页设计与制作课程共分为九个项目，它们分别是：网页基础知识、制

2、作图文并茂的网页（文本、图像、超链接）、页面布局设计（表格、层、框架）、CSS 样式设计、表单的应用、使用行为、模板和库、动态网页设计初步。各项目之间既独立又相互联系：作为项目是独立的，但作为项目当中应用到的知识点，各项目之间又是有关联的。在不同的项目之间有些知识点的应用是不断重复的，以强化学生对知识点的理解，也让学生能够接触到大量的不同类型网页的制作。当然，每个项目的侧重点是不同的，教学中应当注意处理好各项目之间的关系，注意重、难点的把握。网页设计与制作课程可以在计算机基础、 PhotoShop 图像处理、 计算机网络技术、 数据库等课程之后开设。本课程作为计算机网络专业的一门主干专业课程，

3、一般在 2 年级开设，此时学生已经具备一定的计算机基础知识和操作能力，能较快地掌握网页设计的各种知识，并运用所学知识做出具有特色的网站。 （三）（三）课课程程设计设计思路思路本课程的设计体现“以能力为本位、以职业实践为主线、以项目课程为主体”，打破了传统的学科体系的模式，将网页设计职业岗位能力中用到的知识点融合在项目中。学生通过各项目的系列练习操作，熟练地掌握岗位所需知识和技能，并不断强化，项目体现操作能力和解决问题能力的培养。它体现了职业教育“以就业为导向，以能力为本位”的职业教育理念。课程框架结构、学分和学时分配 项目名称学时学分备注1初识 DreamWeaver82制作图文并茂的网页18

4、3页面布局设计184CSS 样式设计85表单的应用106使用行为107模板和库148静态网页综合作业189选修内容之一选修内容之二1Fireworks 在网页中的初识动态网页167每部分内容以项目或任 务为主体，通过完成相 应的项目或任务，理解 相关知识点，能够熟练 进行各类网页的设计操 作；动态网页设计部分 学习留言板的设计，初 步理解动态网页设计的要点。第 页 2应用（6 课时）2Flash 在网页中的应用 （10 课时）设计10.机动6合计126 二、课程目标总目标：使学生掌握常用的网页设计工具，熟练运用多种网页设计技术，具备 Web 网页设计、制作及站点管理的基本知识和基本技能，学生能

5、够独立制作中小型的网站。具体目标：（一）教学目标：1. 了解 WWW、HTTP、HTML、CSS 的定义、概念和作用；2. 理解服务器、客户端、浏览器的概念和作用；3. 理解 HTML 语言中的常见标记及其作用；4. 熟练掌握 DreamWeaver 的基本操作方法；5. 理解表格、框架、层的作用，掌握设置其属性的方法；6. 理解 CSS 样式表的作用和意义，掌握定义 CSS 样式的方法；7. 理解表单的作用，掌握设置表单元素属性的方法；8. 理解行为的作用，掌握设置行为的方法，理解简单 VBScript 代码的含义；9. 理解模板和库的作用；（二）技能教学目标：1. 会使用 Dreamwea

6、ver 网页设计工具制作网页；2. 会根据需要修改 HTML 语言中的标记，设置相关标记的属性；3. 能够熟悉进行网页文本、图像、超链接、表格操作，并按要求设置其属性；4. 能够熟练运用表格、层、框架等进行网页布局；5. 熟练掌握 CSS 样式的定义和修改，并能根据实际需要进行 CSS 样式的定义和应用；6. 熟练掌握表单制作方法，能够根据要求进行表单的设计；7. 能够在网页中根据要求设置行为；8. 熟练掌握模板设计方法，能够根据实际需要进行模板设计，并能使用模板生成相应的网页；掌握库的基本操作方法，会使用库简化网页设计；（三）素质教学目标：1. 具有勤奋学习的态度，严谨求实、创新的工作作风；

7、2. 具有良好的心理素质和职业道德素质；3. 具有高度责任心和良好的团队合作精神；4. 具有一定的科学思维方式和判断分析问题的能力；5. 具有较强的网页设计创意思维、艺术设计素质。第 页 3三、内容标准（课程内容与要求）项目一、初识 DreamWeaver教学目标：了解网页设计的基本概念，掌握 Dreamweaver 工作界面设置，掌握站点的建立和管理，能够根据要求建立和管理站点；掌握进行网页制作的一般步骤。活动安排：活动一 初识 DreamWeaver、站点的创建与管理（4 学时）活动二 第一个页面（4 学时）考核评价：能否建立正确的站点，并进行站点的管理。1、活动一 初识 DreamWea

8、ver、站点的创建与管理知识要点：网页设计的基本概念，Dreamweaver 功能简介、窗口组成及操作，建立和管理站点。技能要点：掌握 Dreamweaver 工作界面设置，掌握站点的建立和管理，能够根据要求建立和管理站点。2、活动二 第一个页面知识要点：网页制作最基本的步骤。技能要点：掌握网页制作的一般步骤和方法，初步掌握利用表格布局页面的方法，初步掌握设置导航方法，能够正确保存与浏览页面。项目二、制作图文并茂的网页教学目标：理解文本、图像，掌握设置其属性的方法；理解内部、外部、图像映射、邮件、文件下载、锚点、脚本等几种超链接的作用，掌握其设置方法；了解 HTML 代码，并能看懂。活动安排：

9、活动一 制作图文并茂的图书网页（18 学时）考核评价：能否创建图文并茂的网页。1 活动一 制作图文并茂的图书网页知识要点：制作图文并茂的图书网页，解读图书网页的 HTML 代码。技能要点：掌握在网页中插入文本、图像、超链接的方法，会根据要求设置其属性。项目三、页面布局设计教学目标：掌握表格的基本操作方法和表格属性的设置，理解表格 HTML 代码的含义并能正确应用，掌握常见特殊表格制作技巧；能够使用表格合理布局页面；掌握层在网页中的灵活运用；能够利用框架组织页面。活动安排：活动一 表格的基本操作及特殊表格的制作（2 学时）活动二 典型网页设计（4 学时）活动三 商务网站首页设计（4 学时）活动四

10、 层的基本操作设计（2 学时）活动五 穿衣游戏（2 学时）第 页 4活动六 利用框架组织页面（4 学时）考核评价：能否利用表格、框架、层等技术进行页面布局。1 活动一 表格的基本操作及特殊表格的制作知识要点：表格的三种视图方式，表格的基本操作方法，表格属性的设置，表格 HTML 代码的含义，特殊表格制作技巧。技能要点：了解表格的三种视图方式及其作用，掌握表格的基本操作方法和表格属性的设置，理解表格 HTML 代码的含义并能正确应用，特殊表格制作技巧。2 活动二 典型网页设计知识要点：使用表格布局网页。技能要点：掌握使用表格布局网页的基本方法，能够按要求合理进行网页布局。3、活动三 商务网站首页

11、设计知识要点：使用表格布局网页。技能要点：掌握使用表格布局网页的基本方法，能够按要求合理进行网页布局。4、 活动四 层的基本操作设计知识要点：使用层制作漂浮图片和弹出式菜单。技能要点：了解层的特点，掌握层及其属性设置，掌握使用层制作漂浮图片和弹出式菜单。5、 活动五 穿衣游戏知识要点：使用层和行为设计穿衣游戏网页。技能要点：灵活使用层进行网页设计。6、 活动六 利用框架组织页面知识要点：利用框架组织页面。技能要点：掌握使用框架组织网页的基本方法，能够按要求运用框架组织网页。项目四、CSS 样式设计教学目标：理解 CSS 的含义，掌握定义 CSS 的几种方式，能够根据要求定义并编辑 CSS 样式

12、。活动安排：活动一 设置图书网页的 CSS 样式（4 学时）活动二 搜索引擎的制作（4 学时）考核评价：能否理解并编辑、使用 CSS 样式表。1、 活动一 设置图书网页的 CSS 样式知识要点：设置不随内容一起滚动的背景图像、即时改变网页文本大小。技能要点：掌握 CSS 定义和编辑的方法，能够按要求设置 CSS 样式并应用。2、 活动二 搜索引擎的制作知识要点：利用层和 CSS 样式制作搜索引擎页面。技能要点：掌握使用表格布局网页的基本方法，能够按要求合理进行网页布局。项目五、表单的应用第 页 5教学目标：理解表单及各表单域的作用，掌握其属性设置方法。理解并掌握表单验证方法。能够按要求设置表单

13、域并进行表单的验证。活动安排：活动一 注册页面的制作（10 学时）考核评价：能否理解表单，使用表单。1、活动一 注册页面的制作知识要点：完成注册表单的制作。技能要点：掌握表单制作技巧，能够按要求设置表单域并正确验证表单。项目六、使用行为教学目标：理解行为的作用，掌握常见行为的应用。活动安排：活动一 常见行为的使用（10 学时）考核评价：能否理解行为，应用行为。1 活动一 常见行为的使用知识要点：利用行为制作弹出窗口、播放声音、弹出消息框、设置导航栏图像、弹出菜单等。技能要点：掌握常见行为的使用，能够按要求设置行为。项目七、模板和库教学目标：理解模板的作用，掌握创建模板的方法，能够利用创建的模板

14、生成页面；理解库的作用，会使用库提高网页的编辑效率。活动安排：活动一 制作家庭装饰网网站（4 学时）活动二 设置家庭装饰网网站的 CSS 样式（2 学时）活动三 设置家庭网网站的库并修改（4 学时）活动四 使用模板、库创建商务网站（4 学时）考核评价：能否理解模板，利用创建的模板生成页面。1 活动一 制作家庭装饰网网站知识要点：创建家庭装饰网网站模板，并根据模板生成相关网页。技能要点：掌握创建模板的方法，能够按要求分析并创建模板，会使用创建的模板生成相关网页。2 活动二 设置家庭装饰网网站的 CSS 样式知识要点：设置家庭装饰网网站的超链接，设置家庭装饰网网站的 CSS 样式，并应用。技能要点

15、：掌握模板的修改编辑方法。会根据要求设置模板的超链接、CSS 样式，并应用在相关页面中。3 活动三 设置家庭装饰网网站的库并修改知识要点：设置家庭装饰网网站的库，并对库进行修改，观察网页的变化。第 页 6技能要点：掌握库的修改编辑方法，体会库的作用。4 活动四 使用模板、库创建商务网站知识要点：设置家庭装饰网网站的库，并对库进行修改，观察网页的变化。技能要点：掌握库的修改编辑方法，体会库的作用。项目八、静态网页综合作业教学目标：能够综合运用表格、模板、CSS 样式等熟练完成静态网页的设计。活动安排：活动一 制作班级主页（6 学时）活动二 制作本班班级网站（12 学时）考核评价：能否综合运用表格

16、、模板、CSS 样式等熟练完成静态网页的设计。1、 活动一 制作班级主页知识要点：按要求制作一个班级主页。技能要点：系统地掌握网页的编辑方法和过程。2、活动二 制作本班班级网站知识要点：完整地制作一个班级网站。技能要点：掌握网站制作的全过程，能够将表格布局、模板运用、CSS 样式综合应用在网站中，会使用切片技术处理相关图片，理解网站的上传和维护的方法并能进行网站内容的上传。选修内容之一：一、Fireworks 在网页中的应用(6 课时)教学目标：掌握 Fireworks MX 2004 基本功能的使用，能对图形图像进行基本的绘制、编辑。活动安排：活动一 设计网页版面活动二 绘制网页 logo活

17、动三 绘制网页标题活动四 网页中的 GIF 动画二、 Flash 在网页中的应用（10 课时）教学目标：学会利用 Flash 为网页增添动态效果。活动安排：活动一 制作首页标题动画活动二 制作分页标题动画活动三 制作网页中的动画活动四 制作 Flash 导航栏活动五 在网页中加入 Flash选修内容之二：第 页 7初识动态网页设计（16 课时）教学目标：理解动态网页的含义；能够正确安装、配置因特网信息服务器 (IIS); 掌握数据库在动态网页中作用，能够根据要求正确创建数据库和数据表; 正确创建数据库的连接并完成留言板页面的制作。活动安排：活动一 建立 ASP 平台（2 学时）活动二 建立数据

18、库（2 学时）活动三 制作显示留言页面（6 学时）活动四 制作签写留言页面（4 学时）活动五 制作管理登录页面和管理留言页面（4 学时）1、 活动一 建立 ASP 平台知识要点：安装 IIS 组件；配置 WEB 站点服务（主目录和虚拟目录）；建立 ASP 动态网站。要求：理解动态网页的含义；了解 IIS 组件的作用，会安装 IIS 组件；理解主目录和虚拟目录的作用，能够按要求正确配置 WEB 站点；能够按要求建立 ASP 动态网站。2、活动二 建立数据库知识要点：建立留言板所需使用的数据库和数据表。技能要点：理解数据库在动态网页中的作用，能够按需要正确建立数据库和数据表。3、活动三 制作显示留

19、言页面知识要点：显示留言页面的制作。技能要点：理解显示留言页面的作用，掌握留言页面制作的步骤和方法。4、活动四 制作签写留言页面知识要点：签写留言页面的制作。技能要点：理解签写留言页面的作用，掌握制作签写留言页面的方法。5、活动五 制作管理登录页面和管理留言页面知识要点：管理登录页面和管理留言页面的制作。技能要点：掌握管理登录页面和管理留言页面的制作方法。 四、实施建议（一）教学建（一）教学建议议： ：从网页设计与制作的实际问题出发，精心准备各种典型案例，构建课程的宏观教学设计。例如，公司网站、班级网站、个人网站精选、图书网站等。以若干个案例为载体，形成循序渐进、种类多样的项目群，构建完整的教

20、学设计布局。1、教学采用“四阶段教学法”，将“教、学、练、做”融为一体。教学体现“教师为主导，学生为主体，训练为主线”的原则，课堂上可以采用“四阶段教学法”： 第 1 个阶段，案例引入，提出问题。第 页 8通过案例演示，提出问题，给出知识点，讲解案例应用背景，给学生一个切入点，建立感性认识。目的是激发学生的学习兴趣、让学生感到学有所用，从而明确本次课的教学目标。 第 2 个阶段，学生自主学习，尝试解决问题。充分利用我校以及互联网网络教学资源，引导学生自主学习，找到解决问题的方法和操作技能，培养学生的自主学习意识和学习方法。学生在学习和尝试解决问题过程中，发现问题，提出问题，在问题的引导下学习相

21、关的知识和操作技能。 第 3 个阶段，归纳总结，引申提高。在每次课结束前，引导学生进行归纳总结。对本次课的实际意义、重点、难点、容易出错处等及时进行总结。并针对案例的不足之处，进行引申和提高。注意在这个阶段，强调的是“引导”学生，而不是老师讲解。 第 4 个阶段，举一反三、学以致用。案例源于生活，最终要应用于生活。为了使学生能学以致用、举一反三、触类旁通，每次教学结束时及时布置相关的课后练习，使学生在课后进一步复习巩固，并且将课后作业纳入形成性考核的内容之一。同时给出下一次课的学习内容，提示学生预习。2、充分利用现代化教学手段，提高教学效果教学中根据实际需要可以采用电子演示文稿、大屏幕多媒体联

22、机演示、网络教学等各种先进的教学手段，使课堂教学生动活泼、引人入胜，提高教学效果，同时提高教学效率。包括：（1）利用多媒体教学系统广播教学。把学生的共同问题（需要提示的重点）通过 “广播教学”，边讲边演示，使学生即时看到操作效果。 （2）利用网络将课堂教学延伸到课外，学生根据需要通过网络学习有关的内容。教师的课件和教学用资料都已都上传到教学资源下载中心，方便学生课外学习和复习。 （二）考核（二）考核评评价建价建议议：对学生学业评价提出建议，体现评价的发展功能。本课程的考核成绩以技能成绩为主，采用上机考试。平时上机实验技能应有严格的记录，根据各种实验的要求来计算成绩。最终课程成绩由“平时成绩（占 50%），期末考试成绩（占 50%）”组成。（三）教材（三）教材编编写建写建议议： ：本门课程与 Flash 动画、PhotoShop 图像处理、计算机网络技术、数据库等课程有着密切的联系，它是上述课程的综合应用，需要多本教材的支撑，有条件、有师资的学校建议自己编写一本综合教材。（四）（四）课课程程资资源的开源的开发发与利用建与利用建议议： ：建议配套使用多媒体教学软件和教学参考资料。