2021年新修改网站美工设计基础形成性考核册

实训1对21世纪网页设计审美转达结识

实训目提高学生对网页设计结识，加深理解网站在当今社会重要地位。

实训内容完毕字左右文字稿。

实训规定教师指引1学时，学生课后自学8学时或以上。

实训过程记录

环节简述：

网页把各种信息以最快捷、以便方式传达给受众。人们对美追求是不断进一步，网页设

计同样如此。网页不光是把各种东西放上去，能看就行，这是远远不够！要考虑如何受

众能更多和更有效率接受网页上信息，从而使她们对给网站留下较好印象，那就更能增

进自己网站运作。在这种原则规定下，逐渐产生了审美需求。这需要从审美方面入手，

结合使用以便规定，就能制作出清晰、整体性好页面。使人浏览起来心情高兴，接受信

息也会更加容易。同步提高网站形象。

运用某些平面设计中美基本形式到网页中去就能是网页更加富有美感，例如将平面

设计中节奏与韵律和骨格形式溶入到网页中，这样会使内容繁多页面更加有条理，也会

是人浏览起来主次分明。固然这种美一方面建立在页面内容充实，并且实用，一种内容

空洞无物网页既使做得再美丽也不会吸引人，顶多赢得几声赞叹，没有任何用处。没有

实用性东西是不会具备生命力。要想将页面做更美丽，就规定设计师要用较好审美方面

素质，同步要有丰富平面设计经验。这样才干在设计时驾轻就熟。

在满足了基本功能规定之后，为了突出自己特色，突出自己优势，必要从审美上入手。

而当前诸多国内网站现状是什么样子呢？经常上网网友也许会有所体会。当前网页存在

着诸多局限性，如下简朴分析一下，但愿能从中得到某些启示。随后咱们再为人们简介

某些网页设计审美法则。

第一种可以用一种字来形容，那就是‘塞，

第二也可用一种字“花”来形容。

第三个当前网页设计中误区就是千篇一律，缺少自己特色。

尚有一类站点网页是一种纯技术化网页。

综合以上分析，可以找出诸多当前网页设计上设计局限性，特别是审美上局限性，

照顾网页功能上需要前提下，需要有针对性采用某些美形式。来使网页做得更加有气愤,

更吸引人。

那么加入美因素，也要遵循一定形式美法则。这种美形式有诸各种，合理运用，可

以给网页增光添彩。赏心悦目。是受众浏览起来更加有效率，有力提高网站形象。下面

逐个分析这些美形式，并考虑如何将它们融入到网页之中，以解决以上遇到诸多网页设

计上审美局限性问题。

从古至今，诸多艺术家和学者提出了各种关于形式美规律，诸多经得起推敲作品都

是遵循这些规律去创作，以期完毕其审美价值。因而，在网页设计过程中，设计者必要

去研究，掌握并积极地、故意识运用这些规律，才干创作出好作品。固然，不同步代有

不同设计审美观念，也有不同美学特性。在信息特别发达今天，竞争日趋激烈，给人们

带来了新审美需求，对于网页设计，客观上将其推向了更高层体现境界，这是网页设计

必然趋势。去追求一种和谐单纯，即追求清晰视觉冲击力和巨大张力，咱们应当把“变

化和统一、条理与重复、对比和调和、均齐与平衡、节奏与韵律”等美形式规律同当代

网页设计详细问题相结合起来。

如何解决网页中独特性问题呢？我想这不但仅是审美形式问题,重要要站在网站自身

高点上来考虑，综合自身整体形象，如网站标志、原则字体、原则色等等，由于这些方

面就是自己与众不同之处，如果将这些经独特设计关于自身经营理念东西融合到网页设

计中去，怎会与人雷同呢？随便打个比喻，如果运用自己网站原则色作为网页基调，不

光是能做到独特，并且对于网站自身形象是很有好处，就如咱们经常用到IBM蓝，可口

可乐红白两色。这都是苦心营造公司形象重要构成某些。网站要想树立自己独特形象，

必要从这些方面入手，把网页上各种信息表达统一到网站综合形象整体里面来考虑。就

