《网页艺术设计》课程标准

1、网页艺术设计 课程标准课程类型： 必修课适用专业： 视觉传达总 学 时： 64适宜开设学期： 4一、课程概述本课程是视觉传达艺术设计专业数字媒体技术方向的一门专业核心课程。通过本课 程的学习，要求学生掌握目前行业中网页设计的方法和流程，网页交互的形式，网页制 作的方法。具备通过对客户需求的分析，从美学的角度的去完成网页的设计，同时通过 本课程的学习，提高学生的操作技能，培养学生踏实认真、精益求精、团结合作、创新 的精神，培养良好的职业道德。1 本课程学习领域包含网站版面设计，网站制作和网站内容编排。通过对网站的 用户需求分析、题材选择、设计元素、表现形式、优秀作品分析等使学生在认知并研究 文字

2、、图案、导航等平面设计语言，具备在各种形式的网页设计中灵活应用、整体把握 的能力，培养学生的创意能力，并提高对网络元素设计在市场中定位的准确性。2本学习领域的学习情境设计是依据企业、商业、社会团体、文化机构等设计活 动之需要而设计，围绕着企业典型工作任务设定若干个学习情境，通过社会实践与项目 实训课题相结合的教学模式。3本课程需在计算机应用 、数码摄影与图象处理等课程之后开设。此时学 生已经具备一定的计算机基础知识和操作能力，能较快地掌握网页设计的各种知识，并 运用所学知识做出具有特色的网站。二、课程目标1专业能力学生应熟练掌握网站设计与制作的相关方法和技术，包括网站LOGOS计、网页的Ban

3、ner设计、网页的版面设计，网页设计中的文字图片色彩的运用、网页中HTML-DIV-CSS 样式的语言运用。以适应现代多媒体行业发展要求及拓宽学生求职能力的需要。2方法能力1）具有较强的草稿绘制和平面设计编排能力。2）具有较强的自学能力及分析问题和解决问题的能力。3）具有较准确的市场分析、调研、信息获取及判断的能力(4)具有一定的就业与创业知识和主动寻找职业机会的能力3.职业素养(1) 具有良好的诚信品质、职业道德、审美、文化素质。(2) 具有较强的沟通社交能力和应变能力。(3) 具有较强的组织、协调能力，与团队和他人密切协作的能力三、学习情境划分与学时(一)网页艺术设计学习情境划分与学时一览

4、表学习情境学习内容学时备注1、情境一网页设计制作基本概述1、互联网、网页、网站、超级 连接、HTML语言、FTP、HTTP等 基础网络知识；2、网站设计制作的常用工具与 基本流程3、HTML语言的一般规律4、不冋网站类型不冋的设计与 制作要求8理解网页 设计制作原 理、基本手 段、流程与制 作要求并熟悉软件 各个功能模 块与主要菜 单、窗口创建简 单的网站页 面并进行链 接2、情境二网页设计制作基础操 作1 .网站的整体结构规划2. 创建和管理本地站点3. 创建简单页面，设置页面属性4 .插入文字、图像、水平线等基 本页面兀素5 .网页中的各种超级连接83、情境三页面布局控制技术1.表格技术及

5、其应用2 .图层技术及其应用3 .框架技术及其应用4. HTML-DIV-CSS网页控制8以优秀 的实际运用 案例为参照， 掌握技巧与 原理，积累经 验4、情境四网页界面兀素设计1. 网站LOGO勺设计2. 网站Banner的设计3. 网站Button的设计4. 网站导航的设计5. 网站ICON的设计165、情境五网页制作与网站的发布维护1 . CSS样式表的运用2 .表单的制作3 .模板与库的运用4. photoshop中网页设计稿文件的切片与优化输出；5 .网页图形的优化技巧；6 .网站的测试、发布、推广与维 护8进一步 掌握专业网 页设计制作 中的相关功 能与技巧；熟 悉网站的发 布、推

6、广与维 护6、情境六主题网站的分析、设计与制作主题网站的分析、设计与制作16综合运 用所学知识， 完成一个真 实可用的主 题网站并上 传发布(二)学习情境教学设计(1) 学习情景名称及设计学习情境：情境一：网页设计制作基本概述总学时 8学习目标通过教学使学生使用软件理解网页设计制作原理、基本手段、流程与制作要求并 熟悉软件各个功能模块与主要菜单、窗口等。学习任务情境一：网页设计制作基本概述教学材料 工具与媒体1、备课笔记2、图形图像素材3、多媒体教学设备4、网络教学资源5、其他。O O O O O学生知识与能力准备要求1、有一定的造型能力和图形审美能力。2、熟悉计算机基础知识和基本操作的能力。

