[绩效考核]新修改网站美工设计基础形成性考核册.doc

《[绩效考核]新修改网站美工设计基础形成性考核册.doc》由会员分享，可在线阅读，更多相关《[绩效考核]新修改网站美工设计基础形成性考核册.doc（39页珍藏版）》请在三一办公上搜索。

1、（绩效考核)新修改网站美工设计基础形成性考核册网站美工设计基础形成性考核册学生姓名： 学生班级： 学生学号： 年月实训1对21世纪网页设计的审美转达的认识实训目的提高学生对网页设计的认识，加深理解网站于当今社会的重要地位。实训内容完成2000字左右的文字稿。实训要求教师指导1学时，学生课后自学8学时或之上。实训过程记录步骤简述：网页把各种信息以最快捷、方便的方式传达给受众。人们对美的追求是不断深入的，网页设计同样如此。网页不光是把各种东西放上去，能见就行，这是远远不够的！要考虑如何受众能更多的和更有效率的接收网页上的信息，从而使他们对给网站留下很好的印象，那就更能促进自己网站的运作。于这种标准

2、的要求下，逐步产生了审美的需求。这需要从审美的方面入手，结合使用方便的要求，就能制作出清晰、整体性好的页面。使人浏览起来心情愉快，接收信息也会更加容易。同时提升网站的形象。运用壹些平面设计中美的基本形式到网页中去就能是网页更加富有美感，例如将平面设计中的节奏和韵律和骨格的形式溶入到网页中，这样会使内容繁多的页面更加有条理，也会是人浏览起来主次分明。当然这种美首先建立于页面的内容充实，而且实用，壹个内容空洞无物的网页既使做得再漂亮也不会吸引人，顶多赢得几声赞叹，没有任何的用处。没有实用性的东西是不会具有生命力的。要想将页面做的更漂亮，就要求设计师要用较好的审美方面的素质，同时要有丰富的平面设计的

3、经验。这样才能于设计时驾轻就熟。于满足了基本的功能的要求之后，为了突出自己的特色，突出自己的优势，必须从审美上入手。而目前很多国内网站的现状是什么样子的呢？经常上网的网友可能会有所体会。目前的网页存于着诸多的不足，以下简单的分析壹下，希望能从中得到壹些启示。随后我们再为大家介绍壹些网页设计的审美法则。第壹个能够用壹个字来形容，那就是“塞”。第二也可用壹个字“花”来形容。第三个当下网页设计中的误区就是千篇壹律，缺乏自己的特色。仍有壹类站点的网页是壹种纯技术化的网页。综合之上的分析，能够找出很多目前网页设计上设计的不足，特别是审美上的不足，照顾网页功能上的需要的前提下，需要有针对性的采用壹些美的形

4、式。来使网页做得更加有生气，更吸引人。那么加入美的因素，也要遵循壹定的形式美法则。这种美的形式有很多种，合理的利用，能够给网页增光添彩。赏心悦目。是受众浏览起来更加有效率，有力的提升网站的形象。下面逐壹分析这些美的形式，且考虑如何将它们融入到网页之中，以解决之上遇到的很多网页设计上的审美不足的问题。从古至今，很多艺术家和学者提出了各种关于形式美的规律，很多经得起推敲的作品均是遵循这些规律去创作，以期完成其审美价值的。因此，于网页设计过程中，设计者必须去研究，掌握且主动地、有意识的运用这些规律，才能创作出好的作品。当然，不同时代有不同的设计审美观念，也有不同的美学特征。于信息特别发达的今天，竞争