会给人留下深刻独特形象。

作为形式美法则，随着时代不同而不断发展进步，特别在生活节奏如次快互联网时

代，由于追求目的变化，人们审美观念也在不断变化，但是美本质是同样，同步随着技

术发展，诸多当前不容易实现审美形式也逐渐被克服，突破带宽瓶颈。就会给网页设计

自如发展一片新天地。咱们对美追求是永不断止，作为设计师，也要不断提高自己素质，

才干做出更好富于美感网页来。

实训日期:

实训2网页与平面构成、色彩、版面设计关系

实训目提高学生对色彩结识。加深对色彩在现实生活中重要性理解。

实训内容谈网页与平面构成、色彩、版面设计关系理解和结识。完毕字左右文字稿。

实训规定教师指引1学时，学生课后自学8学时或以上。

实训过程记录

环节简述：

网页平面构成，就是一种造型概念，也是当代造型设计语言.其中含义就是将点线面色等各种单元构

成一种新单元，并赋予视觉化、力学概念。其中，立体构成是厚度造型，平面构成是以轮廓造型，是将不

同基本形态按一定规则在平面上组合图案。

平面构成元素，涉及概念元素、视觉元素和关系元素，是指造型之前，仅在乎念中感觉到点、线、面、

体概念，其作用是促使视觉元素形成。视觉元素，是把概念元素见之于画面，是通过看得见形状大小

色彩位置方向肌理等被称为基本形详细形象加以体现。关系元素，是指视觉元素（即基本形）组合

形式，是通过框架、骨骼以及空间空心虚实有无等因素决定；其中最重要因素是骨骼，是可见，其

她如空间，则是以感觉去体现。

平面构成框架一切用于平面构成中可见视觉元素，通称形象，基本形态即是最基本形象；限制和管辖

基本形在平面构成中各种不同编排，即是骨骼。基本形有“正”有“负”，构成中亦可互相转化；基本形相

遇时，又可以产生分离接触复叠透叠联合减缺差叠重叠等几种关系。骨骼可以分为：视觉上起

作用有作用骨骼和在视觉上不起作用无作用骨骼，以及有规律性骨骼（即重复近似渐变发射等骨骼）

和非规律性骨骼（密集对比等骨骼）。基本形与骨骼上述这些特性，将互相影响互相制约互相作用

而构成千变万化构成图案。

实训日期:

阶段性考核一

考核内容网页与平面构成、色彩、版面设计关系（字左右文字稿）

考核过程记录

环节简述：

上面是平面构成简朴概念和简介但是平面设计中除了平面构成以外尚有此外•种不可或缺理论知识，就

是色彩构成，色彩构成也是平面设计必要基本知识之一，其实配色方面也是诸多人问题，有人会以为色

彩话只要自己觉得舒服就好了，我个人觉得舒服其实只是感觉中•种，而色彩可以传达不单单是让人舒

服而已，简朴来说色彩是一种语言是一种信息是一种可以通过眼睛传达到人脑中直接刺激人大脑而对

作品产生一种对作品共鸣。

色彩有冷暖有远近有大小甚至是可以直接传达信号给观看者。

就象是埃及图腾中红色就是太阳，生活中紫色花朵看了就有给人一种幸福感觉，土黄色一看就很古典等

但同步在色彩构成中不同行业对色彩运用也有不同感受，尚有就是不同行业对色彩使用规定也有不

同想网页设计和书报设计是不同，网页设计在网页上色彩除了符合自己风格以外尚有就是不用考虑印刷

方面问题。由于在书报设计中要考虑印刷办法，和印刷出来效果。

色彩是很微妙东西，它们自身独特体现力可以用来产生出一种刺激人们大脑中对某种形式存在物体

共鸣，呈现出其对待生活中新看法与态度，犷大了咱们创作想象空间，赋予了创作新不定性。

其实在一种详细设计稿样上，形态组织色彩构成等都是为了获得一种整体视觉效果，在咱们抛开

其她形态组织不谈，先简朴分歧一下设计稿件上在色彩上如何是形成一种批准和谐整体。