7、3、熟悉文件，文件夹及文件路径的概念。4、具备从网上搜索资料的能力。5、有一定的自主学习能力。工作情境 描述米用边讲边演示的方法品读与欣赏，通过案例让学生了解制作Dreamweaver网页设计的具体的流程和方法工作步骤工作行为教学方法建议学时分配资讯教师将项目任务工作单下发到各团队， 结合现代流行的设计理念，赏析设计过程。学生查找相关资料，收集相关优秀网页 设计作品，以备自己练习。讲授法 演示法 案例法 多媒体教学法1计划学生根据收集的资料进行艺术构思，拿 出创意设计草案。讲授法启发引导法 多媒体案例法1决策教师审核该创意设计草案，根据难易程 度指导学生确定最终设计方案。讲授法 启发引导法1实

8、施教师根据设计成稿，进行操作修改，完 善最终设计方案。讲授法 提问引导法1检杳学生以演示其设计完稿，回答冋学与老 师的提问。多媒体演示2评估教师点评学生设计作品，是评价该项目 教学的绩效。多媒体演示2(2) 学习情景名称及设计学习情境：情境二：网页设计制作基础操作总学时 8学习目标通过教学使学生使用软件理解网页设计制作原理、基本手段、流程与制作要求、 掌握网页中各种兀素的操作方法和技巧。学习任务情境二：网页设计制作基础操作教学材料 工具与媒体1备课笔记2图形图像素材3多媒体教学设备4网络教学资源5 其他。O OO。学生知识与能力准备要求1、有一定的造型能力和图形审美能力。2、熟悉计算机基础知识

9、和基本操作的能力。3、熟悉文件，文件夹及文件路径的概念。4、具备从网上搜索资料的能力。5、有一定的自主学习能力。工作情境 描述米用边讲边演示的方法品读与欣赏，通过案例让学生了解制作Dreamweaver网页设计的具体的流程和方法工作步骤工作行为教学方法建议学时分配资讯教师将项目任务工作单下发到各团队， 结合现代流行的设计理念，赏析设计过程。学生查找相关资料，收集相关优秀网页 设计作品，以备自己练习。讲授法 演示法 案例法 多媒体教学法1计划学生根据收集的资料进行艺术构思，拿 出创意设计草案。讲授法启发引导法 多媒体案例法1决策教师审核该创意设计草案，根据难易程 度指导学生确定最终设计方案。讲授

10、法 启发引导法1实施教师根据设计成稿，进行操作修改，完 善最终设计方案。讲授法 提问引导法2检杳学生以演示其设计完稿，回答冋学与老 师的提问。多媒体演示2评估教师点评学生设计作品，是评价该项目多媒体演示1教学的绩效。(3) 学习情景名称及设计学习情境：情境三 页面布局控制技术总学时 8学习目标通过教学使学生使用软件工具进行相关的网页页面版式设计与布局控制及相关 的脚本的使用。学习任务情境三页面布局控制技术教学材料 工具与媒体1、备课笔记2、图形图像素材3、多媒体教学设备4、网络教学资源5、其他。O O O。学生知识与能力准备要求1、有一定的造型能力和图形审美能力。2、熟悉计算机基础知识和基本操

11、作的能力。3、熟悉文件，文件夹及文件路径的概念。4、具备从网上搜索资料的能力。5、有一定的自主学习能力。工作情境 描述米用边讲边演示的方法品读与欣赏，通过案例让学生了解基本的HTML语法及基本的页面布局方式。工作步骤工作行为教学方法建议学时分配资讯教师将项目任务工作单下发到各团队， 结合现代流行的设计理念，赏析设计过程。学生杳找相关资料，收集相关优秀网页 设计作品，以备自己练习。讲授法 演示法 案例法 多媒体教学法1计划学生根据收集的资料进行艺术构思，拿 出创意设计草案。讲授法启发引导法 多媒体案例法1决策教师审核该创意设计草案，根据难易程 度指导学生确定最终设计方案。讲授法 启发引导法1实施

12、教师根据设计成稿，进行操作修改，完 善最终设计方案。学生完善设计稿，输出、装裱或PPT制作。讲授法 提问引导法2检杳学生以演示其设计完稿，回答冋学与老 师的提问。多媒体演示2评估教师点评学生设计作品，是评价该项目 教学的绩效。多媒体演示1(4) 学习情景名称及设计学习情境：情境四网页界面兀素设计总学时 16学习目标通过教学使学生使用相关的软件工具进行网页相关的兀素的设计与制作学习任务情境四网页界面兀素设计教学材料 工具与媒体1备课笔记2图形图像素材3多媒体教学设备4网络教学资源5 其他。O OO。学生知识与能力准备要求1有一定的造型能力和图形审美能力。2熟悉计算机基础知识和基本操作的能力。3熟