5、日趋激烈，给人们带来了新的审美需求，对于网页设计，客观上将其推向了更高层的表现境界，这是网页设计的必然趋势。去追求壹种和谐的单纯，即追求清晰的视觉冲击力和巨大的张力，我们应该把“变化和统壹、条理和反复、对比和调和、均齐和平衡、节奏和韵律”等美的形式规律同现代的网页设计的具体问题相结合起来。如何解决网页中的独特性的问题呢?我想这不仅仅是审美的形式问题,主要要站于网站本身的高点上来考虑，综合自身的整体形象，如网站的标志、标准字体、标准色等等，因为这些方面就是自己和众不同之处，如果将这些经独特设计的关于自身运营理念的东西融合到网页设计中去，怎会和人雷同呢？随便打个比方，假如运用自己的网站的标准色作为

6、网页的基调，不光是能做到独特，而且对于网站本身的形象是很有好处的，就如我们经常见到的IBM的蓝，可口可乐的红白俩色。这均是苦心的营造的企业形象的重要组成部分。网站要想树立自己的独特的形象，必须从这些方面入手，把网页上的各种信息的表达统壹到网站综合形象的整体里面来考虑。就会给人留下深刻的独特的形象。作为形式美的法则，随着时代的不同而不断发展进步，特别于生活节奏如次快的互联网时代，由于追求的目标的变化，人们的审美观念也于不断的变化，可是美的本质是壹样的，同时随着技术的发展，很多的目前不容易实现的审美形式也逐渐被克服，突破带宽的瓶颈。就会给网页设计的自如发展壹片新的天地。我们对美的追求是永不停止的，

7、作为设计师，也要不断的提高自己的素质，才能做出更好的富于美感的网页来。实训日期：实训2网页和平面构成、色彩、版面设计的关系实训目的提高学生对色彩的认识。加深对色彩于现实生活中重要性的理解。实训内容谈网页和平面构成、色彩、版面设计关系的理解和认识。完成2000字左右的文字稿。实训要求教师指导1学时，学生课后自学8学时或之上。实训过程记录步骤简述：网页的平面构成,就是壹种造型概念,也是现代造型设计语言.其中含义就是将点线面色等各种单元组成壹个新的单元,且赋予视觉化的、力学的概念。其中，立体构成是厚度造型，平面构成是以轮廓造型，是将不同的基本形态按壹定的规则于平面上组合图案。平面构成元素，包括概念元

8、素、视觉元素和关系元素，是指造型之前，仅于意念中感觉到的点、线、面、体的概念，其作用是促使视觉元素的形成。视觉元素，是把概念元素见之于画面，是通过见得见的形状大小色彩位置方向肌理等被称为基本形的具体形象加以体现的。关系元素，是指视觉元素（即基本形）的组合形式，是通过框架、骨骼以及空间空心虚实有无等因素决定的；其中最主要的因素是骨骼，是可见的，其他如空间，则是以感觉去体现。平面构成的框架壹切用于平面构成中的可见的视觉元素，通称形象，基本形态即是最基本的形象；限制和管辖基本形于平面构成中的各种不同的编排，即是骨骼。基本形有“正”有“负”，构成中亦可互相转化；基本形相遇时，又能够产生分离接触复叠透叠

9、联合减缺差叠重合等几种关系。骨骼能够分为：视觉上起作用的有作用骨骼和于视觉上不起作用的无作用骨骼，以及有规律性骨骼（即重复近似渐变发射等骨骼）和非规律性骨骼（密集对比等骨骼）。基本形和骨骼的上述这些特性，将相互影响互相制约互相作用而构成千变万化的构成图案。实训日期：阶段性考核壹考核内容网页和平面构成、色彩、版面设计的关系（2000字左右文字稿）考核过程记录步骤简述：上面是平面构成的简单概念和介绍可是平面设计中除了平面构成以外仍有另外壹个不可或缺的理论知识，就是色彩构成，色彩构成也是平面设计的必须基本知识之壹，其实配色方面也是很多人的问题，有人会认为色彩的话只要自己觉得舒服就好了，我个人觉得舒服