网页版面构成肩负着双重使命：一是作为信息发布重要媒介，二是它要让读者通过版面阅读产生美遐想

与共鸣，让设计者观点与涵养能进入读者心灵。

以往媒体如报刊，只有文字和图片而没有声音；广播只有声音却没有文字和图像；电视是拥有声音、图

像、文字媒体，但观者只有被动地接受，而不能自由地有选取地观看，也不能进一步查看详细资料，只

有网页可以做到上述•切，观者自由度像报纸同样，可自由选取爱慕内容，同步又可以听、看更多声音

和视频信息，以对被查看事物有更全面理解。这种运用图像、音效和动画版面构成形式，必将使媒体视

觉传播方略更加进一步。

版面构成离不开艺术体现。美形式原理是规范形式美感基本法则。它是通过重复与交错、节奏与韵律、

对称与均衡、对比与调和、比例与适度、变异与秩序、虚实与留白、力场与网格、变化与统一等形式美

构成法则来规划一种网页版面。用最简朴一句话来表达，构成就是将造型按视觉效应、视觉力学和精神

力学等原则组成，具备美好形态造型。构成形式里，有空间构成（平面构成和立体构成）和时间构

成（静和动）。在网页创作，就是要协调这里面种种关系，顺应视觉感受，才可以打动观看者视觉，

得到想要效果。

版面构成事实上就是如何运用好点、线、面。不论版面内容与形式如何复杂，但最后可以简化到点、线、

面上来。网页页面中所有要素都可以归纳为点、线、面：一种字母、•种页码数、可以理解为一种点；

一行文字、一行空白，均可以理解为一条线；数行文字与一片空白，则可以理解为面。它们之间互相依

存，互相作用，组合出页面中各种各样形态，构建成一种个千变万化全新页面。对于网页版面构成，在

设计上虽然可以借助电脑设计软件中某些特殊技法使其丰富多样而又简洁明了，但归根究底是为了让文

字和内容更有可读性，让栏目划分更富于节奏感，是为内容服务，因此如果当两者相矛盾时，应当让版

面构成服从内容。页面是让浏览者阅读和理解，让浏览者在视觉上感到高兴，思维上保持清晰就是版面

构成中视觉表达最精华概括。

除了以上构成关系，还应注意网站内容，人性化布局。网站包装绝不是从某单方面就可以解决。一种受

欢迎网站，必将是一种给人印象深刻，在各方面都设计合理网站。

考核成绩（满分10分）:指引教师签名:考核日期:

实训3重复、渐变、发射构成练习

重复调节三个基本构成骨架构造和设计效果，通过动手实践，体会手绘感

实训目

觉。

实训内容分别作重复、渐变、发射三个构成练习。

手绘。（30CMx30cM）在白卡纸上（黑白稿）作涂色练习。教师指引3学

实训规定时或以上。学生课后练习40以上学时。（选2种或2种以上形式进行综合练

习）

实训过程记录

环节简述：

重复：用直尺等辅助工具先在A4纸上画出A,然后再画一种倒着A,重复画出8

个A图形，将将某些A形顶部涂上颜色，即形成了重复效果；

渐变：用直尺等辅助工具先在A4纸上画出大纸飞机，然后按照一种方向由大到小

画出各种纸飞机，再将折叠中间某些涂上颜色，即形成了渐变效果；

发射：第一步，在A4纸上画出一种小圆点。

第二步，以这个小圆点为中心，由小到大画出三个大圆。并给其中两个圆

涂上颜色。

第三步，以最先画小圆点为中心，由小到大，由内到外，向不同方向画圆。并给相

应圆涂上颜色，形成以小圆点为中心发射效果；

实训日期:

实训4特异、肌理、图与底、对比、韵律等平面构成练习

实训目通过动手实践，体会手绘感觉及学习手绘技法。

实训内容分别作特异、肌理、图与底、对比、韵律等构成练习。

手绘。任选一种构成，在白卡纸（30CMx30cM）上（黑白稿）作设计练

实训规定

习。教师指引3学时，学生课后练习8学时或以上。

实训过程记录

环节简述：

