2022年《网页艺术设计》课程标准 .pdf

1 网页艺术设计课程标准课程类型：必修课适用专业：视觉传达总 学 时：64 适宜开设学期：4 一、课程概述本课程是视觉传达艺术设计专业数字媒体技术方向的一门专业核心课程。通过本课程的学习，要求学生掌握目前行业中网页设计的方法和流程，网页交互的形式，网页制作的方法。具备通过对客户需求的分析，从美学的角度的去完成网页的设计，同时通过本课程的学习，提高学生的操作技能，培养学生踏实认真、精益求精、团结合作、创新的精神，培养良好的职业道德。1本课程学习领域包含网站版面设计，网站制作和网站内容编排。通过对网站的用户需求分析、题材选择、设计元素、表现形式、优秀作品分析等使学生在认知并研究文字、图案、导航等平面设计语言，具备在各种形式的网页设计中灵活应用、整体把握的能力，培养学生的创意能力，并提高对网络元素设计在市场中定位的准确性。2本学习领域的学习情境设计是依据企业、商业、社会团体、文化机构等设计活动之需要而设计，围绕着企业典型工作任务设定若干个学习情境，通过社会实践与项目实训课题相结合的教学模式。3本课程需在计算机应用、数码摄影与图象处理等课程之后开设。此时学生已经具备一定的计算机基础知识和操作能力，能较快地掌握网页设计的各种知识，并运用所学知识做出具有特色的网站。二、课程目标1专业能力学生应熟练掌握网站设计与制作的相关方法和技术，包括网站LOGO 设计、网页的Banner设计、网页的版面设计，网页设计中的文字图片色彩的运用、网页中 HTML-DIV-CSS样式的语言运用。以适应现代多媒体行业发展要求及拓宽学生求职能力的需要。2方法能力（1）具有较强的草稿绘制和平面设计编排能力。（2）具有较强的自学能力及分析问题和解决问题的能力。（3）具有较准确的市场分析、调研、信息获取及判断的能力。名师资料总结-精品资料欢迎下载-名师精心整理-第 1 页，共 10 页 -2（4）具有一定的就业与创业知识和主动寻找职业机会的能力。3职业素养（1）具有良好的诚信品质、职业道德、审美、文化素质。（2）具有较强的沟通社交能力和应变能力。（3）具有较强的组织、协调能力，与团队和他人密切协作的能力。三、学习情境划分与学时（一）网页艺术设计学习情境划分与学时一览表学习情境学习内容学时备注1、情境一网页设计制作基本概述1、互联网、网页、网站、超级连接、HTML语言、FTP、HTTP等基础网络知识；2、网站设计制作的常用工具与基本流程3、HTML语言的一般规律4、不同网站类型不同的设计与制作要求8 理解网页设 计 制 作 原理、基 本 手段、流程与制作要求并熟悉软件各 个 功 能 模块 与 主 要 菜单、窗口创 建 简单 的 网 站 页面 并 进 行 链接2、情境二网 页 设计 制 作基 础操作1 网站的整体结构规划2 创建和管理本地站点3 创建简单页面，设置页面属性4插入文字、图像、水平线等基本页面元素5网页中的各种超级连接8 3、情境三页面布局控制技术1表格技术及其应用2图层技术及其应用3框架技术及其应用4HTML-DIV-CSS网页控制8 以 优 秀的 实 际 运 用案例为参照，掌 握 技 巧 与原理，积累经验4、情境四网页界面元素设计1.网站 LOGO 的设计2.网站 Banner 的设计3.网站 Button 的设计4.网站导航的设计5.网站 ICON的设计16 5、情境五网页制作与网站的发布维护1CSS样式表的运用2表单的制作3模板与库的运用4photoshop 中网页设计稿文件的切片与优化输出；5网页图形的优化技巧；6网站的测试、发布、推广与维护8进 一 步掌 握 专 业 网页 设 计 制 作中 的 相 关 功能与技巧；熟悉 网 站 的 发布、推广与维护名师资料总结-精品资料欢迎下载-名师精心整理-第 2 页，共 10 页 -3 6、情境六主题网站的分析、设计与制作主题网站的分析、设计与制作 16综 合 运用所学知识，完 成 一 个 真实 可 用 的 主题 网 站 并 上传发布（二）学习情境教学设计（1）学习情景名称及设计学习 情境：情境一：网页设计制作基本概述总学时8 学习目标通过教学使学生使用软件理解网页设计制作原理、基本手段、流程与制作要求并熟悉软件各个功能模块与主要菜单、窗口等。学习任务情境一：网页设计制作基本概述教学材料工具与媒体1、备课笔记2、图形图像素材3、多媒体教学设备4、网络教学资源5、其他。学生知识与能力准备要求1、有一定的造型能力和图形审美能力。2、熟悉计算机基础知识和基本操作的能力。3、熟悉文件，文件夹及文件路径的概念。4、具备从网上搜索资料的能力。5、有一定的自主学习能力。工作情境描 述采用边讲边演示的方法品读与欣赏，通过案例让学生了解制作Dreamweaver网页设计的具体的流程和方法工作步骤工作行为教学方法建议学时分配资讯教师将项目任务工作单下发到各团队，结合现代流行的设计理念，赏析设计过程。学生查找相关资料，收集相关优秀网页设计作品，以备自己练习。讲授法演示法案例法多媒体教学法1 计划学生根据收集的资料进行艺术构思，拿出创意设计草案。讲授法启发引导法多媒体案例法1决策教师审核该创意设计草案，根据难易程度指导学生确定最终设计方案。讲授法启发引导法1名师资料总结-精品资料欢迎下载-名师精心整理-第 3 页，共 10 页 -4 实施教师根据设计成稿，进行操作修改，完善最终设计方案。讲授法提问引导法1检查学生以演示其设计完稿，回答同学与老师的提问。多媒体演示2评估教师点评学生设计作品，是评价该项目教学的绩效。多媒体演示2（2）学习情景名称及设计学习 情境：情境二：网页设计制作基础操作总学时8 学习目标通过教学使学生使用软件理解网页设计制作原理、基本手段、流程与制作要求、掌握网页中各种元素的操作方法和技巧。学习任务情境二：网页设计制作基础操作教学材料工具与媒体1 备课笔记2 图形图像素材3 多媒体教学设备4 网络教学资源5 其他。学生知识与能力准备要求1、有一定的造型能力和图形审美能力。2、熟悉计算机基础知识和基本操作的能力。3、熟悉文件，文件夹及文件路径的概念。4、具备从网上搜索资料的能力。5、有一定的自主学习能力。工作情境描 述采用边讲边演示的方法品读与欣赏，通过案例让学生了解制作Dreamweaver网页设计的具体的流程和方法工作步骤工作行为教学方法建议学时分配资讯教师将项目任务工作单下发到各团队，结合现代流行的设计理念，赏析设计过程。学生查找相关资料，收集相关优秀网页设计作品，以备自己练习。讲授法演示法案例法多媒体教学法1 计划学生根据收集的资料进行艺术构思，拿出创意设计草案。讲授法启发引导法多媒体案例法1决策教师审核该创意设计草案，根据难易程度指导学生确定最终设计方案。讲授法启发引导法1实施教师根据设计成稿，进行操作修改，完善最终设计方案。讲授法提问引导法2检查学生以演示其设计完稿，回答同学与老师的提问。多媒体演示2评估教师点评学生设计作品，是评价该项目多媒体演示1 名师资料总结-精品资料欢迎下载-名师精心整理-第 4 页，共 10 页 -5 教学的绩效。（3）学习情景名称及设计学习情境：情境三页面布局控制技术总学时8 学习目标通过教学使学生使用软件工具进行相关的网页页面版式设计与布局控制及相关的脚本的使用。学习任务情境三页面布局控制技术教学材料工具与媒体1、备课笔记2、图形图像素材3、多媒体教学设备4、网络教学资源5、其他。学生知识与能力准备要求1、有一定的造型能力和图形审美能力。2、熟悉计算机基础知识和基本操作的能力。3、熟悉文件，文件夹及文件路径的概念。4、具备从网上搜索资料的能力。5、有一定的自主学习能力。工作情境描 述采用边讲边演示的方法品读与欣赏，通过案例让学生了解基本的HTML语法及基本的页面布局方式。工作步骤工作行为教学方法建议学时分配资讯教师将项目任务工作单下发到各团队，结合现代流行的设计理念，赏析设计过程。学生查找相关资料，收集相关优秀网页设计作品，以备自己练习。讲授法演示法案例法多媒体教学法1 计划学生根据收集的资料进行艺术构思，拿出创意设计草案。讲授法启发引导法多媒体案例法1决策教师审核该创意设计草案，根据难易程度指导学生确定最终设计方案。讲授法启发引导法1实施教师根据设计成稿，进行操作修改，完善最终设计方案。学生完善设计稿，输出、装裱或PPT制作。讲授法提问引导法2检查学生以演示其设计完稿，回答同学与老师的提问。多媒体演示2评估教师点评学生设计作品，是评价该项目教学的绩效。多媒体演示1 名师资料总结-精品资料欢迎下载-名师精心整理-第 5 页，共 10 页 -6（4）学习情景名称及设计学习情境：情境四网页界面元素设计总学时16 学习目标通过教学使学生使用相关的软件工具进行网页相关的元素的设计与制作学习任务情境四网页界面元素设计教学材料工具与媒体1 备课笔记2 图形图像素材3 多媒体教学设备4 网络教学资源5 其他。学生知识与能力准备要求1 有一定的造型能力和图形审美能力。2 熟悉计算机基础知识和基本操作的能力。3 熟悉文件，文件夹及文件路径的概念。4 具备从网上搜索资料的能力。5 有一定的自主学习能力。工作情境描 述采用边讲边演示的方法品读与欣赏，通过案例让学生了解网页界面元素的设计和制作过程工作步骤工作行为教学方法建议学时分配资讯教师将项目任务工作单下发到各团队，结合现代流行的设计理念，赏析设计过程。学生查找相关资料，收集相关优秀网页设计作品，以备自己练习。讲授法演示法案例法多媒体教学法2 计划学生根据收集的资料进行艺术构思，拿出创意设计草案。讲授法启发引导法多媒体案例法2决策教师审核该创意设计草案，根据难易程度指导学生确定最终设计方案。讲授法启发引导法2实施教师根据设计成稿，进行操作修改，完善最终设计方案。学生完善设计稿，输出、装裱或PPT制作。讲授法提问引导法4检查学生以演示其设计完稿，回答同学与老师的提问。多媒体演示4评估教师点评学生设计作品，是评价该项目教学的绩效。多媒体演示2（5）学习情景名称及设计学习情境：情境五网页制作与网站的发布维护总学时8 学习目标通过教学使学生使用软件进行设计图-页面的制作并完成站点的发布，使学生学名师资料总结-精品资料欢迎下载-名师精心整理-第 6 页，共 10 页 -7 会制作完整的网站。学习任务情境五网页制作与网站的发布维护教学材料工具与媒体1 备课笔记2 图形图像素材3 多媒体教学设备4 网络教学资源5 其他。学生知识与能力准备要求1 有一定的造型能力和图形审美能力。2 熟悉计算机基础知识和基本操作的能力。3 熟悉文件，文件夹及文件路径的概念。4 具备从网上搜索资料的能力。5 有一定的自主学习能力。工作情境描 述通过教学使学生掌握使用软件进行设计图-页面的制作并了解站点的发布，维护。使学生学会制作完整的网站。工作步骤工作行为教学方法建议学时分配资讯教师将项目任务工作单下发到各团队，结合现代流行的设计理念，赏析设计过程。学生查找相关资料，收集相关优秀网页设计作品，以备自己练习。讲授法演示法案例法多媒体教学法1 计划学生根据收集的资料进行艺术构思，拿出创意设计草案。讲授法启发引导法多媒体案例法1决策教师审核该创意设计草案，根据难易程度指导学生确定最终设计方案。讲授法启发引导法1实施教师根据设计成稿，进行操作修改，完善最终设计方案。讲授法提问引导法2检查学生以演示其设计完稿，回答同学与老师的提问。多媒体演示2评估教师点评学生设计作品，是评价该项目教学的绩效。多媒体演示1（6）学习情景名称及设计学习情境:情境六主题网站的设计与制作总学时16 学习目标通过案例使学生使用Photoshop,Dreamweaver 等软件工具完成相关主题网站的页面设计、制作并发布，了解整个网站的制作过程。学习任务情境六主题网站的设计与制作教学材料工具与媒体1 备课笔记2 图形图像素材3 多媒体教学设备4 网络教学资源5 其他。名师资料总结-精品资料欢迎下载-名师精心整理-第 7 页，共 10 页 -8 学生知识与能力准备要求1 有一定的造型能力和图形审美能力。2 熟悉计算机基础知识和基本操作的能力。3 熟悉文件，文件夹及文件路径的概念。4 具备从网上搜索资料的能力。5 有一定的自主学习能力。工作情境描 述通过案例使学生使用Photoshop,Dreamweaver等软件工具完成相关主题网站的页面设计、制作并发布，了解整个网站的制作过程。工作步骤工作行为教学方法建议学时分配资讯教师将项目任务工作单下发到各团队，结合现代流行的设计理念，赏析设计过程。学生查找相关资料，收集相关优秀网页设计作品，以备自己练习。讲授法演示法案例法多媒体教学法2 计划学生根据收集的资料进行艺术构思，拿出创意设计草案。讲授法启发引导法多媒体案例法2决策教师审核该创意设计草案，根据难易程度指导学生确定最终设计方案。讲授法启发引导法2实施教师根据设计成稿，进行操作修改，完善最终设计方案。讲授法提问引导法4检查学生以演示其设计完稿，回答同学与老师的提问。多媒体演示4评估教师点评学生设计作品，是评价该项目教学的绩效。多媒体演示2 四、考核评价本课程的学生学业评价结果建议采取：（下表为配套参考格式）表 2 各学习情境的考核方式与考核标准学习情境编号各情境考核点及比例建议考核方式考核知识点及知识要求成绩比例1 网 页 设 计 制作基本概述教 师 评价、学生自评能够了解 DW 软件的界面并熟悉制作网页的过程 10%2 网页设计制作基础操作教 师 评站点的建立及页面各常用元素属性的调整名师资料总结-精品资料欢迎下载-名师精心整理-第 8 页，共 10 页 -9 价、学生自评 10%3 页面布局控制技术教 师 评价、学生自评能够熟练的使用图层,表格和框架 10%4 网页界面元素设计教 师 评价、学生自评能够使用 PS制作出与网页界面有关的元素 10%5 网 页 制 作 与网 站 的 发 布维护教 师 评价、学生自评使用 CSS样式布局网页并发布10%6 主题网站的分析、设计与制作教 师 评价、学生自评能够独立完成一个网站50%注：1、各学习情境中，除对完成任务的考核外，应包括公共考核点的内容及比例；公共考核点内容一般为工作职业操守、学习态度、团队合作精神、交流及表达能力、组织协调能力等。2、考核方式可为教师评价、学生自评、互评或几种的组合。表 3 为综合考核配套参考格式建议考核方式考核的主题（内容）考核的目标及要求考核时间（小时）考核设计制作相关主题网站五、教学条件1教学资源根据网页艺术设计课程项目教学的要求，必须具备以下：校内企业合作实训基地2教学组织A、专业理论与实训课程在实训基地中完成教学任务。B、以设计团队来完成项目任务。名师资料总结-精品资料欢迎下载-名师精心整理-第 9 页，共 10 页 -10 C、整个项目由指导老师负责。3师资要求A、校内专业教师B、校外专业教师C、“双师型”教师D、行业专家由上述人员组成的教学团队4学习场地与设施要求A、符合项目实训教学的“工作情境”的学习场地以及专业设备。多媒体电脑教室，备有投影仪，教室电脑可供开放网络，并使学生拷贝作业案例及备份数据。B、学材、课件与教学软件。项目任务工作单、文字材料、图形图像材料、网络教学资源、图片素材、设计软件等。六、其它说明名师资料总结-精品资料欢迎下载-名师精心整理-第 10 页，共 10 页 -