10、其实只是感觉中的壹种，而色彩能够传达的不单单是让人舒服而已，简单来说色彩是壹种语言是壹种信息是壹种能够通过眼睛传达到人脑中直接刺激人的大脑而对作品产生的壹种对作品的共鸣。色彩有冷暖有远近有大小甚至是能够直接传达信号给观见者。就象是埃及的图腾中红色就是太阳，生活中紫色的花朵见了就有给人壹种幸福的感觉，土黄色壹见就很古典等等等但同时于色彩构成中不同的行业对色彩运用也有不同的感受，仍有就是不同的行业对色彩使用的要求也有不同想网页设计和书报设计是不同的，网页设计于网页上的色彩除了符合自己风格以外仍有就是不用考虑印刷方面的问题。因为于书报设计中要考虑印刷方法，和印刷出来的效果。色彩是很微妙的东西，它们本

11、身的独特表现力能够用来产生出壹种刺激人们大脑中对某种形式存于的物体的共鸣，展现出其对待生活中的新的见法和态度，扩大了我们创作的想象空间，赋予了创作的新的不定性。其实于壹个具体的设计稿样上，形态的组织色彩的构成等均是为了获得壹种整体的视觉效果，于我们抛开其他形态组织不谈，先简单的分歧壹下设计稿件上于色彩上如何是形成壹个同意和谐的整体的。网页的版面构成肩负着双重使命：壹是作为信息发布的重要媒介，二是它要让读者通过版面的阅读产生美的遐想和共鸣，让设计者的观点和涵养能进入读者的心灵。以往的媒体如报刊，只有文字和图片而没有声音；广播只有声音却没有文字和图像；电视是拥有声音、图像、文字的媒体，但观者只有被

12、动地接受，而不能自由地有选择地观见，也不能进壹步查见详细资料，只有网页能够做到上述的壹切，观者的自由度像报纸壹样，可自由选择喜爱的内容，同时又能够听、见更多的声音和视频信息，以对被查见事物有更全面的了解。这种利用图像、音效和动画的版面构成形式，必将使媒体视觉传播策略更加深入。版面构成离不开艺术表现。美的形式原理是规范形式美感的基本法则。它是通过重复和交错、节奏和韵律、对称和均衡、对比和调和、比例和适度、变异和秩序、虚实和留白、力场和网格、变化和统壹等形式美构成法则来规划壹个网页版面。用最简单的壹句话来表达，构成就是将造型按视觉效应、视觉力学和精神力学等原则组成的，具备美好形态的造型。构成形式里

13、，有空间构成（平面构成和立体构成）和时间构成（静和动）。于网页的创作，就是要协调这里面的种种关系，顺应视觉感受，才能够打动观见者的视觉，得到想要的效果。版面构成实际上就是如何运用好点、线、面。不管版面的内容和形式如何复杂，但最终能够简化到点、线、面上来。网页页面中所有要素均能够归纳为点、线、面：壹个字母、壹个页码数、能够理解为壹个点；壹行文字、壹行空白，均能够理解为壹条线；数行文字和壹片空白，则能够理解为面。它们之间互相依存，相互作用，组合出页面中各种各样的形态，构建成壹个个千变万化的全新页面。对于网页的版面构成，于设计上虽然能够借助电脑设计软件中的壹些特殊技法使其丰富多样而又简洁明了，但归根

14、究底是为了让文字和内容更有可读性，让栏目划分更富于节奏感，是为内容服务的，所以如果当俩者相矛盾时，应该让版面构成服从内容。页面是让浏览者阅读和理解的，让浏览者于视觉上感到愉快，思维上保持清晰就是版面构成中视觉表达的最精华概括。除了之上的构成关系，仍应注意网站的内容，人性化的布局。网站的包装绝不是从某单方面就能够解决的。壹个受欢迎的网站，必将是壹个给人印象深刻，于各方面均设计合理的网站。考核成绩（满分10分）：指导教师签名：考核日期：实训3重复、渐变、发射的构成练习实训目的反复调整三个基本构成的骨架结构和设计效果，通过动手实践，体会手绘的感觉。实训内容分别作重复、渐变、发射三个构成的练习。实训要

