《网页美术设计》课程标准(广告设计专业)

一、课程说明

课程编号： 参考学分：3~4分

参考学时：~72学时 课程管理系部：艺术设计系

适用专业：广告设计与制作、电脑艺术设计

二、课程性质和课程设计

（一）课程性质和作用

本课程是三年制高职广告设计与制作、电脑艺术设计的一门专业核心课程。通过本课程的学习，要求学生掌握网页设计的基本概念，了解常用脚本语言，能够利用常见网页制作软件设计制作出常见的静态网页，了解动态网页设计方法，初步掌握动态网页的设计。同时通过本课程的学习，提高学生的操作技能，培养学生踏实认真、精益求精、团结合作、创新的精神，培养良好的职业道德。 （二）课程基本理念和设计思路 1、课程基本理念

《网页美术设计》课程共分为九个项目，它们分别是：网页基础知识、制作图文并茂的网页（文本、图像、超链接）、页面布局设计（表格、层、框架）、CSS样式设计、表单的应用、使用行为、模板和库、动态网页设计初步。各项目之间既又相互联系：作为项目是的，但作为项目当中应用到的知识点，各项目之间又是有关联的。在不同的项目之间有些知识点的应用是不断重复的，以强化学生对知识点的理解，也让学生能够接触到大量的不同类型网页的制作。当然，每个项目的侧重点是不同的，教学中应当注意处理好各项目之间的关系，注意重、难点的把握。

《网页美术设计》课程可以在《计算机基础》、《PhotoShop图像处理》、《计算机网络技术》、《数据库等课程》之后开设。本课程作为电子商务专业的一门主干专业课程，一般在3年级开设，此时学生已经具备一定的计算机基础知识和操作能力，能较快地掌握网页设计的各种知识，并运用所学知识做出具有特色的网站。 2、课程设计思路

本课程的设计体现“以能力为本位、以职业实践为主线、以项目课程为主体”，打破了传统的学科体系的模式，将网页设计职业岗位能力中用到的知识点融合在项目中。学生通过各项目的系列练习操作，熟练地掌握岗位所需知识和技能，并不断强化，项目体现操作能力和解决问题能力的培养。它体现了职业教育“以就业为导向，以能力为本位”的职业教育理念。

课程框架结构、学分和学时分配、对学生选课的建议

第 1 页

项目名称 1．初识DreamWeaver 2．制作图文并茂的网页 3．页面布局设计 4．CSS样式设计 5．表单的应用 6．使用行为 7．模板和库 8．网页及网站设计综合项目 9.机动 合计 学时 4~6 4~6 10~14 6~8 2~4 2~4 10~12 学分 备注 每部分内容以项目或任务为主体，通过完成相应的项目或任务，理解相关知识点，能够熟练进行各类网页的设计操作；动态网页设计部分学习留言板的设计，3~4 8~10 初步理解动态网页设计的要点。 8 72 三、课程目标

总目标：使学生掌握常用的网页设计工具，熟练运用多种网页设计技术，具备Web网页设计、制作及站点管理的基本知识和基本技能，学生能够制作中小型的网站。 （一）教学目标：

1. 了解WWW、HTTP、HTML、CSS的定义、概念和作用； 2. 理解服务器、客户端、浏览器的概念和作用； 3. 理解HTML语言中的常见标记及其作用； 4. 熟练掌握DreamWeaver的基本操作方法；

5. 理解表格、框架、层的作用，掌握设置其属性的方法； 6. 理解CSS样式表的作用和意义，掌握定义CSS样式的方法； 7. 理解表单的作用，掌握设置表单元素属性的方法；

8. 理解行为的作用，掌握设置行为的方法，理解简单VBScript代码的含义； 9. 理解模板和库的作用； 10.初步了解动态网页设计方法。 （二）技能教学目标：

1. 会使用Dreamweaver网页设计工具制作网页；

2. 会根据需要修改HTML语言中的标记，设置相关标记的属性；

3. 能够熟悉进行网页文本、图像、超链接、表格操作，并按要求设置其属性； 4. 能够熟练运用表格、层、框架等进行网页布局；

