102132WEB设计基础课程标准(已审核).doc

WEB设计基础课程标准课程代码： 102132 参考学时： 30 学 分： 2 课程类型： 专业课 2013年 3 月修订一、适用专业计算机网络技术。二、开课时间计算机网络技术专业第 1 学期。三、课程定位1课程性质本课程是计算机网络技术专业的职业基础课程。2教学任务本课程主要以Photoshop软件为操作平台，针对职业教育网络技术专业中理论结合实践的特点，以培养高技能应用型人才为目标，重点加强学生的理论基础和训练学生的实际操作能力。在教学知识模块上首先介绍Photoshop软件的相关知识，学习色彩理论以及搭配方法，在此基础上深入学习Photoshop软件的操作要领以及网页中各种元素的制作技巧，提高学生制作网页效果图的能力和水平。在本课程的实践教学内容中，选取紧密联系实际的项目并进行详细分解，重点培养学生对色彩的感知和审美观、具备制作网页效果图的方法，同时具有独立思考、解决问题以及自主创新的能力。四、课程培养目标1方法能力目标（1）独立学习能力；（2）职业生涯规划能力；（3）分析问题和解决问题的能力；（4）获取新知识的能力和信息搜索能力；（5）决策能力。2社会能力目标（1）具有良好的思想品德、法制观念和职业道德，具有吃苦耐劳的精神；（2）具有爱岗敬业、诚信、务实、豁达、勤奋、谦虚好学的品质；（3）具有较强的现场管理和组织能力，能较好的处理公共关系；（4）具有人际交流能力，能有效地进行人际沟通；（5）具有健康的体魄、美好的心灵和良好的心理素质，形成良好的行为习惯、健康的人格和健康的个性；（6）具有较强的劳动组织能力、集体意识和社会责任心；（7）具有与人沟通合作的团队协作能力；具有很强的时间观念。3专业能力目标（1）掌握网站开发流程，能熟练使用网页设计与制作工具，熟悉网页元素的种类；（2）掌握色彩基础知识，理解色彩混合理论，培养学生色彩感知能力；（3）掌握Photoshop软件的使用方法；掌握绘图的基本流程；（4）熟练掌握Photoshop软件中各种工具的使用方法，熟悉图层的基本操作；（5）掌握网页中banner的设计要领并会使用Photoshop来设计banner图；（6）掌握网页中logo的基本设计方法并会使用Photoshop来设计logo图；（7）掌握网页板块以及栏目和按钮的设计方法，并会使用Photoshop来设计不同栏目，做出不同的标题效果以及适用不同风格网站的按钮；（8）熟练掌握网页的尺寸大小，学会使用Photoshop绘制网页草稿图；（9）掌握对Photoshop绘制的草稿图进行精细刻画的方法；（10）能熟练使用Photoshop来制作网页效果图，并会使用切片工具对网页效果图进行合理的切割以及优化处理；（11）掌握网页效果图输出的方法以及网站重构的过程。五、课程衔接前导课程：计算机应用基础。后续课程：网页设计与制作、网络程序设计。六、教学内容与学时分配教学学时数分配见下表6.1所示表6.1教学内容与学时分配序号教学内容（项目、情景）理论学时实践学时习题学时合计1网页设计概述222色彩理论知识2243Photoshop软件使用224banner制作2245logo制作2246网页栏目与细节刻画2247网页效果图绘制2248网页切图2249网页重构22合 计181230百分比60%40%100%七、教学内容和进程1网页设计概述见表7.1表7.1 网页设计概述项目名称网页设计概述学时2教学目标知识目标：1. 掌握网页相关基本概念2. 掌握网站设计开发流程能力目标：1. 能操作常用的网页设计与制作工具教学内容1. 网页界面构成要素2. 网页设计审美需求3. 网站策划4. 网页设计的艺术表现5. 网站制作流程教学方法建议与说明（方法、手段、教学做一体等）引导教学法、项目驱动法、案例分析法考核与评价方式单元实践、期末考试教学辅助材料1. 电子课件2. 课程网站:88/2x/09 2内容二（色彩理论知识）见表7.2表7.2 色彩理论知识项目名称色彩理论知识学时4教学目标知识目标：1. 掌握色彩的计算机表示法；2. 掌握色彩混合原理。能力目标：1. 具备根据网页内容确定网站主题色彩的能力；2. 能根据网页主题进行色彩搭配。教学内容1、认识网页色彩2、色彩理论知识3、色彩混合原理4、网页安全色使用方法5、网页色彩搭配技巧教学方法建议与说明（方法、手段、教学做一体等）引导教学法、项目驱动法、案例分析法考核与评价方式单元实践、期末考试教学辅助材料1. 电子课件2. 课程网站:88/2x/09 3内容三（Photoshop软件使用）见表7.3表7.3 Photoshop软件使用项目名称Photoshop软件使用学时2教学目标知识目标：1. 认识并熟悉Photoshop软件；2. 掌握Photoshop软件绘图的一般方法及步骤。能力目标：1. 学会使用Photoshop的各种工具和菜单；2. 能够使用选择类、编辑类工具对图像进行简单处理。教学内容1. Photoshop软件介绍2. Photoshop软件绘图的一般流程3. Photoshop各种工具以及菜单介绍使用方法4. 重点介绍选择类、绘图类、编辑类工具的使用教学方法建议与说明（方法、手段、教学做一体等）引导教学法、项目驱动法、案例分析法考核与评价方式单元实践、期末考试教学辅助材料1. 电子课件2. 课程网站:88/2x/09 4内容四（banner制作）见表7.4表7.4 banner制作项目名称banner制作学时4教学目标知识目标：1. 了解网页中banner的作用；2. 掌握banner的表现形式。能力目标：1. 掌握banner的设计要领2. 学会使用Photoshop来设计banner效果图教学内容1. 网页导航banner概述2. 网页banner表现形式分析3. banner设计的一般要领4. 使用Photoshop结合文本工具制作banner教学方法建议与说明（方法、手段、教学做一体等）引导教学法、项目驱动法、案例分析法考核与评价方式单元实践、期末考试教学辅助材料1. 电子课件2. 课程网站:88/2x/09 5内容五（logo制作）见表7.5表7.5 logo制作 项目名称logo制作学时4教学目标知识目标：1. 了解网页中logo的作用；2. 掌握logo的表现形式。能力目标：1. 掌握logo的设计要领2. 学会使用Photoshop来设计logo教学内容1. 网页logo概述2. 网页中logo的表现形式以及文件格式分析3. logo设计的一般要领4. 使用Photoshop制作网页logo图像教学方法建议与说明（方法、手段、教学做一体等）引导教学法、项目驱动法、案例分析法考核与评价方式单元实践、期末考试教学辅助材料1. 电子课件2. 课程网站:88/2x/09 6内容六（网页栏目与细节刻画）见表7.6表7.6 网页栏目与细节刻画 项目名称网页栏目与细节刻画学时4教学目标知识目标：1. 了解网页中栏目的作用及组成元素；2. 掌握栏目的分类与组成。能力目标：1. 掌握栏目的设计要领；2. 学会使用Photoshop来绘制小图标；3. 学会使用Photoshop来绘制图形按钮；4. 掌握网页细节的刻画以及特效文字的制作技巧。教学内容1. 网页栏目的分类与组成2. 网页标题以及网页小元素的制作方法3. 网页按钮的制作要领4. 网页效果图细节刻画5. 网页特效文字的制作技巧教学方法建议与说明（方法、手段、教学做一体等）引导教学法、项目驱动法、案例分析法考核与评价方式单元实践、期末考试、综合实训教学辅助材料1. 电子课件2. 课程网站:88/2x/09 7内容七（网页效果图绘制）见表7.7表7.7 网页效果图绘制 项目名称网页效果图绘制学时4教学目标知识目标：1. 了解网页效果图草图基本知识；2. 理解图层蒙版、图层样式以及滤镜的概念。能力目标：1. 掌握效果图草线图的绘制方法；2. 掌握图层蒙版、图层样式以及滤镜在制作效果图时的应用技巧；3. 掌握网页效果图整体色调的把握与处理。教学内容1. 网页效果图草图绘制2. 图层蒙版、图层样式以及滤镜的使用方法3. 多图融合的制作技巧4. 网页效果图色调的处理教学方法建议与说明（方法、手段、教学做一体等）引导教学法、项目驱动法、案例分析法考核与评价方式单元实践、期末考试教学辅助材料1. 电子课件2. 课程网站:88/2x/09 8内容八（网页切图）见表7.8表7.8“网页切图”项目名称网页切图学时4教学目标知识目标：1. 理解切片的概念能力目标：1. 掌握切片工具的使用方法、合理的切图方法；2. 掌握对切图进行优化处理以及导出的技巧。教学内容1. 网页切片工具介绍2. 切片工具参数设置3. 网页效果图切割技巧4. 切割图像优化方法5. 透明图像的导出教学方法建议与说明（方法、手段、教学做一体等）引导教学法、项目驱动法、案例分析法考核与评价方式单元实践、期末考试教学辅助材料1. 电子课件2. 课程网站:88/2x/09 9内容九（网页重构）见表7.9表7.9“网页重构”项目名称网页重构学时2教学目标知识目标：1. 掌握HTML代码的含义能力目标：1. 掌握素材的采集与归类技巧；2. 具有使用Dreamweaver对导出的图像进行网页的重构的能力。教学内容1. 网页效果图导出2. 效果图导出代码分析3. 导出图像命名与归类4. 使用Dreamweaver对导出的图像进行网页的重构教学方法建议与说明（方法、手段、教学做一体等）引导教学法、项目驱动法、案例分析法考核与评价方式单元实践、期末考试教学辅助材料1. 电子课件2. 课程网站:88/2x/09 八、考核方式课程考核方式：课程考核方式见表8.18.1课程考核方式考核项目考核方法比例（%）过程考核态度纪律根据作业完成情况、课堂回答问题、课堂实践示范情况，由教师和学生干部综合评定学校态度的得分；根据上课考勤情况，由教师和学生干部评定纪律得分。20%项目技能根据学生实践情况，由学生自评、他人评价和教师评价相结合的方式评定成绩；根据完成的时间、功能的完善、程序是否有创新，由小组长评定和教师抽评相结合的方式评定成绩。40%期末考核考试（笔试）由教师评定笔试成绩。40%操作（机试）由教师根据项目完成情况、系统功能、编程规范来评定上机考试成绩。合计100%九、课程资源的选用1教材选用教材使得学生能较为容易的制作网页中各种元素并最终完成网页效果图的设计，同时为后面开发动态网站打下基础，在内容的选取上，需要强调技术性和实用性，需要突出理论和项目、实践操作的结合。1 聂小燕美工神话Dreamweaver+Photoshop精美网页设计与制作 人民邮电出版社，2006年12月2邓文达美工神话Dreamweavrt+photoshop+Flash网页设计与美化 人民邮电出版社，2009年11月2参考资料1 小朱老师个人网站：/web2 蓝色理想网站：3 网页设计师联盟网站：3教学场地、设施要求本课程要求在