15、求手绘。（30CM30CM）于白卡纸上（黑白稿）作涂色练习。教师指导3学时或之上。学生课后练习40之上学时。（选2种或2种之上形式进行综合练习）实训过程记录步骤简述：重复：用直尺等辅助工具先于A4纸上画出A，然后再画壹个倒着的A，重复的画出8个A图形，将将部分A形的顶部涂上颜色，即形成了重复效果；渐变：用直尺等辅助工具先于A4纸上画出大的纸飞机，然后按照壹个方向由大到小画出多个纸飞机，再将折叠中间部分涂上颜色，即形成了渐变效果；发射：第壹步，于A4纸上画出壹个小圆点。第二步，以这个小圆点为中心，由小到大画出三个大圆。且给其中的俩个圆涂上颜色。第三步，以最先画的小圆点为中心，由小到大，由内到外，

16、向不同的方向画圆。且给相应的圆涂上颜色，形成以小圆点为中心的发射效果；实训日期：实训4特异、肌理、图和底、对比、韵律等平面构成的练习实训目的通过动手实践，体会手绘的感觉及学习手绘的技法。实训内容分别作特异、肌理、图和底、对比、韵律等构成的练习。实训要求手绘。任选壹种构成，于白卡纸（30CM30CM）上（黑白稿）作设计练习。教师指导3学时，学生课后练习8学时或之上。实训过程记录步骤简述：1、准备工具（卡纸、水粉颜料、水粉笔、铅笔、尺子等）；2、寻找参考资料和设计草图；3、确定草图，用铅笔画构成练习的骨格（肌理构成需拓印或用其他方法于纸张上制造肌理效果）；4、用针笔过稿，上墨，修图，装裱完成。实训

17、日期：阶段性考核二考核内容掌握重复、渐变、发射的构成练习（选2种或2种之上形式进行综合练习）考核过程记录步骤简述：1、准备工具（卡纸、水粉颜料、水粉笔、铅笔、尺子等）；2、寻找参考资料和设计草图；3、确定草图，用铅笔画构成练习的骨格；4、用针笔过稿，上墨，修图，装裱完成。考核成绩（满分10分）：指导教师签名：考核日期：实训5设计三幅平面构成实训目的通过动手实践，体会手绘的感觉及学习手绘的技法。实训内容运用基本形的各种排列，自行设计三幅平面构成作品。实训要求有条件的地方可上机操作。教师指导3学时，学生课后练习40学时之上。（选2种或2种之上形式进行综合练习）实训过程记录步骤简述：1：于网上找壹个

18、合适的背景图片，和壹张电路板图片，然则运行AdobePhotoshopCS软件，新建壹个文件，把背景图和电路板导入进去，分别为俩个不能的层。将电路板放于背景层上面的适当位置。再新建壹个层，通过文字工具输入“半导体分销行业的先驱”改变字体和字号，设置为斜体，放于背景层上面右边的适当位置，将做好的文件保存，导出或存储为JPG文件。2：于网上找壹背景图，壹辆车的图片，通过AdobePhotoshopCS软件，把车放置于背景图的上面。将做好的文件保存，导出或存储为JPG文件。3：于网上找壹张PSD的图片，然后通过AdobePhotoshopCS软件打开图片文件，进行适当的修改。将修改好的文件保存，导出

19、或存储为JPG文件。实训日期：阶段性考核三考核内容设计三幅平面构成（选2种或2种之上形式进行综合练习）考核过程记录步骤简述：考核成绩（满分15分）：指导教师签名：考核日期：实训6绘制明度渐变卡实训目的学会色彩调配知识、掌握涂色以及调色方法。实训内容绘制明度渐变卡，完成1幅于白卡纸上（30CM30CM）的手绘作业涂色（用水粉色）练习。实训要求通过学习，掌握色彩调配知识、涂色以及调色方法。教师指导1学时，学生课后8学时或之上。实训过程记录步骤简述：1 打开CORELDRAW软件2 新建壹个30X30CM的空白文档3 使用矩形工具画壹个矩形4 选择填充工具渐变填充颜色从黑色到白色5 将其步长设定为：