5. 熟练掌握CSS样式的定义和修改，并能根据实际需要进行CSS样式的定义和应用； 6. 熟练掌握表单制作方法，能够根据要求进行表单的设计； 7. 能够在网页中根据要求设置行为；

8. 熟练掌握模板设计方法，能够根据实际需要进行模板设计，并能使用模板生成相

第 2 页

应的网页；掌握库的基本操作方法，会使用库简化网页设计； （三）素质教学目标：

1. 具有勤奋学习的态度，严谨求实、创新的工作作风； 2. 具有良好的心理素质和职业道德素质； 3. 具有高度责任心和良好的团队合作精神； 4. 具有一定的科学思维方式和判断分析问题的能力； 5. 具有较强的网页设计创意思维、艺术设计素质。

四、课程内容与实施建议

（1）课程内容 模块 学时 内容及要求 了解网页设计的基本概念，掌握初识DreamWeaver 4~6 Dreamweaver工作界面设置，掌握站点的建立和管理，能够根据要求建立和管理站点；掌握进行网页制作的一般步骤。 理解文本、图像，掌握设置其属性的方法；理解内部、外部、图像映射、邮件、文件下载、锚点、脚本等几种超链接的作用， 掌握其设置方法；了解HTML代码，并能看懂。 根据平时成绩和对企业项目的完成情况，采用等级考核的办法分别给予优秀、良好、中等、及格和不及格。 考核方式 考核标准 制作图文并茂的网页 4~6 页面布局设计 掌握表格的基本操作方法和表格属性的设置，理解表格HTML代码的含义并能正确应10~14 用，掌握常见特殊表格制作技巧；能够使用表格合理布局页面；掌握层在网页中的灵活运用；能够利用框架组织页面。 6~8 CSS样式设计 理解CSS的含义，掌握定义CSS的几种方 式，能够根据要求定义并编辑CSS样式。 理解表单及各表单域的作用，掌握其属性设置方法。理解并掌握表单验证方法。能 够按要求设置表单域并进行表单的验证。 理解行为的作用，掌握常见行为的应用。 表单的应用 2~4 使用行为 2~4 模板和库 理解模板的作用，掌握创建模板的方法，10~12 能够利用创建的模板生成页面；理解库的作用，会使用库提高网页的编辑效率。 校企联合布置项目课题，学生将相关知识点合理运用，完成设计任务。 网页及网站制作综合8~10 项目 系统地掌握网页的编辑方法和过程。 第 3 页

（2）实施建议 1）教材编写建议：

网页美术设计是实现电子商务的一个重要岗位，本门课程与Flash动画、PhotoShop图像处理、计算机网络技术、数据库等课程有着密切的联系，它是上述课程的综合应用，需要多本教材的支撑，有条件、有师资的学校建议自己编写一本综合教材。 2）教学建议：

从《网页美术设计》的实际问题出发，精心准备各种典型案例，构建课程的宏观教学设计。例如，公司网站、班级网站、个人网站精选、图书网站等。以若干个案例为载体，形成循序渐进、种类多样的项目群，构建完整的教学设计布局。 1、教学采用“四阶段教学法”，将“教、学、练、做”融为一体。

教学体现“教师为主导，学生为主体，训练为主线”的原则，课堂上可以采用“四阶段教学法”：

第1个阶段，案例引入，提出问题。

通过案例演示，提出问题，给出知识点，讲解案例应用背景，给学生一个切入点，建立感性认识。目的是激发学生的学习兴趣、让学生感到学有所用，从而明确本次课的教学目标。

第2个阶段，学生自主学习，尝试解决问题。

充分利用我校以及互联网网络教学资源，引导学生自主学习，找到解决问题的方法和操作技能，培养学生的自主学习意识和学习方法。学生在学习和尝试解决问题过程中，发现问题，提出问题，在问题的引导下学习相关的知识和操作技能。 第3个阶段，归纳总结，引申提高。

在每次课结束前，引导学生进行归纳总结。对本次课的实际意义、重点、难点、容易出错处等及时进行总结。并针对案例的不足之处，进行引申和提高。注意在这个阶段，强调的是“引导”学生，而不是老师讲解。 第4个阶段，举一反三、学以致用。

