一、课程说明
课程编号: 参考学分: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 页
因篇幅问题不能全部显示,请点此查看更多更全内容
Copyright © 2019- huatuo6.com 版权所有 湘ICP备2023023988号-11
违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com
本站由北京市万商天勤律师事务所王兴未律师提供法律服务