20、116 按“确定”，形成明度渐变卡7 将文件导出为JPG的图片文件。实训日期：实训7绘制纯度渐变卡实训目的学会色彩调配知识、掌握涂色以及色彩调配方法。实训内容绘制纯度渐变卡，完成1幅于白卡纸上（30CM30CM）的手绘作业涂色（用水粉色）练习。实训要求通过学习，学会色彩搭配知识、掌握涂色以及色彩调配方法。教师指导1学时，学生课后8学时或之上。实训过程记录步骤简述：1、明确绘制明度渐变卡作业任务；2、准备工具（卡纸、水粉颜料、水粉笔、铅笔、尺子等）；3、寻找参考资料和设计草图；4、确定草图，用铅笔画构成练习的骨格；5、调色，根据作业要求和构思稿上颜料；6、修图，装裱完成。实训日期：阶段性考核四考

21、核内容绘制明度渐变卡考核过程记录步骤简述：1、明确绘制明度渐变卡作业任务；2、准备工具（卡纸、水粉颜料、水粉笔、铅笔、尺子等）；3、寻找参考资料和设计草图；4、确定草图，用铅笔画构成练习的骨格；5、调色，根据作业要求和构思稿上颜料；6、修图，装裱完成。考核成绩（满分10分）：指导教师签名：考核日期：实训8上机完成8幅作业练习实训目的学会运用上机操作的方法进行色彩搭配的练习、掌握涂色以及色彩调配方法，作平面色彩构成练习。实训内容手绘。完成8幅（30cm30cm）的作业练习。有条件的地方可上机操作，完成8幅（16cm16cm）的作业练习。（可选择完成）实训要求（1）作标准色相环pccs色相环。（2

22、）色彩混合作间色、复色的调色混合练习（3）原色对比（4）间色对比（5）冷暖色相对比（6）明度对比（7）纯度对比（8）色彩单项调和（9）色彩双项调和（10）多色调和（11）改变面积分割形状形成调和（12）色彩和四季的联想春、夏、秋、冬（形象任意设计）。教师指导6学时，学生课后40学时或之上。实训过程记录步骤简述：一、 制作PCCS色相环：1 于CORELDRAW建壹个30X30CM空白文档；2 画壹个圆，选择“饼形”，角度选择30度；3 把中心点放到夹角处选择“变换“旋转角度30度应用到再制组成壹个圆形；4 给每壹格填色（颜色从冷色到暖色渐变）选中全部去其轮廓群组；5 再画壹个小圆，填充白色；选

23、中色环和小白色，用排列下的对齐和分布，使俩个圆以中心点对齐，选中全部去轮廓群组。完成色相环的制作。二、 原色对比：画壹矩形且填充红色，于矩形内画俩个三角形，且改变其形状，分别填充黄色和蓝色，选定全部去其轮廓群组。三、 间色对比：画壹矩形且填充绿色，于矩形内画俩个三角形，且改变其形状，分别填充橙色和紫色，选定全部去其轮廓群组。四、 冷暖色对比：画壹矩形且填充蓝色，于矩形内通过画圆、矩形工具、形状工具，绘制不同形状的图形，给图形填充红色，黄色、黑色、绿色等，选定全部去其轮廓群组。五、 明度对比：画壹矩形及壹些不规则的图形，分别填入明度不同的颜色，选定全部去其轮廓群组。六、 纯度对比：画俩个矩形分别