案例源于生活，最终要应用于生活。为了使学生能学以致用、举一反三、触类旁通，每次教学结束时及时布置相关的课后练习，使学生在课后进一步复习巩固，并且将课后作业纳入形成性考核的内容之一。同时给出下一次课的学习内容，提示学生预习。 2、充分利用现代化教学手段，提高教学效果

教学中根据实际需要可以采用电子演示文稿、大屏幕多媒体联机演示、网络教学等各种先进的教学手段，使课堂教学生动活泼、引人入胜，提高教学效果，同时提高教学效率。包括：

（1）利用多媒体教学系统广播教学。把学生的共同问题（需要提示的重点）通过 “广播教学”，边讲边演示，使学生即时看到操作效果。

（2）利用网络将课堂教学延伸到课外，学生根据需要通过网络学习有关的内容。教师的课件和教学用资料都已都上传到教学资源下载中心，方便学生课外学习和复习。 2）参考学时 ~72学时 五、教学条件

第 4 页

（一）教学条件

设备名称 基本配置/功能 联想 IdeaCentre K320/Intel Core i3 0 4GB SATA2硬盘实践项目 电脑 1T ATI Radeon HD 50 21尺寸液晶显示器 网页美术设计 （二）场地要求 计算机机房 （三）任课教师条件

具有一定的网页界面设计、网络广告设计、网页程序设计从业经验，或相关行业企业挂职锻炼经历的教师。

（四）教材要求

作者 《从零开始Dreamweaver 中文版典型实例 《Dreamweaver CS 中文版网页制作基础与实例教程》 《Dreamweaver CS完美网页设计》

五、其他说明

1、本课程标准适用高职高专计算机及相关专业。 2、教学参考书目

为帮助学生主动学习，扩展知识面，推荐了以下教材供学生自主学习和使用： 书目 《网页制作三剑客精彩实例详解》 作者 赵艳铎 出版社 上海科学普及出版社 电子科技大学出版社 北京理工大学出版社 清华大学出版黎文峰 李素青 中国青年出版社 尼春雨 李金莱 电子工业出版社 黄文冰、田博文 人民邮电出版社 书目名称 出版社 《网页制作三剑客经典实例》 崔亚量 《网页美术设计》 《ASP技术与动态网页设计》 申红雪 陈孟建 第 5 页

社 《DreamweaverMX2004标准教程》 《DreamweaverMX2004实验手册》 《巧学巧用Dreamweaver、鲍嘉 卢坚 高林 施书恩，李冬梅 王艳芳 海洋出版社 科学出版社 人民邮电出版社 电子工业出版社 人民邮电出版社 Fireworks、Flash制作网页》 《Dreamweaver实例教程》 《网页制作技术》

3、 网络资源 FIF网络学院 网页制作大宝库 素材精品屋 黑马网页素材 遐思素材屋 网页特效集 网页特效 网页特效 七色风网页特效 太平洋学院 蓝色理想 天极网-----网页陶吧 网页设计师联盟 七色鸟设计空间 有风的日子 闪客帝国 宇风多媒体 闪吧 网页素材库

赵丰年 http://fif.hlw.cn/ http://www.dabaoku.com/sucai http://www.sucaiw.com/index.asp http://sucai.heima.com http://www.zzi.cc/sck/sck1.htm http://code.helpor.net/index.php http://www.baron.com.cn/javascript/index.asp http://free.2259.com http://www.7wind.net/wytx/wytx.htm http://www.pconline.com.cn/pcedu/sj/wz http://www.blueidea.com http://homepage.yesky.com http://www.68design.net http://www.colorbird.com http://www.windstudio.net http://www.flashempire.com http://www.yfdmt.com http://www.flash8.net http://www.tukuz.com/photo 第 6 页

第 7 页

排版要求：题目为“宋二黑”，文中标题为“四黑”，内容为“五号仿宋”。 课程名称 1．网页设计基础 2．制作简单网页 3．表格的应用 4．超级链接的应用 5．图像与多媒体 6．使用CSS样式表 7．交互式表单的应用 8．网页的布局设计 9．作为和图层的应用 10．模板。库框架 11．制作动态网页留言板 12．应用扩展 13．站点的测试与发布 综合作业3

理论学时 实验学时 第 8 页