《《WEB设计基础》课程标准》由会员分享，可在线阅读，更多相关《《WEB设计基础》课程标准（15页珍藏版）》请在金锄头文库上搜索。
1、WEB设计基础课程标准课程代码：102132参考学时：22学 分：4课程类型：职业基础课2013年 1 月编一、 适用专业计算机网络技术二、 开课时间计算机网络技术专业第一学期三、 课程定位1、课程性质本课程是计算机网络技术专业的专业基础课程。2、教学任务本课程主要以Photoshop软件为操作平台，针对职业教育网络技术专业中理论结合实践的特点，以培养高技能应用型人才为目标，重点加强学生的理论基础和训练学生的实际操作能力。在教学知识模块上首先介绍Photoshop软件的相关知识，学习色彩理论以及搭配方法，在此基础上深入学习Photoshop软件的操作要领以及网页中各种元素的制作技巧，提高学生制
2、作网页效果图的能力和水平。在本课程的实践教学内容中，选取紧密联系实际的项目并进行详细分解，重点培养学生对色彩的感知和审美观、具备制作网页效果图的方法，同时具有独立思考、解决问题以及自主创新的能力。四、课程培养目标1、方法能力目标1) 培养学生谦虚、好学的品质；2) 培养学生勤于思考、做事严谨的良好作风；3) 培养学生良好的职业道德；4) 培养学生事物美的观念；2、 社会能力目标1) 培养学生的团队协作精神；2) 培养学生分析问题、解决问题的能力；3) 培养学生勇于创新、敬业乐业的工作作风；4) 培养学生诚实、守信、坚忍不拔的性格。3、 专业能力目标1) 掌握网站开发流程、网页设计与制作工具以及
3、网页元素的种类；2) 掌握色彩基础知识，理解色彩混合理论，培养学生色彩感知能力；3) 掌握Photoshop软件的使用方法；学习绘图的基本流程；4) 熟练掌握Photoshop软件中各种工具的使用方法，熟悉图层的基本操作；5) 掌握网页中banner的设计要领并会使用Photoshop来设计banner图；6) 掌握网页中logo的基本设计方法并会使用Photoshop来设计logo；7) 掌握网页板块以及栏目和按钮的设计方法并会使用Photoshop来设计不同栏目，做出不同的标题效果以及适用不同风格网站的按钮；8) 熟练掌握网页的尺寸大小，学会使用Photoshop绘制网页草稿图；9) 掌握
4、对Photoshop绘制的草稿图进行精细刻画的方法；10) 熟练使用Photoshop来制作网页效果图并使用切片工具对网页效果图进行合理的切割以及优化处理；11) 掌握网页效果图输出的方法以及网站重构的过程。五、课程衔接在课程设置上，前导课程有计算机应用基础，后续课程有网络程序设计ASP.net六、教学内容与学时分配教学学时数分配见下表6.1所示表6.1教学内容与学时分配序号教学内容（项目、情景）理论学时实践学时习题学时合计1K1-1-1 网页界面构成要素K1-1-2 网页设计审美需求K1-1-3 网站策划K1-1-4 网页设计的艺术表现K1-1-5网站制作流程20022K1-2-1 认识网页
5、色彩K1-2-2 色彩理论知识K1-2-3 色彩混合原理K1-2-4 网页安全色使用方法K1-2-5 网页色彩搭配技巧22043K1-3-1 Photoshop软件介绍K1-3-2 Photoshop软件绘图的一般流程K1-3-3 Photoshop各种工具以及菜单介绍使用方法K1-3-4 重点介绍选择类、绘图类、编辑类工具的使用20024K1-4-1 网页导航banner概述K1-4-2 网页banner表现形式分析K1-4-3 banner设计的一般要领K1-4-4 使用Photoshop结合文本工具制作banner20025K1-5-1 网页logo概述K1-5-2 网页中logo的表现
6、形式以及文件格式分析K1-5-3 logo设计的一般要领K1-5-4 使用Photoshop制作网页logo图像20026K1-6-1 网页栏目的分类与组成K1-6-2 网页标题以及网页小元素的制作方法K1-6-3 网页按钮的制作要领K1-6-4 网页效果图细节刻画K1-6-5网页特效文字的制作技巧20027K1-7-1 网页效果图草图绘制K1-7-2 图层蒙版、图层样式以及滤镜的使用方法K1-7-3 多图融合的制作技巧K1-7-4 网页效果图色调的处理22048K1-8-1 网页切片工具介绍K1-8-2切片工具参数设置K1-8-3 网页效果图切割技巧K1-8-4切割图像优化方法K1-8-5透
7、明图像的导出20029K1-9-1 网页效果图导出K1-9-2 效果图导出代码分析K1-9-3 导出图像命名与归类K1-9-4 使用Dreamweaver对导出的图像进行网页的重构2002合 计184022百分比82%18%0%100%课程实验内容见下表编号实验名称教学方法实验1色彩混合原理以及色彩的搭配要领 教师演示和学生实操实验2安装Photoshop认识软件的界面教师演示和学生实操实验3使用Photoshop制作网页banner教师演示和学生实操实验4使用Photoshop制作网页导航图教师演示和学生实操实验5使用Photoshop制作网页LOGO教师演示和学生实操实验6使用Photos
8、hop制作栏目、按钮、特效文本教师演示和学生实操实验7使用Photoshop制作网页效果图教师演示和学生实操实验8网页效果图的切割教师演示和学生实操实验9网页效果图优化与导出教师演示和学生实操实验10使用Dreamweaver对导出网页效果图进行重构教师演示和学生实操七、教学内容和进程1、内容一（网页设计概述）见表7.1表7.1“网页设计概述”内容网页设计概述学时2教学目标掌握网页相关基本概念, 掌握网站设计开发流程, 掌握常用的网页设计与制作工具教学内容1、网页界面构成要素2、网页设计审美需求3、网站策划4、网页设计的艺术表现5、网站制作流程教学方法建议与说明（方法、手段、教学做一体等）1.
9、 引导教学法、2. 项目驱动法、3. 案例分析法、4. 分组讨论法、5.课堂互相测评法考核与评价方式单元实践、期末考试、综合实训教学辅助材料1. 电子课件、2. 课堂实践评价表、3. 学习任务书4.课程网站： :/sfyx.gzeic :88/2x/09 2、内容二（色彩理论知识）见表7.2表7.2“色彩理论知识”内容色彩理论知识学时4教学目标掌握色彩的计算机表示法、色彩混合原理、网页色彩搭配技巧教学内容1、认识网页色彩2、色彩理论知识3、色彩混合原理4、网页安全色使用方法5、网页色彩搭配技巧教学方法建议与说明（方法、手段、教学做一体等）1. 引导教学法、2. 项目驱动法、3. 案例分析法、4
10、. 分组讨论法、5.课堂互相测评法考核与评价方式单元实践、期末考试、综合实训教学辅助材料1. 电子课件、2. 课堂实践评价表、3. 学习任务书4.课程网站： :88/2x/09 3、内容三（Photoshop软件使用）见表7.3表7.3“Photoshop软件使用”内容Photoshop软件使用学时2教学目标认识并熟悉Photoshop软件界面，掌握Photoshop软件绘图的一般方法，熟悉各种工具和菜单的应用，重点学会选择，编辑类工具用法教学内容1、Photoshop软件介绍2、Photoshop软件绘图的一般流程3、Photoshop各种工具以及菜单介绍使用方法4、重点介绍选择类、绘图类、
11、编辑类工具的使用教学方法建议与说明（方法、手段、教学做一体等）1. 引导教学法、2. 项目驱动法、3. 案例分析法、4. 分组讨论法、5.课堂互相测评法考核与评价方式单元实践、期末考试、综合实训教学辅助材料1. 电子课件、2. 课堂实践评价表、3. 学习任务书4.课程网站： :/sfyx.gzeic :88/2x/09 4、内容四（banner制作）见表7.4表7.4“banner制作”内容banner制作学时2教学目标掌握网页banner的表现形式、banner的设计要领、会使用Photoshop来设计banner效果图教学内容1、网页导航banner概述2、网页banner表现形式分析3、
12、banner设计的一般要领4、使用Photoshop结合文本工具制作banner教学方法建议与说明（方法、手段、教学做一体等）1. 引导教学法、2. 项目驱动法、3. 案例分析法、4. 分组讨论法、5.课堂互相测评法考核与评价方式单元实践、期末考试、综合实训教学辅助材料1. 电子课件、2. 课堂实践评价表、3. 学习任务书4.课程网站： :/sfyx.gzeic :88/2x/09 5、内容五（logo制作）见表7.5表7.5“logo制作”内容logo制作学时2教学目标掌握网页logo的表现形式、logo的设计要领、会使用Photoshop来设计logo教学内容1、网页logo概述2、网页中
13、logo的表现形式以及文件格式分析3、logo设计的一般要领4、使用Photoshop制作网页logo图像教学方法建议与说明（方法、手段、教学做一体等）1. 引导教学法、2. 项目驱动法、3. 案例分析法、4. 分组讨论法、5.课堂互相测评法考核与评价方式单元实践、期末考试、综合实训教学辅助材料1. 电子课件、2. 课堂实践评价表、3. 学习任务书4.课程网站： :/sfyx.gzeic :88/2x/09 6、内容六（网页栏目与细节刻画）见表7.6表7.6“网页栏目与细节刻画”内容网页栏目与细节刻画学时2教学目标熟练掌握栏目的组成元素、小图标的绘制方法、按钮的绘制方法、网页细节的刻画以及特效
14、文字的制作技巧。教学内容1、网页栏目的分类与组成2、网页标题以及网页小元素的制作方法3、网页按钮的制作要领4、网页效果图细节刻画5、网页特效文字的制作技巧教学方法建议与说明（方法、手段、教学做一体等）1. 引导教学法、2. 项目驱动法、3. 案例分析法、4. 分组讨论法、5.课堂互相测评法考核与评价方式单元实践、期末考试、综合实训教学辅助材料1. 电子课件、2. 课堂实践评价表、3. 学习任务书4.课程网站： :/sfyx.gzeic :88/2x/09 7、内容七（网页效果图绘制）见表7.7表7.7“网页效果图绘制”内容网页效果图绘制学时4教学目标掌握效果图草线图的绘制方法，图层蒙版、图层样式以及滤镜在制作效果图时的应用技巧，掌握网页效果图整体色调的把握与处理教学内容1、网页效果图草图绘制2、图层蒙版、图层样式以及滤镜的使用方法3、多图融合的制作技巧4、网页效果图色调的处理教学方法建议与说明（方法、手段、教学做一体等）1.