1、准备工具（卡纸、水粉颜料、水粉笔、铅笔、尺子等）；

2、寻找参照资料和设计草图；

3、拟定草图，用铅笔画构成练习骨格（肌理构成需拓印或用其她办法在纸张上制造

肌理效果）；

4、用针笔过稿，上墨，修图，装裱完毕。

实训日期:

阶段性考核二

掌握重复、渐变、发射构成练习

考核内容

（选2种或2种以上形式进行综合练习）

考核过程记录

环节简述：

1、准备工具（卡纸、水粉颜料、水粉笔、铅笔、尺子等）；

2、寻找参照资料和设计草图；

3、拟定草图，用铅笔画构成练习骨格；

4、用针笔过稿，上墨，修图，装裱完毕。

考核成绩（满分10分）:指引教师签名:考核日期:

实训5设计三幅平面构成

实训目通过动手实践，体会手绘感觉及学习手绘技法。

实训内容运用基本形各种排列，自行设计三幅平面构成作品。

有条件地方可上机操作。教师指引3学时，学生课后练习40学时以上。

实训规定

（选2种或2种以上形式进行综合练习）

实训过程记录

环节简述：

1：在网上找一种适当背景图片，和一张电路板图片，然则运营AdobePhotoshopCS

软件，新建一种文献，把背景图和电路板导入进去，分别为两个不能层。将电路板放在

背景层上面恰当位置。再新建一种层，通过文字工具输入“半导体分销行业先驱”变化

字体和字号，设立为斜体，放在背景层上面右边恰当位置，将做好文献保存，导出或存

储为JPG文献。

2：在网上找一背景图，一辆车图片，通过AdobePhotoshopCS软件，把车放置在

背景图上面。将做好文献保存，导出或存储为JPG文献。

3：在网上找一张PSD图片，然后通过AdobePhotoshopCS软件打开图片文献，进

行恰当修改。将修改好文献保存，导出或存储为JPG文献。

实训日期:

阶段性考核三

设计三幅平面构成

考核内容

（选2种或2种以上形式进行综合练习）

考核过程记录

环节简述：

考核成绩（满分15分）:指引教师签名:考核日期:

实训6绘制明度渐变卡

实训目学会色彩调配知识、掌握涂色以及调色办法。

绘制明度渐变卡，完毕1幅在白卡纸上(30CMx30cM)手绘作业涂色

实训内容

(用水粉色)练习。

通过学习，掌握色彩调配知识、涂色以及调色办法。教师指引1学时，

实训规定

学生课后8学时或以上。

实训过程记录

环节简述：

1.打开CORELDRAW软件

2.新建一种30X30CM空白文档

3.使用矩形工具画一种矩形

4.选取填充工具一渐变填充一颜色从黑色到白色

5.将其步长设定为：11

6.按“拟定”，形成明度渐变卡

7.将文献导出为JPG图片文献。

实训日期:

实训7绘制纯度渐变卡

实训目学会色彩调配知识、掌握涂色以及色彩调配办法。

绘制纯度渐变卡，完毕1幅在白卡纸上（30CMx30cM）手绘作业涂色

实训内容

（用水粉色）练习。

通过学习，学会色彩搭配知识、掌握涂色以及色彩调配办法。教师指引1

实训规定

学时，学生课后8学时或以上.

实训过程记录

环节简述：

1、明确绘制明度渐变卡作业任务；

2、准备工具（卡纸、水粉颜料、水粉笔、铅笔、尺子等）；

3,寻找参照资料和设计草图；

4、拟定草图，用铅笔画构成练习骨格；

5、调色，依照作业规定和构思稿上颜料；

6、修图，装裱完毕。

实训日期:

阶段性考核四

考核内容绘制明度渐变卡

考核过程记录

环节简述：

1、明确绘制明度渐变卡作业任务；

2、准备工具（卡纸、水粉颜料、水粉笔、铅笔、尺子等）；

3、寻找参照资料和设计草图；

4、拟定草图，用铅笔画构成练习骨格；

5、调色，依照作业规定和构思稿上颜料；

6,修图，装裱完毕。

考核成绩（满分10分）:指引教师签名:考核日期:

实训8上机完毕8幅作业练习

学会运用上机操作办法进行色彩搭配练习、掌握涂色以及色彩调配办法，

实训目

作平面色彩构成练习。

手绘。完毕8幅(30cmx30cm)作业练习。有条件地方可上机操作，完

实训内容

毕8幅(16cmx16cm)作业练习。(可选取完毕)

(1)作原则色相环pees色相环。

(2)色彩混合伙间色、复色调色混合练习

(3)原色对比

(4)间色对比

(5)冷暖色相对比

(6)明度对比

(7)纯度对比

实训规定

(8)色彩单项调和

(9)色彩双项调和

(10)多色调和

(11)变化面积分割形状形成调和

(12)色彩与四季联想——春、夏、秋、冬(形象任意设计)。

教师指引6学时，学生课后40学时或以上。

实训过程记录

环节简述：

一、制作PCCS色相环：

1.在CORELDRAW建一种30X30CM空白文档；

2.画一种圆，选取“饼形”，角度选取30度；

3.把中心点放到夹角处一选取“变换"一旋转一角度30度一应用到再制构成一种

圆形；

4.给每一格填色(颜色从冷色到暖色渐变)一选中所有去其轮廓群组；

5.再画一种小圆，填充白色；选中色环和小白色，用排列下对齐与分布，使两个圆

以中心点对齐，选中所有去轮廓群组。完毕色相环制作。

二、原色对比：画一矩形并填充红色，在矩形内画两个三角形，并变化其形状，分别

填充黄色和蓝色，选定所有去其轮廓群组。

三、间色对比：画一矩形并填充绿色，在矩形内画两个三角形，并变化其形状，分别

填充橙色和紫色，选定所有去其轮廓群组。

四、冷暖色对比：画一矩形并填充蓝色，在矩形内通过画圆、矩形工具、形状工具，

绘制不同形状图形，给图形填充红色，黄色、黑色、绿色等，选定所有去其轮廓

群组。

五、明度对比：画一矩形及某些不规则图形，分别填入明度不同颜色，选定所有去其

轮廓群组。

六、纯度对比：画两个矩形一分别填入纯度不同颜色，选定所有去其轮廓群组。

七、变化面积形状调和：画一种外矩形填入深蓝色一框内画一种面积不等矩形和一种

圆，分别填入红色，选定所有去其轮廓群组。

八：色调单项调和：画两个矩形，给矩形分别填充深蓝色和浅绿色，在两个矩形内分别

画两个圆，为其填充黄色，选定所有去其轮廓群组。

指引教师签名:实训日期:

阶段性考核五

考核内容

上机完毕8幅作业练习（可选取完毕）

考核过程记录

环节简述：

考核成绩（满分10分）：指引教师签名:考核日期:

实训9网页版式设计训练

通过对先进网页设计赏析，学生可以先借鉴后创新；掌握版式设计基本

实训目

流程；掌握网页版式设计艺术手法。

实训内容设计网站主页

1、自拟网站主题，进行网页版式设计与创意练习

实训规定

2、设计2一个网页，分析版式类型，教师指引7学时，学生课后要进行26

学时以上操作练习。

实训过程记录

环节简述：

1、新建一种目录，重命名为“实训9”或其他。该目录取来存储所有网页、图片、

CSS样式、flash等文献。

2、在“实训9”目录下面新建目录“CSS”用于存储CSS栏式文献，“images”用

于存储网页所要用到图片文献，“flash”用于存储网页中用到flash文献。

3、将所有准备好图片，CSS,flash等文献放到相应目录。

4、运营MacromediaDreamweaver,新建两个html文献,另存为到"实训9"目录

下面，文献名为：Index.htmlIDC.hlml

5、给Index.html文献加载需要用到CSS样式文献。通过DIV调用其样式，进行排

版。

6、先排head区，内容重要涉及：网站LOGO,主导航和辅导航。位于网页最上方。

7、在导航下方插入一种flash动画(adve)

8、动画下面是网页重要内容(main),一方面通过DIV和CSS把页面分为左右两栏，