24、填入纯度不同的颜色，选定全部去其轮廓群组。七、 改变面积形状调和：画壹个外矩形填入深蓝色框内画壹个面积不等的矩形和壹个圆，分别填入红色，选定全部去其轮廓群组。八：色调单项调和：画俩个矩形，给矩形分别填充深蓝色和浅绿色，于俩个矩形内分别画俩个圆，为其填充黄色，选定全部去其轮廓群组。指导教师签名：实训日期：阶段性考核五考核内容上机完成8幅作业练习（可选择完成）考核过程记录步骤简述：考核成绩（满分10分）：指导教师签名：考核日期：实训9网页版式设计训练实训目的通过对优秀网页设计的赏析，学生能够先借鉴后创新；掌握版式设计的基本流程；掌握网页版式设计的艺术手法。实训内容设计网站主页实训要求1、 自拟网站

25、主题，进行网页版式设计和创意练习2、设计24个网页，分析版式类型，教师指导7学时，学生课后要进行26学时之上的操作练习。实训过程记录步骤简述：1、 新建壹个目录，重命名为“实训9”或其它。该目录用来存放所有的网页、图片、CSS样式、flash等文件。2、 于“实训9”目录下面新建目录“CSS”用于存放CSS栏式文件，“images”用于存放网页所要用到的图片文件，“flash”用于存放网页中用到的flash文件。3、 将所有准备好的图片，CSS，flash等文件放到相应的目录。4、 运行MacromediaDreamweaver，新建俩个html文件，另存为到“实训9”目录下面，文件名为：In

26、dex.htmlIDC.html5、 给Index.html文件加载需要用到的CSS样式文件。通过DIV调用其样式，进行排版。6、 先排head区，内容主要包括：网站LOGO，主导航和辅导航。位于网页的最上方。7、 于导航下方插入壹个flash动画（adve）8、 动画下面是网页的主要内容（main），首先通过DIV和CSS把页面分为左右俩栏，左边窄，用来放壹些不是很重要的内容，右边宽，用来放主体内容。9、 通过DIV+CSS把左边的内容依次排出来。新闻动态、客服中心、常见问题、成功案例、合作伙伴等。10、 右边依次排列：服务器托管、服务器租用、服务器销售、虚拟主机等内容，包括对每壹项产品的壹

27、些简单介绍。11、 主体内容下面是版权信息（bottom区）主要包括页脚的导航链接、公司的地址、联系电话、传真、备案信息、关联证件图标、版权信息等。12：以同样的方式为IDC.html文件排版。对页面的主体内容（main区）做相应的修改。实训日期：阶段性考核六考核内容网页版式设计训练考核过程记录步骤简述：考核成绩（满分15分）：指导教师签名：考核日期：实训10工具箱的基本应用实训目的提高学生手绘各种图形的能力，创建栩栩如生的几何图形。实训内容运用CorelDRAW软件绘制图形。实训要求使用CorelDRAW提供的最基本工具绘制几何图像，选择运用各种工具绘制几何对象的案例进行讲解，教师指导2学时

28、。学生课后上机操作练习4学时之上。实训过程记录步骤简述：1：绘制正方形、圆：选择矩形/椭圆工具，按住ctrl键，拖动左键绘制，绘制完毕，注意先松开ctrl，再放开左键。2：绘制以起点绘制正方形、圆：选择矩形/椭圆工具，同时按住ctrl和shift键，拖动左键绘制，绘制完毕，注意先松开ctrl和shift，再放开左键。3：绘制正多边形：和绘制矩形圆相似，不过，要先右击多边形工具，选“属性”，设置多边形边数，形状等。4：快速设置背景色：双击矩形工具，创建和工作区相同大小的矩形，可做填充后作为图形背景。5：从中心绘制基本形状：单击要使用的绘图工具。按住shift键，且将光标定到要绘制形状中心的位置，

