2022年《网页设计与制作》课程标 .pdf

《2022年《网页设计与制作》课程标 .pdf》由会员分享，可在线阅读，更多相关《2022年《网页设计与制作》课程标 .pdf（11页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、网页设计与制作课程标准一、概述（一）课程性质本课程是三年制高职艺术多媒体专业的专业课程，是一门实用性极强的课程。课程以目前最常用的网页制作工具Dreamweaver 为介绍对象，通过学习，要求学生掌握网页设计的基本概念，了解常用脚本语言，能够利用常见网页制作软件设计制作出常见的静态网页，了解动态网页设计方法，初步掌握动态网页的设计。同时通过本课程的学习，提高学生的操作技能，培养学生踏实认真、精益求精、团结合作、创新的精神，培养良好的职业道德。（二）课程基本理念网页设计与制作课程共分为九个项目，它们分别是：网页基础知识、制作图文并茂的网页（文本、图像、超链接）、页面布局设计（表格、层、框架）、

2、CSS 样式设计、表单的应用、使用行为、模板和库、动态网页设计初步。各项目之间既独立又相互联系：作为项目是独立的，但作为项目当中应用到的知识点，各项目之间又是有关联的。在不同的项目之间有些知识点的应用是不断重复的，以强化学生对知识点的理解，也让学生能够接触到大量的不同类型网页的制作。当然，每个项目的侧重点是不同的，教学中应当注意处理好各项目之间的关系，注意重、难点的把握。网页设计与制作课程可以在计算机基础、PhotoShop图像处理及计算机系相关专业课程如计算机网络技术、数据库等课程之后开设。本课程作为多媒体艺术专业的一门专业课程，一般在2年级开设，此时学生已经具备一定的计算机基础知识和操作能

3、力，能较快地掌握网页设计的各种知识，并运用所学知识做出具有特色的网站。（三）课程设计思路本课程定为校企合作课程，所以它的设计应体现“以能力为本位、以职业实践为主线、以项目课程为主体”，打破了传统的学科体系的模式，将网页设计职业岗位能力中用到的知识点融合在项目中。学生通过各项目的系列练习操作，熟练地掌握岗位所需知识和技能，并不断强化，项目体现操作能力和解决问题能力的培养。它体现了职业教育“以就业为导向，以能力为本位”的职业教育理念。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 1 页

4、，共 11 页 - - - - - - - - - 课程框架结构、学分和学时分配项目名称学时学分备注1初识DreamWeaver86每部分内容以项目或任务为主体，通过完成相应的项目或任务，理解相关知识点，能够熟练进行各类网页的设计操作；动态网页设计部分学习留言板的设计，初步理解动态网页设计的要点。2制作图文并茂的网页83页面布局设计184CSS 样式设计85表单的应用66使用行为107模板和库128静态网页综合作业169选修内容之一选修内容之二161Fireworks 在网页中的应用（6课时）初识动态网页设计2Flash 在网页中的应用（ 10课时）10. 机动6合计108名师资料总结 - -

5、 -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 2 页，共 11 页 - - - - - - - - - 二、课程目标总目标：使学生掌握常用的网页设计工具，熟练运用多种网页设计技术，具备 Web 网页设计、制作及站点管理的基本知识和基本技能，学生能够独立制作中小型的网站。具体目标：（一）教学目标：1. 了解WWW、HTTP 、HTML 、CSS 的定义、概念和作用；2. 理解服务器、客户端、浏览器的概念和作用；3. 理解HTML 语言中的常见标记及其作用；4. 熟练掌握 DreamWeaver 的基本操

6、作方法；5. 理解表格、框架、层的作用，掌握设置其属性的方法；6. 理解CSS 样式表的作用和意义，掌握定义CSS 样式的方法；7. 理解表单的作用，掌握设置表单元素属性的方法；8. 理解行为的作用，掌握设置行为的方法，理解简单VBScript 代码的含义；9. 理解模板和库的作用；（二）技能教学目标：1. 会使用Dreamweaver 网页设计工具制作网页；2. 会根据需要修改 HTML 语言中的标记，设置相关标记的属性；3. 能够熟悉进行网页文本、图像、超链接、表格操作，并按要求名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - -

7、 名师精心整理 - - - - - - - 第 3 页，共 11 页 - - - - - - - - - 设置其属性；4. 能够熟练运用表格、层、框架等进行网页布局；5. 熟练掌握 CSS 样式的定义和修改，并能根据实际需要进行CSS 样式的定义和应用；6. 熟练掌握表单制作方法，能够根据要求进行表单的设计；7. 能够在网页中根据要求设置行为；8. 熟练掌握模板设计方法，能够根据实际需要进行模板设计，并能使用模板生成相应的网页；掌握库的基本操作方法，会使用库简化网页设计；（三）素质教学目标：1. 具有勤奋学习的态度，严谨求实、创新的工作作风；2. 具有良好的心理素质和职业道德素质；3. 具有高

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

9、weaver 功能简介、窗口组成及操作，建立和管理站点。技能要点：掌握 Dreamweaver 工作界面设置，掌握站点的建立和管理，能够根据要求建立和管理站点。2、活动二 第一个页面知识要点：网页制作最基本的步骤。技能要点：掌握网页制作的一般步骤和方法，初步掌握利用表格布名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 4 页，共 11 页 - - - - - - - - - 局页面的方法，初步掌握设置导航方法，能够正确保存与浏览页面。项目二、制作图文并茂的网页教学目标：理解文本、图像

10、，掌握设置其属性的方法；理解内部、外部、图像映射、邮件、文件下载、锚点、脚本等几种超链接的作用，掌握其设置方法；了解 HTML 代码，并能看懂。活动安排：活动一 制作图文并茂的图书网页（8学时）考核评价：能否创建图文并茂的网页。1、 活动一 制作图文并茂的图书网页知识要点：制作图文并茂的图书网页，解读图书网页的HTML 代码。技能要点：掌握在网页中插入文本、图像、超链接的方法，会根据要求设置其属性。项目三、页面布局设计教学目标：掌握表格的基本操作方法和表格属性的设置，理解表格HTML 代码的含义并能正确应用，掌握常见特殊表格制作技巧；能够使用表格合理布局页面；掌握层在网页中的灵活运用；能够利用

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

12、二 典型网页设计知识要点：使用表格布局网页。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 5 页，共 11 页 - - - - - - - - - 技能要点：掌握使用表格布局网页的基本方法，能够按要求合理进行网页布局。3、活动三 商务网站首页设计知识要点：使用表格布局网页。技能要点：掌握使用表格布局网页的基本方法，能够按要求合理进行网页布局。4、 活动四 层的基本操作设计知识要点：使用层制作漂浮图片和弹出式菜单。技能要点：了解层的特点，掌握层及其属性设置，掌握使用层制作漂浮图片和弹

13、出式菜单。5、 活动六 利用框架组织页面知识要点：利用框架组织页面。技能要点：掌握使用框架组织网页的基本方法，能够按要求运用框架组织网页。项目四、 CSS 样式设计教学目标：理解 CSS 的含义，掌握定义 CSS 的几种方式，能够根据要求定义并编辑 CSS 样式。活动安排：活动一 设置图书网页的 CSS 样式（4学时）活动二 搜索引擎的制作（ 4学时）考核评价：能否理解并编辑、使用CSS 样式表。1、 活动一 设置图书网页的 CSS 样式知识要点：设置不随内容一起滚动的背景图像、即时改变网页文本大小。技能要点：掌握 CSS 定义和编辑的方法，能够按要求设置CSS 样式并应用。2、 活动二 搜索

14、引擎的制作知识要点：利用层和 CSS 样式制作搜索引擎页面。技能要点：掌握使用表格布局网页的基本方法，能够按要求合理进行网页布局。项目五、表单的应用教学目标：理解表单及各表单域的作用，掌握其属性设置方法。理解并掌握表单验证方法。能够按要求设置表单域并进行表单的验证。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 6 页，共 11 页 - - - - - - - - - 活动安排：活动一 注册页面的制作（ 6学时）考核评价：能否理解表单，使用表单。1、活动一 注册页面的制作知识要点：完

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

16、 样式（2学时）活动三 设置家庭网网站的库并修改（2学时）活动四 使用模板、库创建商务网站（4学时）考核评价：能否理解模板，利用创建的模板生成页面。1、 活动一 制作家庭装饰网网站知识要点：创建家庭装饰网网站模板，并根据模板生成相关网页。技能要点：掌握创建模板的方法，能够按要求分析并创建模板，会使用创建的模板生成相关网页。2、 活动二 设置家庭装饰网网站的 CSS 样式知识要点：设置家庭装饰网网站的超链接，设置家庭装饰网网站的CSS 样式，并应用。技能要点：掌握模板的修改编辑方法。会根据要求设置模板的超链名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - -

17、- - - - - - 名师精心整理 - - - - - - - 第 7 页，共 11 页 - - - - - - - - - 接、CSS 样式，并应用在相关页面中。3、 活动三 设置家庭装饰网网站的库并修改知识要点：设置家庭装饰网网站的库，并对库进行修改，观察网页的变化。技能要点：掌握库的修改编辑方法，体会库的作用。4、 活动四 使用模板、库创建商务网站知识要点：设置家庭装饰网网站的库，并对库进行修改，观察网页的变化。技能要点：掌握库的修改编辑方法，体会库的作用。项目八、静态网页综合作业教学目标：能够综合运用表格、模板、CSS 样式等熟练完成静态网页的设计。活动安排：活动一 制作班级主页（

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

19、的绘制、编辑。活动安排：活动一 设计网页版面活动二 绘制网页 logo活动三 绘制网页标题名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 8 页，共 11 页 - - - - - - - - - 活动四 网页中的 GIF 动画二、 Flash 在网页中的应用（ 10课时）教学目标：学会利用 Flash 为网页增添动态效果。活动安排：活动一 制作首页标题动画活动二 制作分页标题动画活动三 制作网页中的动画活动四 制作Flash 导航栏活动五 在网页中加入 Flash选修内容之二：初识动

20、态网页设计（ 16课时）教学目标：理解动态网页的含义；能够正确安装、配置因特网信息服务器 (IIS); 掌握数据库在动态网页中作用，能够根据要求正确创建数据库和数据表 ; 正确创建数据库的连接并完成留言板页面的制作。活动安排：活动一 建立ASP 平台（2学时）活动二 建立数据库（ 2学时）活动三 制作显示留言页面（ 6学时）活动四 制作签写留言页面（ 4学时）活动五 制作管理登录页面和管理留言页面（4学时）1、 活动一 建立ASP 平台知识要点：安装 IIS 组件；配置 WEB 站点服务（主目录和虚拟目录）；建立 ASP 动态网站。要求：理解动态网页的含义；了解IIS 组件的作用，会安装 II

21、S 组件；理解主目录和虚拟目录的作用，能够按要求正确配置 WEB 站点；能够按要求建立 ASP 动态网站。2、活动二 建立数据库知识要点：建立留言板所需使用的数据库和数据表。技能要点：理解数据库在动态网页中的作用，能够按需要正确建立数据库和数据表。3、活动三 制作显示留言页面知识要点：显示留言页面的制作。技能要点：理解显示留言页面的作用，掌握留言页面制作的步骤和名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 9 页，共 11 页 - - - - - - - - - 方法。4、活动四

22、制作签写留言页面知识要点：签写留言页面的制作。技能要点：理解签写留言页面的作用，掌握制作签写留言页面的方法。5、活动五 制作管理登录页面和管理留言页面知识要点：管理登录页面和管理留言页面的制作。技能要点：掌握管理登录页面和管理留言页面的制作方法。四、实施建议（一）教学建议：从网页设计与制作的实际问题出发，精心准备各种典型案例，构建课程的宏观教学设计。例如，公司网站、班级网站、个人网站精选、图书网站等。以若干个案例为载体，形成循序渐进、种类多样的项目群，构建完整的教学设计布局。1、教学采用“四阶段教学法”，将“教、学、练、做”融为一体。教学体现“教师为主导，学生为主体，训练为主线”的原则，课堂上

23、可以采用“四阶段教学法”： 第1个阶段，案例引入，提出问题。通过案例演示，提出问题，给出知识点，讲解案例应用背景，给学生一个切入点，建立感性认识。目的是激发学生的学习兴趣、让学生感到学有所用，从而明确本次课的教学目标。 第2个阶段，学生自主学习，尝试解决问题。充分利用我校以及互联网网络教学资源，引导学生自主学习，找到解决问题的方法和操作技能，培养学生的自主学习意识和学习方法。学生在学习和尝试解决问题过程中，发现问题，提出问题，在问题的引导下学习相关的知识和操作技能。 第3个阶段，归纳总结，引申提高。在每次课结束前，引导学生进行归纳总结。对本次课的实际意义、重点、难点、容易出错处等及时进行总结。

24、并针对案例的不足之处，进行引申和提高。注意在这个阶段，强调的是“引导”学生，而不是老师讲解。 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 10 页，共 11 页 - - - - - - - - - 第4个阶段，举一反三、学以致用。案例源于生活，最终要应用于生活。为了使学生能学以致用、举一反三、触类旁通，每次教学结束时及时布置相关的课后练习，使学生在课后进一步复习巩固，并且将课后作业纳入形成性考核的内容之一。同时给出下一次课的学习内容，提示学生预习。2、充分利用现代化教学手段，提高

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