左边窄，用来放某些不是很重要内容，右边宽，用来放主体内容。

9、通过DIV+CSS把左边内容依次排出来。新闻动态、客服中心、常用问题、成功

案例、合伙伙伴等。

10、右边依次排列：服务器托管、服务器租用、服务器销售、虚拟主机等内容，

涉及对每一项产品某些简朴简介。

11、主体内容下面是版权信息(bottom区)重要涉及页脚导航链接、公司地址、

联系电话、传真、备案信息、有关证件图标、版权信息等。

12：以同样方式为IDC.html文献排版。对页面主体内容(main区)做相应修改。

实训日期:

阶段性考核六

考核内容网页版式设计训练

考核过程记录

环节简述：

考核成绩（满分15分）:指引教师签名:考核日期:

实训10工具箱基本应用

实训目提高学生手绘各种图形能力，创立栩栩如生几何图形。

实训内容运用CorelDRAW软件绘制图形。

使用CorelDRAW提供最基本工具绘制几何图像，选取运用各种工具绘

实训规定制几何对象案例进行解说，教师指引2学时。学生课后上机操作练习4学时

以上。

实训过程记录

环节简述：

1：绘制正方形、圆：选取矩形/椭圆工具，按住Ctrl键，拖动左键绘制，绘制完毕，注

意先松开Ctrl,再放开左键。

2：绘制以起点绘制正方形、圆：选取矩形/椭圆工具，同步按住Ctrl和shift键，拖

动左键绘制，绘制完毕，注意先松开Ctrl和shift,再放开左键。

3：绘制正多边形：和绘制矩形圆相似，但是，要先右击多边形工具，选“属性”，设

立多边形边数，形状等。

4：迅速设立背景色：双击矩形工具，创立和工作区相似大小矩形，可做填充后作为

图形背景。

5：从中心绘制基本形状：单击要使用绘图工具。按住shift键，并将光标定到要绘制

形状中心位置，沿对角线拖动鼠标绘制形状。先松开鼠标键以完毕绘制形状，然后松开

shift键。

6：绘制从中心绘制边长相等形状：单击要使用绘图工具，按住shift+Ctrl键，光标

定到要绘制形状中心位置，沿对角线拖动鼠标绘制形状。松开鼠标键以完毕绘制形状，

然后松开shift+Ctrl键。

实训日期:

实训11对象编辑操作

实训目使学生可以灵活呈现出所要表达图形效果。

实训内容运用CorelDRAW软件对图形进行编辑操作。

在创立了基本对象轮廓后，使用各高档工具和命令调节对象形状，最后

实训规定获得满意效果。教师指引1学时，学生课后要参照有关实例进行上机操作练

习10学时以上。

实训过程记录

环节简述：1.自定义状态栏功能。Coreldraw操作屏幕窗口与AutoCAD等大多数绘图软

件同样，工作界面上都具备标题栏、菜单栏、“原则”工具栏、“属性”工具栏、工具箱、

滚动条、状态栏和绘图窗口，尚有标尺、页计数器、调色板等，如顾客还可以保存和加

载自定义“调色板”，供特定项目或绘图类型使用。

2.制作符号库。可以在Coreldraw中制作所需符号库，以便后来调用。在Coreldraw

中，建立一种对象，然后依照这个对象，使用轮廓笔功能，建立一种封闭途径，再将设

计好符号添加到“符号框”中，以便后来作用。运用Coreldraw强大编辑功能，可以做

出各种类型符号。

3.“形状”工具功能。当直线和曲线不符合规定期，“形状”工具提供了强大编辑修

改功能Coreldraw图形对象均有结点，当用“形状”工具选取图形对象时结点就变大，

编辑可以通过、增长或删除结点，变化结点类型，分开和连接结点，以及操纵控制曲线

形状控制点，以达到修改和编辑图形目。

实训日期:

实训12图像填充效果

通过有关工具和技巧混合运用，绘制出各种图案填充效果，使作品不但

实训目

局限于对象简朴叠加，并且具备五彩缤纷渲染效果。

实训内容运用CorelDRAW软件对图案进行填充操作。