29、沿对角线拖动鼠标绘制形状。先松开鼠标键以完成绘制形状，然后松开shift键。6：绘制从中心绘制边长相等的形状：单击要使用的绘图工具，按住shift+ctrl键，光标定到要绘制形状中心的位置，沿对角线拖动鼠标绘制形状。松开鼠标键以完成绘制形状，然后松开shift+ctrl键。实训日期：实训11对象的编辑操作实训目的使学生能够灵活的展现出所要表达的图形效果。实训内容运用CorelDRAW软件对图形进行编辑操作。实训要求于创建了基本的对象轮廓后，使用各高级工具和命令调整对象的形状，最终获得满意的效果。教师指导1学时，学生课后要参考关联实例进行上机操作练习10学时之上。实训过程记录步骤简述：1自定义状

30、态栏功能。Coreldraw的操作屏幕窗口和AutoCAD等大多数绘图软件壹样，工作界面上均具有标题栏、菜单栏、“标准”工具栏、“属性”工具栏、工具箱、滚动条、状态栏和绘图窗口，仍有标尺、页计数器、调色板等，如用户仍能够保存和加载自定义的“调色板”，供特定的项目或绘图类型使用。2制作符号库。能够于Coreldraw中制作所需的符号库，方便以后的调用。于Coreldraw中，建立壹个对象，然后根据这个对象，使用轮廓笔功能，建立壹个封闭的路径，再将设计好的符号添加到“符号框”中，方便以后作用。利用Coreldraw的强大编辑功能，能够做出各种类型的符号。3“形状”工具功能。当直线和曲线不符合要求时

31、，“形状”工具提供了强大的编辑修改功能Coreldraw图形对象均有结点，当用“形状”工具选择图形对象时结点就变大，编辑能够通过、增加或删除结点，改变结点的类型，分开和连接结点，以及操纵控制曲线形状的控制点，以达到修改和编辑图形的目的。实训日期：实训12图像的填充效果实训目的通过关联工具和技巧的混合运用，绘制出各种图案填充效果，使作品不仅局限于对象的简单叠加，而且具有五彩缤纷的渲染效果。实训内容运用CorelDRAW软件对图案进行填充操作。实训要求熟练掌握图案填充的技巧，使学生能够绘制出彩色的图画。教师指导2学时，学生课后要参考关联实例进行上机操作练习8学时之上。实训过程记录步骤简述：（1）选

32、择工具箱中的矩形工具，将鼠标光标移到页面中，此时鼠标光标变为形状，按住鼠标且拖动即可绘制出壹个矩形。（2）选择工具箱中的选取工具，于页面中选中矩形，如图1-10所示。（3）将鼠标移到调色板中且单击红色色块，如图1-11所示，将矩形填充为红色，效果如图1-12所示。2图1-10选中矩形图1-11单击红色色块图1-12矩形的填充效果实训日期：实训13位图的应用和编辑实训目的学生能够不通过Photoshop，就能够直接于CorelDRAW中处理现成的素材。实训内容运用CorelDRAW软件编辑位图。实训要求使用滤镜对现成的图像进行处理。教师指导1学时，学生课后搜集位图素材且参考关联实例进行上机操作练

33、习6学时之上。实训过程记录步骤简述：（1）导入位图图像。（2）使用工具箱中的（选取工具），选中位图图像，此时图像的四周会出现控制框及其8个控制节点（黑色实心方块）。（3）拖动控制框中的控制节点，即可缩放位图图像的尺寸大小。也可通过设置选取工具属性栏中的图像尺寸或比例选项，或使用“变换”泊坞窗中的“尺寸”功能选项，来控制位图图形的缩放。（4）选中工具箱中的(形状工具)后，单击导入的位图图像，此时图像的四个边角出现四个控制节点。（5）拖动位图边角上的控制节点剪裁图形，也可于控制框边线上添加、删除或转换节点后，再进行编辑。实训日期：实训14运用CorelDRAW工具绘制网页实训目的通过本案例的练习，