13、悉文件，文件夹及文件路径的概念。4具备从网上搜索资料的能力。5有一定的自主学习能力。工作情境 描述米用边讲边演示的方法品读与欣赏，通过案例让学生了解网页界面兀素的设 计和制作过程工作步骤工作行为教学方法建议学时分配资讯教师将项目任务工作单下发到各团队， 结合现代流行的设计理念，赏析设计过程。学生杳找相关资料，收集相关优秀网页 设计作品，以备自己练习。讲授法 演示法 案例法 多媒体教学法2计划学生根据收集的资料进行艺术构思，拿 出创意设计草案。讲授法启发引导法 多媒体案例法2决策教师审核该创意设计草案，根据难易程 度指导学生确定最终设计方案。讲授法 启发引导法2实施教师根据设计成稿，进行操作修改

14、，完 善最终设计方案。学生完善设计稿，输出、装裱或PPT制作。讲授法 提问引导法4检杳学生以演示其设计完稿，回答冋学与老 师的提问。多媒体演示4评估教师点评学生设计作品，是评价该项目 教学的绩效。多媒体演示2(5) 学习情景名称及设计学习情境：情境五网页制作与网站的发布维护总学时8学习目标通过教学使学生使用软件进行设计图-页面的制作并完成站点的发布，使学生学会制作完整的网站。学习任务情境五网页制作与网站的发布维护教学材料 工具与媒体1备课笔记2图形图像素材3多媒体教学设备4网络教学资源5 其他。O OO。学生知识与能力准备要求1有一定的造型能力和图形审美能力。2熟悉计算机基础知识和基本操作的能

15、力。3熟悉文件，文件夹及文件路径的概念。4具备从网上搜索资料的能力。5有一定的自主学习能力。工作情境 描述通过教学使学生掌握使用软件进行设计图-页面的制作并了解站点的发布，维护。使学生学会制作完整的网站。工作步骤工作行为教学方法建议学时分配资讯教师将项目任务工作单下发到各团队， 结合现代流行的设计理念，赏析设计过程。学生杳找相关资料，收集相关优秀网页 设计作品，以备自己练习。讲授法 演示法 案例法 多媒体教学法1计划学生根据收集的资料进行艺术构思，拿 出创意设计草案。讲授法 启发引导法 多媒体案例法1决策教师审核该创意设计草案，根据难易程 度指导学生确定最终设计方案。讲授法 启发引导法1实施教

16、师根据设计成稿，进行操作修改，完 善最终设计方案。讲授法 提问引导法2检杳学生以演示其设计完稿，回答冋学与老 师的提问。多媒体演示2评估教师点评学生设计作品，是评价该项目 教学的绩效。多媒体演示1(6) 学习情景名称及设计学习情境：情境六主题网站的设计与制作总学时16学习目标通过案例使学生使用 Photoshop,Dreamweaver等软件工具元成相关主题网站的页面 设计、制作并发布，了解整个网站的制作过程。学习任务情境六主题网站的设计与制作教学材料 工具与媒体1备课笔记2图形图像素材3多媒体教学设备4网络教学资源5 其他。O OO。学生知识与能力准备要求1有一定的造型能力和图形审美能力。2

17、熟悉计算机基础知识和基本操作的能力。3熟悉文件，文件夹及文件路径的概念。4具备从网上搜索资料的能力。5有一定的自主学习能力。工作情境 描述通过案例使学生使用Photoshop,Dreamweaver等软件工具元成相关主题网站的页面设计、制作并发布，了解整个网站的制作过程。工作步骤工作行为教学方法建议学时分配资讯教师将项目任务工作单下发到各团队， 结合现代流行的设计理念，赏析设计过程。学生杳找相关资料，收集相关优秀网页 设计作品，以备自己练习。讲授法 演示法 案例法 多媒体教学法2计划学生根据收集的资料进行艺术构思，拿 出创意设计草案。讲授法 启发引导法 多媒体案例法2决策教师审核该创意设计草案

18、，根据难易程 度指导学生确定最终设计方案。讲授法 启发引导法2实施教师根据设计成稿，进行操作修改，完 善最终设计方案。讲授法 提问引导法4检杳学生以演示其设计完稿，回答冋学与老 师的提问。多媒体演示4评估教师点评学生设计作品，是评价该项目 教学的绩效。多媒体演示2四、考核评价本课程的学生学业评价结果建议采取:（下表为配套参考格式）表2各学习情境的考核方式与考核标准学习情境编号各情境考核点及比例建议考核方式考核知识点及知识要求成绩比例1网页设计制作基本概述教师评价、学生自评能够了解DW炎件的界面并熟悉制作网页的过程10%2网页设计制作 基础操作教师评站点的建立及页面各常用元素属性的调整价、学生自评10%3页面布局控制 技术教师评