纯熟掌握图案填充技巧，使学生可以绘制出彩色图画。教师指引2学时，

实训规定

学生课后要参照有关实例进行上机操作练习8学时以上。

实训过程记录

环节简述：(1)选取工具箱中矩形工具匚L，将鼠标光标移到页面中，此时鼠标光标

变为形状，按住鼠标并拖动即可绘制出一种矩形。

(2)选取工具箱中选用工具R,在页面中选中矩形，如图1-10所示。

(3)将鼠标移到调色板中并单击红色色块■:,如图1-11所示，将矩形填充为红色，

效果如图1-12所示。

图1-10选中矩形图1-11单击红色色

块图1-12矩形填充效果

实训日期:

实训13位图应用与编辑

实训目学生可以不通过Photoshop,就可以直接在CorelDRAW中解决现成素材。

实训内容运用CorelDRAW软件编辑位图。

使用滤镜对现成图像进行解决。教师指引1学时，学生课后收集位图素

实训规定

材并参照有关实例进行上机操作练习6学时以上。

实训过程记录

环节简述：（1）导入位图图像。

（2）使用工具箱中回L选用工具），选中位图图像，此时图像四周会浮现控制框及其8个控制节

点（黑色实心方块）。

（3）拖动控制框中控制节点，即可缩放位图图像尺寸大小。也可通过设立选用工具属性栏中图像

尺寸或比例选项，或使用“变换”泊坞窗中“尺寸”功能选项，来控制位图图形缩放。

（4）选中工具箱中国（形状工具）后，单击导入位图图像，此时图像四个边角浮现四个控制节

点。

（5）拖动位图边角上控制节点剪裁图形，也可在控制框边线上添加、删除或转换节点后，再进行

编辑。

实训日期:

实训14运用CorelDRAW工具绘制网页

通过本案例练习，纯熟掌握网页设计与制作办法和技巧，可以运用美术

实训目

思想来设计制作具备观赏性网页。

实训内容运用CorelDRAW软件绘制网页。

1、选用3-5种颜色为网站配色，体会色调与网站主题联系

、网站各要素要完整

实训规定2

3、教师指引4学时，学生课后收集先进网页做参照，上机操作练习32学时

以上。

实训过程记录

环节简述：

1、打开CORELDRAW软件

2、新建一种450X305mm空白文档

3、双击矩形工具，绘制一种450X305mm矩形，用渐变填充工具给矩形填充一种渐

变色。

4、导入左边图片，放置在页面左边，并调节其大小。

5、在另边画一种矩形，用白色填充，并设立其为圆角，角度为30度。

6、通过文字工具、形状工具等制作出网站LOGO置于页面左上角。

7、用矩形工具绘制一种圆角为30度小矩形，用红色填充，放置在页面右上角位置。

用文字工作制作3个辅导航"HomeStiem叩Contactus”,通过排列下对齐和分布，

将其分布对齐，放在刚绘制红色小矩形上面。选定红色小矩形、3个辅导航，将

其群组。

8、用矩形工具绘制一种小矩形，用渐变工具给矩形填充渐变色为线性、-90度，圆

角25度，用轮廓工具去掉其轮廓。然后将该矩形复制4个，用排列下对齐和分

布将其分布对齐，选定5个小矩形进行群组。用文字工具在每个小矩形上面添加

主导航名称，用排列下对齐和分布将其分布对齐，群组。恰当调节其位置。

9、用文字工具、矩形工具制作“新闻动态、行业知识”等栏目的题及栏目内容（文

章标题），导入more图标，文章标题前面小图标。通过排列下对齐和分布等工具，

将其排列整洁。置入页面主导航下方相应位置。

10、通过和矩形工具画出一种矩形，导入一张公司概貌图片，恰当调节其大小，

放在该矩形内。并在该矩形内用文字工具输入公司简介信息。然后通过轮廓去掉

矩形轮廓，群组，调节到恰当位置（新闻动态下方）

11、在公司简介矩形框右边再画一种矩形，导入一张图片放在矩形框最右边，

调节其大小。在矩形框左边输入联系信息：如电话、传真、邮箱、地址