34、熟练掌握网页设计和制作的方法和技巧，能够运用美术思想来设计制作具有观赏性的网页。实训内容运用CorelDRAW软件绘制网页。实训要求1、选用3-5种颜色为网站配色，体会色调和网站主题的联系2、网站各要素要完整3、教师指导4学时，学生课后搜集优秀网页做参照，上机操作练习32学时之上。实训过程记录步骤简述：1、 打开CORELDRAW软件2、 新建壹个450X305mm的空白文档3、 双击矩形工具，绘制壹个450X305mm的矩形，用渐变填充工具给矩形填充壹个渐变色。4、 导入左边的图片，放置于页面的左边，且调整其大小。5、 于另边画壹个矩形，用白色填充，且设置其为圆角，角度为30度。6、 通过文

35、字工具、形状工具等制作出网站LOGO置于页面的左上角。7、 用矩形工具绘制壹个圆角为30度的小矩形，用红色填充，放置于页面右上角位置。用文字工作制作3个辅导航“HomeStiemapContactus”，通过排列下的对齐和分布，将其分布对齐，放于刚绘制的红色小矩形上面。选定红色小矩形、3个辅导航，将其群组。8、 用矩形工具绘制壹个小矩形，用渐变工具给矩形填充渐变色为线性、-90度，圆角25度，用轮廓工具去掉其轮廓。然后将该矩形复制4个，用排列下的对齐和分布将其分布对齐，选定5个小矩形进行群组。用文字工具于每个小矩形上面添加主导航的名称，用排列下的对齐和分布将其分布对齐，群组。适当的调节其位置。

36、9、 用文字工具、矩形工具制作“新闻动态、行业知识”等栏目标题及栏目内容（文章标题），导入more图标，文章标题前面的小图标。通过排列下的对齐和分布等工具，将其排列整齐。置入页面主导航的下方相应位置。10、 通过和矩形工具画出壹个矩形，导入壹张公司概貌的图片，适当调整其大小，放于该矩形内。且于该矩形内用文字工具输入公司简介信息。然后通过轮廓去掉矩形的轮廓，群组，调整到适当的位置（新闻动态的下方）11、 于公司简介矩形框的右边再画壹个矩形，导入壹张图片放于矩形框的最右边，调整其大小。于矩形框的左边输入联系信息：如电话、传真、邮箱、地址、网址等。通过排列下的对齐和分布等工具，将其排列整齐。置入页面

37、主导航的下方相应位置。12、 用矩形工具、渐变填充工具绘制壹个填有渐变色的圆角矩形；用画圆工具画俩个大小不壹的圆，大的填充蓝色，小的填充白色。将小的圆放于大的上面，以中心点对齐，通过轮廓工具去掉俩个圆的轮廓，群组。再用文字工具制作壹个“作品展示”的标题，将圆和标题放于矩形的适当位置，群组放置于公司简介的下方。13、 通过文件菜单下的导入，导入三张摄影作品，用排列下的对齐和分布等工具，将其排列整齐。放于“作品展示”标题下面。14、 用矩形工具绘制壹个矩形。放于页面的最下方，将前面的LOGO缩小到适中，通过文字工具于该矩形框里输入版权信息。15：选中所有的内容群组。到此网页基本完成。实训日期：阶段

38、性考核七考核内容运用CorelDRAW工具绘制网页考核过程记录步骤简述：考核成绩（满分30分）：指导教师签名：考核日期：网站美工设计基础形成性考核成绩表阶段壹实训名称学时数阶段成绩实训1对21世纪网页设计的审美转达的认识1实训2网页和平面构成、色彩、版面设计的关系1阶段二实训3重复、渐变、发射的构成练习3实训4特异、肌理、图和底、对比、韵律等平面构成的练习3阶段三实训5设计三幅平面构成3阶段四实训6绘制明度渐变卡1实训7绘制纯度渐变卡1阶段五实训8上机完成8幅作业练习6阶段六实训9网页版式设计训练7阶段七实训10工具箱的基本应用2实训11对象的编辑操作1实训12图像的填充效果2实训13位图的应用和编辑1实训14运用CorelDRAW工具绘制网页4总计36教师签名：