《网页设计》课程标准
一、课程基本信息
课程名称:网页设计                      学    分:
课程代码:                              学    时:
、课程性质
《网页设计》是平面设计和传媒类专业的拓展课程之一,是完成相关专业培养目标所必需的重要理论与实操一体化教学环节。《网页设计》这门课主要针对网页设计中的配和网页布局进行研究和讲解。本课程的核心技能是在熟悉网页设计原则、彩基础知识、彩的情感象征和主题印象等理论知识的基础上,掌握网页结构布局、网站Logo与导航设计、网页用图和文字的排版设计、网页配设计以及如何通过网站主题进行风格定位,从而完成网页布局设计与配方案设计,设计出合理而精美的网页作品。本课程旨在培养符合网页设计、用户界面设计、网站策划等社会岗位需求的界面艺术设计的职业技术人才,使学生具备网页设计的艺术鉴赏能力和网页布局与配的设计和创作技能。
本课程是计算机类专业学生必须掌握的专业知识之一,通过本课程的学习,学生将了解网页设计、网站项目创建实施的流程及方法,具备网页设计、网站建设与维护的基本能力,为今后学生到相应的职业岗位打下基础。同时,本课程将重点培养学生的创造能力、实际动手能力和计算机应用能力,从而适应日新月异的就业形势和社会的人才需求。
三、课程设计
(一)课程目标设计
1.能力目标:
(1)能够掌握网站标志和导航设计重要性以及设计方法;
(2)能够掌握网页设计中页面整体布局原则以及页面元素设计方法;
(3)能够理解彩基本知识、熟悉网页彩模式、网页中彩运用的基本原则和彩的作用;
(4)能够掌握网页配设计的方法;
(5)能够根据主题进行网站页面创作与设计。
2.知识目标:
(1)了解网站设计特点、构成元素、设计原则等;
(2)了解网站页面规划与元素设计的方法和技巧;
(3)掌握网站中的图形与文字排版设计的方法和技巧;
(4)了解网站页面布局的目的和设计方法、原则;
(5)了解彩在网站设计中的作用;
(6)掌握网页配的基本方法和技巧;
3.素质目标:
(1)培养学生的审美能力;
(2)培养学生的设计能力、团队合作和沟通能力;
(3)培养学生独立思考、自主学习和创新能力;
(4)培养学生知识的融会贯通和举一反三的能力;
(5)培养学生踏实肯干、做事认真、细心做事的态度;
(6)培养学生独立的决策能力
(7)有耐心,有恒心,善于接受批评意见;
(8)具有严谨的科学作风和踏实的工作态度,积极的求知欲和进取心。
(二)课程教学活动设计
1.课程内容设计(一般指一级项目编号及名称、内容)
序号
项目(模块)名称
学时
1
网站设计基础
4
2
网站页面规划
4
3
网站元素设计
12
4
网站布局与排版设计
16
5
网页配
16
6
综合复习+考试
4
合计
2.能力训练项目设计(一般指二级项目内容)
编号
能力
训练
项目
名称
学时
能力目标
主要支撑知识
训练方式及步骤
结果
(可展示)
1
网站设计概述与规范
4
1.能够了解网页美工的岗位职责和所需技能;
2.能够掌握网页美工设计的工作流程和设计要领;
3.能够掌握网页的版面构成元素及各元素的作用。
1.网页美工设计概述;
2.网站设计构成元素;
3.网站设计原则;
4.彩在网站设计的作用。
基于案例教学法,以小组为单位的进行拓展训练。学生通过组内交流和完成案例分析报告,理解网站设计基础知识
完成案例分析报告。
2
网站页面规划
4
1.能够掌握网站页面规划方法及技巧;
2.能够掌握网站栏目结构,能够进行页面策划。
1.网站栏目结构;
2.网站栏目规划;
3.网站页面策划。
基于案例教学法,以小组为单位的进行讨论。教师在案例分析中通过给学生提供线索,提供反馈,对学生进行必要的训练。
完成网站结构策划及页面规划。
3
网站元素设计
12
1.能够掌握网站Logo设计的特点、规范及方法;
2.能够掌握网站图标设计的原则及技巧;
3.能够掌握网站按钮设计的方法;
4.能够进行网站导航设计和网站广告设计。
1.网站Logo的特点、设计规范及表现形式;
2.网站图标的设计原则及应用;
3.网站按钮的功能;
4.网站导航设计的基本原则;
5.网站广告的类型及设计方法;
6.了解网站页面中各种元素设计要点及要求
本模块主要采用学徒式训练法,教师向学生做出正确的示范,学生在观看教师示范的同时模仿教师完成案例制作。然后在此基础上进行组内交流和作品展示,完成项目作品的策划和创新。
1.网站Logo设计与制作;
2.网站图标设计;
3.网站按钮设计;
4.网站导航设计;
5.网站广告设计。
4
网站图形与文字排版设计
4
1.能够掌握网页中文字使用技巧;
2. 能够掌握网页文字排版设计常用手法;
3.能够掌握网站图片的排列布局形式。
1.网站页面中的文字字体、大小及使用技巧;
2.网站文字的排版方法及原则;
3.图形在网站设计中的作用;
4.网站图形设计类型;
5.网站图片的排列布局形式。
本模块主要采用学徒式训练法,教师向学生做出正确的示范,学生在观看教师示范的同时模仿教师完成案例制作。
1.案例分析;
2.网页图文排版设计。
5
网站页面布局设计
8
1.能够掌握网站页面布局的操作顺序;
2.能够掌握网站布局的构成原则,进行网站布局设计;
3.能够根据整体内容位置决定网页视觉布局。
1.了解网站页面布局;
2.了解网页布局设计基本方法及构成原则;
3.掌握页面分割方向的布局方式;
4.了解初始页面的网页布局类型;
5.了解网页布局要点。
基于项目驱动式案例教学法,以小组为单位的进行拓展训练。教师给学生清楚地安排要完成的任务内容、条件、目标,学生按要求完成任务,教师适当进行指导。
1.案例分析;
2.初始页面布局设计;
3.宣传网站页面布局设计。
6
网站页面视觉布局形态
4
1.能够掌握网页布局形态的含义和情感;
2.能够进行大众化网页布局形态设计;
3.能够进行个性化网页布局形态设计。
1.了解网页功能及网页形态;
2.了解网页布局形态的含义和情感;
html网页设计课程标准3.了解大众化网页和个性化网页的布局形态;
4.了解常见网页视觉风格。
本模块主要采用学徒式训练法,教师向学生做出正确的示范,学生在观看教师示范的同时模仿教师完成案例制作。
1.案例分析;
2.个性化网站页面设计。
7
网页配基础
4
1.能够掌握彩基础知识;
2.能够掌握网页配的联想作用;
3.能够在案例分析中发现网页配的常见问题。
1.彩基础;
2.RGB颜与CMYK颜的区别;
3.了解彩的属性;
4.网页配的联想作用;
5.了解网页配常见问题。
基于项目驱动式案例教学法,以小组为单位的进行拓展训练。
1.案例分析;
2.优化网页配,并进行网页设计。
8
网页元素的配
4
1.能够掌握网页配的基本方法;
2.能够掌握网页元素的彩搭配方法;
3.能够根据受众体选择网页配。
1.了解网页配的基本方法;
2.了解网页文本与文本的配关系;
3.了解网页元素彩搭配方法;
4.了解如何根据受众体选择网页配。
本模块主要采用学徒式训练法,教师向学生做出正确的示范,学生在观看教师示范的同时模仿教师完成案例制作。
1.案例分析;
2.设计产品宣传网站页面。
9
网页配的方法
4
1.能够掌握及相进行配;
2.能够基于调进行网页配;
3.能够将彩感觉应用在网页配中;
4.能够掌握彩对比的配。
1.了解基于相进行配;
2.了解基于调进行配;
3.了解彩感觉在网页配中的应用;
4.了解彩对比的配。
基于项目驱动式案例教学法,以小组为单位的进行拓展训练。教师给学生清楚地安排要完成的任务,让学生尝试完成,教师适当进行指导。
1.案例分析;
2.设计宣传网站页面。
10
网页配技巧
4
1.能够掌握突出主题的配技巧;
2.能够掌握整体融合的配技巧;
3.能够使用配技巧进行个性化网页设计。
1.了解突出主题的配技巧;
2.了解整体融合的配技巧;
3.了解网页配印象。
本模块主要采用学徒式训练法,教师向学生做出正确的示范,学生在观看教师示范的同时模仿教师完成案例制作。
1.案例分析;
2.设计个性化宣传网站页面。
11
综合复习
+考试
4
能够掌握网页设计所有基础知识,并能独立根据主题完成网页设计。
了解网站设计基础、网页设计的组成与规范、网站元素设计、网站页面布局方法及技巧、网页配基础及方法等。
综合练习
考试
四、教学内容与学时分配

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。