网站美工设计基础课程教学大纲

网站美工设计基础课程教学大纲（精选6篇）

网站美工设计基础课程教学大纲 第1篇

网站美工设计基础课程教学大纲

第一部分 大纲说明

一、课程的性质与任务

《网站美工设计基础》是“计算机网络技术”专业（网络编辑、网页设计等方向）（专科）的一门统设必修课。通过本课程的学习，使学生了解平面设计构图与视觉传达的关系，掌握平面设计构图的几种常用的表现方法，理解点、线、面等设计元素之间的相互关系，掌握CorelDRAW绘图工具的基本使用方法，从而掌握利用绘图工具设计网页的方法，成为初步掌握网站美工基础知识和基本技能的应用型人才。

本课程侧重介绍网站美工的基本理论、基础知识、基本技能和方法，使学生了解网站和网页的基本设计思想，提高和掌握对色彩基础知识（色相、明度、纯度，空间混合概念，色彩搭配，色彩的心理、网页的色彩设计、配色软件的使用等）、平面构成（平面设计构图的形式要素、关系要素，平面设计构图的基本形式、平面设计构图的形式规律，平面设计构图的几种常用的表现方法等）、版式（版式设计的形式法则、网页的版式构成与设计）及创意等相关的内容。在完成基础知识教学任务的同时，还要着重加强学生实际动手能力的培养。

二、与相关课程的衔接、配合、分工

先修课程：计算机应用基础

后续课程：网络多媒体素材加工、网页制作三剑客、网络信息采集、网络信息编辑等。

三、课程教学的基本要求

本课程包括基础理论和实训两大部分，特点和教学基本要求如下：

1、基础理论部分

※对色彩基础知识、平面构成、色彩搭配、版面设计等美术基础知识应能较熟练的掌握。

※掌握并能利用平面绘图软件辅助设计、制作网页。

2、实训部分

※通过本课程的学习，使学生提高色彩观察能力和色彩的感知能力；一般色彩搭配能力；了解平面设计构图与视觉传达的关系，熟悉点、线、面等设计元素的性质并能灵活运用；掌握平面设计构图的几种常用表现方法；加强实际动手能力的培养和训练；培养对优秀网页版式分析模仿的能力；基本掌握一种绘图工具的使用，最终能设计出优秀网页。

四、课程教学要求的层次

掌握：

要求学生能够全面掌握所学内容，并能够用其分析、解答与网站美工（网页）设计相关的问题，能够举一反三。

2.理解：

要求学生能够较好的理解与网站美工设计相关的问题，并能够进行简单分析和判断。

3.了解：

要求学生能够一般的了解所学内容。

第二部分 媒体使用与教学过程建议

一、学时分配

本课程教学总学时72学时，4学分。其中：讲授33学时，实训39学时，开设一学期。见附表：

面授（含录象）10 9 3 4 6 33

章次 内容 实训 3 10 11 4 4 7 39

第一21世纪网页设计章 的审美 第二章

平面构成

第三色彩在现实领域章 中的应用 第四网页版式设计的章 图文魅力 第五绘图工具的基本章 应用 第六章 总计

二、多种媒体教材的总体说明

1．文字教材

CorelDRAW与网页设计

文字教材是主要教学媒体，是教学和考核的基本依据，对其他教学媒体起纽带作用，具有导学功能。本课程文字教材采用理论和实训合一化设计的方式，侧重实践教学环节，每章均设计有相应的实训项目。

2．视频教材

视频教材是辅助教学媒体，主要讲授课程的重点、难点以及在面授教学中难以实现的教学内容，是对文字教材的强化和补充。

3．CAI课件和网络课程

CAI课件和网络课程将综合运用现代教育技术辅助教学，在介绍本课程重点难点的同时，提供自测练习和虚拟实验等功能，为学生提供一个交互式的、个性化的学习环境。

4．网上教学

通过网上教学辅导、答疑、阶段性总结和复习，提高学生自主学习的兴趣，帮助学生掌握基本概念和基本方法，提高学生的动手能力以及解决实际问题的能力。

三、教学环节建议

1、本课程覆盖面比较广、内容较多，在有限的课时内，应分清层次，突出重点。灵活使用教材，以文字主教材讲授为主，遵循课堂讲授与上机操作相结合的原则，突出基础理论与基本技能有机结合的训练。

2、每章教学内容都设有实践案例的作业练习，进行测验和考核。

3本课程考核分形成性考核和终结性考核，具体见考核说明。

第三部分 教学内容和教学要求

第一章 21世纪网页设计的审美(3学时，含录像)

教学内容：

1．什么是网页

2．网页设计与美术基础知识

2．1网页与平面构成 2．2网页与色彩

2．3网页与版面

教学要求：

掌握：物体固有色与光源色相互之间的关系，从吸引到关注色彩与网页设计。学会运用色彩的基础知识、掌握涂色方法。

理解：美术基础知识在网页制作过程中不可或缺的地位、不同光源下的色彩变化、色彩三要素之间的区别。

了解：网页制作最新技术和发展方向、色彩在现实生活中的重要性。

第二章平面构成（10学时）

教学内容：

2．1形式美的基本法则

2．2平面设计的门类、元素和形象

2．3重复

2．4渐变

2．5发射

2．6骨骼

2．7特异

2．8对比

2．9肌理

2．10图与底

2．11基本型的各种排列

教学要求：

掌握：形式美的基本法则并能较灵活的运用于网页设计。

理解：基本型在平面设计中的各种排列及其审美法则。

了解:平面设计的门类、元素和形象。

第三章 色彩在现实领域中的应用（8学时）

教学内容：

3．1色彩的概念

3．1．1色彩的产生

3．1．2光源

3．1．3物体固有色与光源色

3．2色彩三要素

3．2．1明度

3．2．2色相

3．2．3纯度

3．3色彩在现实领域中的应用

3．3．1色彩表示法

3．3．2色彩的混合 3．3．3色彩的对比

3．3．4色彩调和

3．3．5色彩肌理

3．3．6无彩色与有彩色的相互作用

3．3．7色彩结构

3．3．8色彩在现实领域中的应用

教学要求：

掌握：

物体固有色与光源色相互之间的关系，从吸引到关注色彩与网页设计。学会运用色彩的基础知识、掌握涂色方法。

色彩在现实领域中的应用，并能较灵活的运用于网页设计。

理解：美术基础知识在网页制作过程中不可或缺的地位、不同光源下的色彩变化、色彩三要素之间的区别。色彩结构诸因素。

了解：色彩三要素及色彩表示法。

第四章 网页版式设计的图文魅力（2学时）

教学内容：

4．1网页设计的独特性与必要性

4．2网页设计的审美情感

4．3网页设计的装饰语境

4．4网页版式设计的形式法则

4．5网页的版式构成与设计创意

教学要求：

掌握：网页版式设计的形式法则。

理解：网页版式设计的独特性与必要性。

了解:网页的版式构成与设计创意。

第五章 绘图工具的基本应用（4学时）

教学内容：

5．1CorelDRAW的基础知识

5．2工具箱基本应用

5．3图像填充效果

5．4位图的应用与编辑

教学要求：

掌握：在CorelDRAW中编辑位图、能够将各工具结合起来绘制丰富多彩的图形。

理解：CorelDRAW工作界面的基本操作、图像类型和常用格式、各部分工具的使用方法、色彩的模式与调节。

了解:CorelDRAW的基本概念和功能、色彩的模式及位图的定义和导入。

第六章 CorelDRAW与网页设计（6学时）

教学内容：

6．1按钮的制作

6．2制作Logo

6．3绘制导航条

6．4制作广告

6．5文本的处理

6．6主页设计

教学要求：

掌握：网页布局与页面元素的制作技巧。

理解：在网页设计中图片的应用、按钮和文字的作用与添加。

了解:网页中常见元素的定义、赏析及绘制。

第四部分 课程实训

本课程的实训目标是要求学生通过大量的实例赏析、上机操作与训练，能依据专业的审美观来自行设计各种网页，熟练掌握其基本方法与技巧，并能最终设计出各类综合性的网页。本课程共15个实训案例，实训总计39学时。

实训案例1：

实训：对21世纪网页设计的审美转达的认识。

要求：完成文字稿2000字左右，谈对21世纪网页设计的审美转达的认识。教师指导1学时，学生课后8学时或以上。

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

实训案例2：

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

要求：完成文字稿2000字左右，谈网页与平面构成、色彩、版面设计关系理解和认识。教师指导1学时，学生课后8学时或以上。

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

实训案例3：

实训：掌握重复、渐变、发射的构成练习。

要求：分别作三个构成的练习，手绘（30CM×30CM）在白卡纸上（黑白稿）作涂色练习。教师指导3学时或以上。学生课后练习40以上学时。

实训目的：反复调整三个基本构成的骨架结构和设计效果，通过动手实践，体会手绘的感觉。

实训案例4：

实训：学会作特异、肌理、图与底、对比、韵律等平面构成的练习。

要求：任选一幅手绘在白卡纸（30CM×30CM）上（黑白稿）作设计练习。教师指导3学时，学生课后8学时或以上。

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

实训案例5：

实训：设计三幅平面构成设计。

要求：有条件的地方可上机操作。教师指导2学时，学生课后练习40学时以上。

实训目的：通过动手实践，体会手绘的感觉和学习手绘的方法。

实训案例6：

实训：通过学习，使学生学会色彩识别知识、掌握涂色方法。完成1幅在白卡纸上（30CM×30CM）的手绘作业涂色（用水粉色）练习。

要求：绘制色相卡（12——24种色相pccs色相环），教师指导1学时，学生课后8学时或以上。

实训目的：学会色彩识别知识、掌握涂色方法。

实训案例7：

实训：通过学习，学会色彩调配知识、掌握涂色以及调色方法。完成1幅在白卡纸上（30CM×30CM）的手绘作业涂色（用水粉色）练习。

要求：绘制明度渐变卡，教师指导1学时，学生课后8学时或以上。

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

实训案例8：

实训：通过学习，学会色彩搭配知识、掌握涂色以及色彩调配方法。完成1幅在白卡纸上（30CM×30CM）的手绘作业涂色（用水粉色）练习。

要求：绘制纯度渐变卡，教师指导1学时，学生课后8学时或以上。

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

实训案例9：

实训：手绘，完成8幅（30cm×30cm）的作业练习。有条件的地方可上机操作，完成8幅（16cm×16cm）的作业练习。（可选择完成）

要求：

（1）作标准色相环pccs色相环。

（2）色彩混合作间色、复色的调色混合练习

（3）原色对比

（4）间色对比

（5）冷暖色相对比

（6）明度对比

（7）纯度对比

（8）色彩单项调和

（9）色彩双项调和

（10）多色调和

（11）改变面积分割形状形成调和

（12）色彩与四季的联想——春、夏、秋、冬（形象任意设计）。教师指导6学时，学生课后40学时或以上。

实训目的：学会运用上机操作的方法进行色彩搭配的练习、掌握涂色以及色彩调配方法，作平面色彩构成练习。

实训案例10：

实训：网页版式设计训练7学时。

要求：进行网页版式设计与创意练习，设计2—4个网页，教师指导7学时，学生课后要进行26学时以上的手工（手绘或粘贴）操作。

实训目的：通过对优秀网页设计的赏析，学生可以先借鉴后创新。

实训案例11：

实训：工具箱的基本应用。

要求：使用CorelDRAW提供的最基本工具绘制几何图像，选择运用了各种工具绘制几何对象的案例进行讲解，教师指导2学时。学生课后上机操作练习4学时以上。

实训目的：通过本案例的学习，提高学生手绘各种图形的能力，创建栩栩如生的几何图形，并通过若干图形的组合，构造复杂的图形。根据学生的具体能力和要求，通过各种技巧为手绘出的对象进行适当的特殊效果，充分发挥学生的想象力。

实训案例12：

实训：对象的编辑操作。

要求：在创建了基本的对象轮廓后，使用各高级工具和命令调整对象的形状，最终获得满意的效果，教师指导1学时，学生课后要参考相关实例进行上机操作练习10学时以上。

实训目的：在本案例中，介绍了一些对象编辑技术，包括使用工具调整对象形状、曲线编辑、节点编辑等一些使用基本形状工具达不到的效果。使学生能够灵活的展现出所要表达的效果。

实训案例13：

实训：图像的填充效果。

要求：运用填充工具及相关技巧绘制出绚丽多彩的图画，教师指导2学时，学生课后要参考相关实例进行上机操作练习8学时以上。

实训目的：通过本案例的学习，熟练掌握图案填充的技巧，使学生能够绘制出彩色的图画，通过相关工具和技巧的混合运用，绘制出各种图案效果，使作品不仅局限于对象的简单叠加，而且具有五彩缤纷的渲染效果。

实训案例14：

实训：位图的应用与编辑。

要求：使用滤镜对现成的图像进行处理，教师指导1学时，学生课后搜集位图素材并参考相关实例进行上机操作练习6学时以上。

实训目的：在本案例中，介绍了一些使用滤镜制作的图像效果，通过本例的学习，使学生可以不通过Photoshop,就可以直接在CorelDRAW中处理现成的素材。

实训案例15：

实训：CorelDRAW与网页设计

要求：综合运用CorelDRAW工具创建网页。教师指导4学时，学生课后搜集优秀网页做参照，自主选择页面主题制作网页。上机操作练习32学时以上。

实训目的：通过本案例的学习，熟练掌握设计网页版面与制作的方法和技巧，使学生能够运用美术思想来设计制作具有观赏性的网页页面。

实训考核要求

钟彩红 2012年09月24日 文章浏览次数：4

资源来源：广州广播电视大学

关于实训考核的建议

形成性考核主要考核学生实训完成情况，形成性考核由各教学点组织教师评定成绩，由省（市、自治区）级电大认定。实训成绩考核成绩的60%，中央电大将对课程教学和实训等情况进行抽查。

实训是课程教学环节的重要组成部分，是提高学生动手能力的重要手段。要求实训指导教师严格按要求指导学生完成每一个实训任务。根据开放教育成人业余学习的特点，为了切实有效地落实实训教学环节，建议采用以下考核办法：

1．一般要求学生集中在各教学点指定的画室和多媒体实验机房，在实训指导教师的指导下，按课程进程及时完成各个实训项目，所有实训结果都必须保存。指导教师根据学生完成实训的情况及时给出实训成绩。

2．部分学生自己具备实训条件，又由于客观原因无法保证按时参加集中实训，可自行按教学进程完成各实训任务，但必须参加阶段性实训考核，并以7次阶段性实训考核的成绩评定实训成绩。

阶段性实训考核的操作方法：一个学期安排7次实训考核，考察学生独立完成实训的情况，并要求在3小时内独立完成。每次考核后评定一个阶段的实训成绩，最终通过7次考核确定实训的总成绩。

3．各教学点必须将每个学生完成阶段性实训考核的结果保存一年，以备抽查。

表1 阶段性实训考核的内容（必做）

序 号

考核内容

实训2网页与平面构成、色彩、版面设计的关系(10分)

实训3掌握重复、渐变、发射的构成练习（选2种或2种以上形式进行综合练习）

(10分)

实训5设计三幅平面构成设计（选2种或2种以上形式进行综合练习）(15分)

实训6绘制色相卡(10分)

实训8绘制纯度渐变卡(10分)

实训9上机完成8幅作业练习(15分)

实训14 运用CorelDRAW工具绘制网页(30分)

阶段实训考核及要求

实训案例2：（必做）

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

要求：完成文字稿2000字左右，谈网页与平面构成、色彩、版面设计关系理解和认识。教师指导1学时，学生课后8学时或以上。

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

实训案例3：（必做）

实训：掌握重复、渐变、发射的构成练习。

要求：分别作三个构成的练习，手绘（30CM×30CM）在白卡纸上（黑白稿）作涂色练习。教师指导3学时或以上。学生课后练习40以上学时。

实训目的：反复调整三个基本构成的骨架结构和设计效果，通过动手实践，体会手绘的感觉。

实训案例5：（必做）

实训：设计三幅平面构成设计。

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

实训目的：通过动手实践，体会手绘的感觉和学习手绘的方法。

实训案例6：（必做）

实训：通过学习，学会色彩调配知识、掌握涂色以及调色方法。完成1幅在白卡纸上（30CM×30CM）的手绘作业涂色（用水粉色）练习。

要求：绘制明度渐变卡，教师指导1学时，学生课后8学时或以上。

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

实训案例8：（必做）

实训：手绘，完成8幅（30cm×30cm）的作业练习。有条件的地方可上机操作，完成8幅（16cm×16cm）的作业练习。（可选择完成）

要求：

（1）作标准色相环pccs色相环。

（2）色彩混合作间色、复色的调色混合练习

（3）原色对比

（4）间色对比

（5）冷暖色相对比

（6）明度对比

（7）纯度对比

（8）色彩单项调和

（9）色彩双项调和

（10）多色调和

（11）改变面积分割形状形成调和

（12）色彩与四季的联想——春、夏、秋、冬（形象任意设计）。教师指导6学时，学生课后40学时或以上。

实训目的：学会运用上机操作的方法进行色彩搭配的练习、掌握涂色以及色彩调配方法，作平面色彩构成练习。

实训案例9：（必做）

实训：网页版式设计训练。

要求：进行网页版式设计与创意练习，设计2—4个网页，教师指导7学时，学生课后要进行26学时以上的手工（手绘或粘贴）操作。

实训目的：通过对优秀网页设计的赏析，学生可以先借鉴后创新。

实训案例14：（必做）

实训：CorelDRAW与网页设计

要求：综合运用CorelDRAW工具创建网页。教师指导5学时，学生课后搜集优秀网页做参照，自主选择页面主题制作网页。上机操作练习32学时以上。

实训目的：通过本案例的学习，熟练掌握设计网页版面与制作的方法和技巧，使学生能够运用美术思想来设计制作具有观赏性的网页页面。

网站美工设计基础课程教学大纲 第2篇

一、单选题（每题2分，共40分）1．下列不属于有彩色的是()。A.红色 B．白色 C．明黄色 D．湖蓝色

2．一般来说，网页主要是由()两个方面的因素组成。A．新闻和广告 B．文字和图像 C．音乐和电影 D．广告和电影

3．下面不属于版式设计造型要素的是()。A.点 B．线 C．面 D．体

4．在发射构成中，发射点根据图形的需要，按照一定的动势，有秩序地渐次移动位置，形 成有规律的变化，表现出较强的空间感并具有曲面的效果。这种发射形式属于()。A．同心式发射 B．中心点发射 C．移心式发射 D．渐变式发射

5．下列不属于Photoshop对图像进行色彩调整的一项是()。A.饱和度 B．色相 C．明度 D．像素

6．下列哪一项与网页色彩无关()。A.设计色彩 B．新颖的布局 C．色彩的肌理 D．无彩色

7．下列不属于基本形骨格渐变的是()。A．形状上的变化 B．大小上的变化 C．方向上的变化 D．色彩上的变化

8．在平面构成中，“形象与背景”又可称为()。A．前景与后景 B．图与底 C．首要与次要 D．主体与客体

9．用红色光线照射乳白色的石笋，石笋的受光面会呈现()。A．黄色 B．红色 C．白色 D．乳白色 10．下列不属于互补色光的一组是()。A．蓝紫色光与黄色光 B．朱红色光与黄色光 C翠绿色光与紫红色光 D．朱红色光与蓝色光 11．对重复骨格的描述下列哪一项是正确的()。

A．骨格的每一单位形象和位置均相等 B．骨格的每一单位色彩和形象均相等 C骨格的每一单位形象和面积均相等 D．骨格的每一单位位置和面积均相等 12．色彩肌理是观者通过观察来“触摸”物体表面色彩的一种()。A．触觉感受 B．视觉感受 C．听觉感受 D．幻想

13．一般来说，反光能力强的物体表面()。A．颜色较暗 B．较光滑 C．较粗糙 D．颜色纷杂 14．全色光含有的光线有()。

A．红、橙、黄、绿、蓝、紫 B．红、橙、黄、紫、青、绿 C．红、橙、白、绿、蓝、紫 D．红、橙、黄、青、蓝、绿 15．下列不属于色彩对比与和谐的方法的是()。A．色彩三要素的对比 B．点、线、面的对比

C色彩调和与面积形状的对比 D．色彩调和与视觉生理平衡的对比 16．在平面构成中，“形”大致可分类为()。A．基础形、复杂形、简单形、高级形、组合形 B．几何形、有机形、偶然形、人造形、自然形 C．简单形、复杂形、偶然形、高级形、组合形 D．几何形、组合形、天然形、人造形、复杂形

17．在CorelDRAW软件中，导入一张图形的快捷键是()。A．Ctrl+I B．Alt+I C．Shift+I D．Enter+I 18．CorelDRAW软件安装后，第一次运行会出现CoreIDRAW的()。A．安装向导 B．欢迎界面 C．工作区 D．常用工具栏

19．下列哪一种字体比较适合儿童的视觉感受()。A．黑体 B．POP体 C．宋体 D．楷书

20．下列属于矢量图的文件格式的是()。A． *．bmp B． *．jpg C．*．cdr D．*．tiff

二、判断题（每题2分，共20分）

21．环境设计包括建筑设计、园林设计、壁画和多媒体视频设计等。()22．装潢、装帧、室内设计、家具设计、壁画等都属于装饰设计。()23．物体表面的色彩肌理与物体的形状和大小无关。()24．曲线主要是指弧线、双曲线、抛物线和波浪线等。()25．建筑、交通工具、纺织品、击碎的岩石等都属于人造形。()26．黄色是明度最低的色，处于光谱的边缘位置。()27．颜料中的红色是纯度最低的色相，蓝绿色在颜料中是纯度最高的色相。(28．正混合主要是指色料的混合。()29．矢量图形与分辨率无关，可以将它缩放到任意大小都不会影响其清晰度。(30.点阵图的文件类型有很多，如*．bmp，*-gif，*．png，*．Jpg等，编辑这样的图形可 以用Photoshop等软件。()

三、填空题（每题2分，共10分）

31．色相就是色彩的相貌，是用来----------的名称。

32.白色是明度最高的色，在颜料中加入白色混合，可以提高混合色的----------33．黄金比是设计中应用较广的一种比例，其矩形比的长与宽为____ 34．任何一个有彩色加____色都可以构成该色以明度为主的序列。35.位图图像，亦称为点阵图像或绘制图像，是由____ 组成的。

四、筒答题（每题5分．共20分）36.什么是颜色的混合？什么是加法混合？ 37．在平面设计中，骨格的作用是什么？ 38．什么是费勃那齐数列？ 39．什么是特异构成？

五、操作题（每空1分，共10分）40．制作广告

请完成如图1效果图的操作步骤：

(1)单击工具箱中的【矩形工具】按钮，绘制一个468pt×220pt的矩形，然后单击【渐变填

充】按钮，在弹出的对话框中，设置颜色从(R：132;G：41;B：45)到(R：211;G：40;B：38)的____渐变，中心位移为（水平28%，垂直37%）。设置完成后，单击【确定】。

(2)绘制一个468pt×80pt的矩形，填充为黑色，放在大矩形的下方，单击【交互式透明工

具】按钮，在属性栏中【____ 一】下拉列表中选择【线性】，【开始透明度】数值设置为 0，【渐变透明角度和边衬】设置为(90，35)，按【确定】键。绘制一个350pt×22pt的矩形，填充

为土红色(R：159;G：41;B：37)，【透明度类型】选择【线性】，【渐变透明角度和边衬】设置为(．9,20)。

(3)画一条直线，宽度设置为．55，颜色为白色，利用【 一】进 行调整。(4)按【 ．】键，弹出【导入】对话框，选择“人物、鲜花、钻戒”三张素材图片，单击【导入】按钮，在页面中单击导入图片。调整素材图片的大小和位置，再利用【交互式透明

工具】对鲜花图片进行调整，使之与背景柔和相融。

(5)选择【艺术笔】工具，单击属性栏中的【．____】按钮，在【喷涂列表】选项列表中

选择需要的图形，在页面空白处拖动鼠标，绘制出气泡的效果。(6)在【排列】菜单中，选择【 一】命令，将气泡图形

拆分，点击【挑选工具】，按【Ctrl+U]键，取消图形组合，调整气泡的大小和位置，删除不需要的图形。利用【交互式透明工具】对各个气泡进行调整，使之较为柔和。(7)单击【矩形工具】按钮，按住【，】键，绘制一个正方形。

(8)单击【交互式变形工具】按钮，在属性栏中单击【____ 一】按钮，从正方形的中心位置向右推动鼠标，进行变形操作。

(9)将变形图形填充为白色，去除轮廓线，按需要进行--------------，作为闪光的星星图形，放在钻戒、气泡等位置上。

(10)单击【______-】按钮，在适当的位置输入广告语，调整文字大小和位置，这 样，一幅钻戒广告就完成了。

网站美工设计基础 试题答案（供参考）

一、单选题（每题2分．共40分）

1-B 2．B 3．D 4．C 5．D 6．B 7．D 8．B 9．B 10．B 11．C 12．B 13．B 14．A 15．B 16．B 17．A 18．B 19．B 20．C

二、判断题（每题2分，共20分）

21．× 22．× 23．√ 24．√ 25．× 26．× 27．× 28．× 29．√ 30．√

三、填空题（每题2分，共10分）31．区别色彩种类 32．明度／反射率 33.1：1.618 34．白、黑

35．像素（图片元素）

四、筒答题（每题5分，共20分）

36．什么是颜色的混合？什么是加法混合？

答：我们将两种以上不同的色相进行混合，会产生出新的颜色，叫做颜色的混合。加法混 合是指色光的混合，将两种以上的光混合在一起时，光亮度会提高，混合后的色亮度之和等于 相混各色光亮度之总和。

37．在平面设计中，骨格的作用是什么？ 答：骨格是设计中基本形排列的位格依据。骨格网有助于我们在排列基本形时作为坐标 的参考，是联络基本形之间关系的桥梁和纽带，使基本形成为有规律、有秩序的构成。有时，骨 格也可以成为形象的一部分，它的变化会直接影响到整体构成布局的变化。骨格分为规律性 骨格，非规律性骨格，作用性骨格，非作用性骨格。38.什么是费勃那齐数列？ 答：费勃那齐数列是一个近似黄金比的数列，也就是将黄金矩形的比值运用到连续排列的 线群上所得出的间隔构成。39．什么是特异构成？

答：当构成要素在有序的排列中有意违反秩序，使少数几个要素凸现出来，增强视觉冲击 力，形成视觉焦点，以打破规律性，形成生动活泼的视觉效果时，称为特异。

五、操作题（每空1分，共10分）40．(1)射线(2)透明度类型(3)交互式透明工具(4)Ctrl+I(5)喷灌

(6)拆分艺术样式组在图层(7)Ctrl(8)推拉变形

网站美工设计基础课程教学大纲 第3篇

1.1项目研究背景

在信息科技高速发展的今天,互联网已经成为人们快速获取和传递信息的重要途径,它在人们的政治、经济、学习、生活等各个方面都扮演着重要的角色,因此网站建设在Internet应用上的地位已经显而易见。《计算机应用基础》课程网站是同学们重要的学习通道,是老师与彼此学生彼此沟通交流的重要工具之一,也是学校向学生发布课程安排的高效渠道,由此可见其实用性与重要性。

《计算机应用基础》课程网站在网页的构架上,以开放性、扩展性为原则,在网页的设计风格上,针对网络课程的传统,使页面具有美观、稳重而不失大气、亲和的感觉。在栏目的布局上,即网站的栏目之间切换相当方便,用起来更友好。

该网站充分发挥多媒体的优势,实现教学资源共享,将引导更多的学生进一步巩固基础知识、学习新的知识、提高学生自主学习能力、积极性和创新能力,更好地完善教学质量并提高了学生与老师的交流频率,同时大大减轻了老师的工作量。

1.2设计需要解决的主要问题

该系统利用的是Windows平台和ASP.NET技术开发出一款基于B/S结构的精品课程网站系统,用于学生在线学习、考试、交流、下载资料、查看《计算机应用基础》课程的考试安排、成绩,老师上传学习资料、有关课程的各项安排和降低客户端安装和维护的成本。

首先,需要做详细的调研,了解教师和学生在使用该系统时的业务流程,确定系统的研发目标。

其次,要解决学生在线交流的问题,实现学生提问,老师解答从而实现交流。

再次,要解决学生在线测试的问题,本课程网站的在线测试以单元为基础,每个单元都有对应的测试试题。学生在选择试题之后进行测试,测试结束后系统将统计出本次测试得分。

2 系统分析

本系统是依托Windows平台、基于B/S(浏览器/服务器)结构、采用ASP.NET程序设计语言及SQL Server数据库进行开发的《计算机应用基础》课程网站系统,是经过细致的长期的进行有关网络课程的资料调查及需求调研后建立的一个课程网站系统。使学生在更广阔的时空内自由的获取更多、更专业的计算机应用基础的知识,也方便教师的授课及各种与该课程相关的活动安排。

2.1 业务分析

经过仔细进行有关网络课程的资料查询和系统需求分析后,本系统包含两种用户类型:教师(管理员)和学生。具体用户角色和用户权限的描述见表1。教师角色同时也充当着管理员的角色,其拥有最高权限,在学生的权限的基础之上可以进行用户管理(新增、删除、修改)、公告管理(新增、删除、修改)、考场安排(上传、删除)、发布成绩(上传、删除)、留言管理(回复学生提问、删除留言)。学生可以查看公告、下载资料、在线提问、在线测试、查看学习资料、

查看考场安排及考试成绩。

2.2 网站总体功能介绍

本网站包括两大功能:即前台和后台。前台涉及的页面较多,主要包含首页、课程特色、教学依据、教学资源、坚定考核、互动平台、教学团队、专项拓展等八大部分,而每个部分又包含很多细致的内容。而后台则包含考场管理、成绩管理、公告管理、用户管理、广告管理等内容。如图1所示。

3 系统设计

3.1 架构设计

本系统才用三层架构,抽象工厂设计模式,面向接口编程,整个项目层次分明非常清晰,业务逻辑与数据访问分离开来,更易于维护和扩展。前台页面使用DIV+CSS布局,样式灵活、页面设计美观大方,后台页面使用iframe框架,页面重载时只需重载其中的某些框架,减少了数据的传输,增加了网页的下载速度,同时确保其他数据不会丢失。

3.2 数据库设计

本系统数据表汇总如下表2所示,其包含了本系统所有的数据表并列出了它们的名称及功能的简单说明。

3.3 界面设计

《计算机应用基础》课程网站既有前台界面又有后台界面。前台界面主要包含三个模块,即头部的Logo区,中间的内容区,和底部区。而中间的内容区有被分为左、中、右三个部分,其结构图如图4所示:

而后台的样式则行对简单,也包含三个模块,顶部的Logo模块,左侧操作导航区,和右侧信息显示区域,其结构图如图5所示:

4 关键技术实现

4.1 Ajax模式窗口

Ajax是一中创建交互网页应用的网页开发技术。在网页中引用Ajax技术可以实现局部刷新效果,这样可以减轻服务器负担,同时增强用户体验。由于本项目在用户交互的过程中需要多次编辑,如果采用普通的新建窗口模式则会给用户增加很多操作带来极大的不便。因此本项目使用了Modal Popup Extender控件来提高用户体验。其中Modal Popup Extender控件弹出录入留言的面板,使用该控件首先需要导入Ajax Control Tookit控件库,它使用input触发:<input id=”hid”type=”hidden”runat=”hid”/>,其效果图如图6所示。

4.2 使用Global.asax文件实现网站访问量统计并及时更新数据

很多网站都有“站点统计”这一功能。而如果仅仅是统计当前在线人数,那么是非常容易的,而本网站点统计了网站总访问量、今日访问量、昨日访问量及本月访问量。这就需要在统计的过程中将数据录入到数据库中。而最初我的想法是通过获取登录用户的IP,将该IP存放至数据库中。但是,出现了问题,用该方法,网站不发布,很正常,也可以向数据库中录入数据,但是一旦网站发布了,就无法正常操作。后来,经过多次试验,最终采用了在Global.asax文件中完成该功能。并在操作过程中将更新的数据存入数据库,确保数据的正确性。而重点是这段将更新的数据存入数据库的代码所放的位置。很多人都是将该方法写在Application_End中,而实际上很多情况下,应用程序出错或者关闭时不会执行Application_End方法,事实上,我确实也遇到了这种状况,一旦不执行Application_End方法,结果就会误差很大。所以,我把向数据库更新数据的方法放在了Session_Start方中并加以判断。这样确保回话一开始,数据更新后马上就存入数据库中。

5总结

对于本系统综合运用ASP.NET编程语言、SQL Server数据库技术、DIV+CSS和iframe框架设计页面、Ajax及j Query技术,使用三层架构和面向接口编程,层次结构清晰,界面美观大方,功能较为全面,既方便学生的学习,又减轻了老师的工作负担,是一个符合时代发展与实际需求的课程网站。虽然本系统已经完成,但还有很多功能需要完善。如在线答疑部分可以做得更加细致,在线测试部分也需要增加试题管理功能,实现随机筛选试题,还有浏览器的兼容性问题也是可以更加完善。

摘要：伴随着科技的高速发展,信息发达、高速流通,计算机的普及以及计算机网络广泛应用,可以让学生了解到更多的知识,因此,学校建立了一个计算机应用基础课程网站,让学生能够轻松接触到更多、更全面和更专业的《计算机应用基础》知识。这不仅能使更多的学生享用宝贵的教育资源,更是对提高学生自学能力,有很大的帮助。该设计依托Windows平台,基于B/S(浏览器/服务器)结构,采用抽象工厂模式、ASP.NET程序设计语言及Sql Server数据库进行开发

关键词：ASP.NET,计算机应用基础,课程网站

参考文献

[1]龙马工作室.ASP+SQL Server网站开发实例精讲[M].北京:人民邮电出版社,2007.

[2]刘国庆,聂元铭.ASP.NET企业级开发案例精解[M].北京:人民邮电出版社,2006.

[3]方强,李静,苏建军.HTML网页设计案例指导[M].北京:电子工业出版社,2009.

[4]邓子云,张赐.《JSP网络编程:从基础到实践[M].北京:电子工业出版社,2005.

[5]王俊杰.精通Java Script动态网页编程[M].北京:人民邮电出版社,2007.

[6]董大伟.ASP.NET AJAX应用剖析立即上手[M].北京:电子工业出版社,2007.

[7]王祖俪.ASP.NET Web程序设计[M].中国水利水电,2007.

网站美工设计基础课程教学大纲 第4篇

摘 要：文章主要阐述了基于WAP技术的《计算机基础》课程网站的设计与实现，在Windows环境下，以SQL2005为数据库开发平台，IIS6.0为Web服务器，Visual Web Developer2008为开发工具，主要分为新闻公告、Word专题、Excel专题、PPT专题、留言板五大部分。完成后的网站为学生提供了一个良好的自主学习平台。

关键词：计算机基础；WAP技术；网站设计与实现

中图分类号：TP393 文献标志码：B 文章编号：1673-8454（2016）02-0069-03

一、引言

随着移动技术的快速发展，手机和PDA等便携设备已经成为大多数人获取资讯的重要工具。使用手机上网具有许多其他方式所不具备的优势，如不易受物理条件的限制和黑客的攻击。WAP技术的产生与发展推动了手机业务的快速更新与发展，各类手机的新功能也推动了手机移动业务量的增长以及新业务的不断推出。本研究开发的WAP网站，结合了高校《计算机基础》课程的特点，将《计算机基础》课程中的内容免费开放，实现优质资源共享与教学进度同步。同时，本网站还会将新知识新技术以拓展知识的方式展示给学生，并利用网络论坛、留言等方式加强生生互动。使学生可以随时随地的学习理论知识，把课堂空出来，教师可用其扩展教学范围，激发学生学习兴趣，逐步构建起《计算机基础》课程的开放式教学体系。本次研究立足于高等院校《计算机基础》课程中存在的知识更新速度过慢、教师讲解未体现个别化教学等问题，设计开发了基于WAP技术的网站。通过移动平台，该网站的覆盖范围更广泛，让所有学生都可以随时随地学习，并且可以自己定学习进度来学习网站中的内容，充分体现学生学习主动性。使得大学的课堂不再拘泥于死板的课堂教学，真正做到开放化，并让计算机领域的前沿知识不断进入网站，使得学生所学的知识与最新前沿紧密联系。

二、WAP概述

WAP是一项全球性的网络通信协议，常被翻译为无线应用协议。WAP 的目标是要把拥有丰富信息和先进业务的互联网上的内容引入到现有各种移动终端中，它的出现使得移动网络有了一个通用的标准。它只要求移动电话和WAP代理服务器的支持，而不要求现有的移动通信网络协议做任何改动，因而可以广泛地应用于GSM、CDMA、TDMA、3G等多种网络[5]。本文网站选用了以移动平台为载体的WAP技术。

手机用户可以通过嵌入无线手持设备中的浏览器来获取所需信息。 WAP支持绝大多数无线网络，所有操作系统都支持WAP，其中专门为手持设备设计的有EPOC、Windows CE、FLEXOS、OS/9及JavaOS，一些手持设备如掌上电脑安装微型浏览器后，借助WAP接入Internet[1]。用于显示手机网页的微型浏览器，需要解决手持设备内存小和网络带宽限制的问题，所以这一类的微型浏览器文件很小。

WAP是一种采用客户机/服务器模式的技术，需要在客户的移动终端中嵌入一个微型浏览器，把较多智能化事务的处理环节交给与之相适应的WAP网关。

三、基于WAP的《计算机基础》网站的设计

本网站的目的，是让学生把《计算机基础》课程的学习由被动学习变为主动学习。学生可以安排自己的时间，如抽出课余时间自主学习，可以根据自己的实际情况随时随地获得所需或感兴趣的内容。

1.网站设计原则

（1）学生的主体性原则。本研究开发的《计算机基础》课程网站主要针对的是大一年级学生，在开发前要分析学生的认知特点以及他们的计算机应用能力，在设计网站时需要考虑到不同学生所需的不同学习资源，并把这些学习资源进行合理的安排，体现出学生学习的主体性。

（2）学习内容的科学性原则。本网站学习内容的选取主要是围绕高校《计算机基础》课程的教学大纲。网站上所显示的内容都是精心筛选的，都基于教材又高于教材，可保障学习内容的正确性和科学性。

（3）学习过程的交互性原则。交互是学习者进行认知建构的基本条件，有利于激发学习者的学习兴趣和学习动机，有利于培养学习者的合作精神和合作技能[3]。网站设计有留言板板块，方便学生在学习过程中遇到难点或者不太清楚的计算机操作过程可及时得到讲解。

（4）学生学习的个性化原则。在用手机上的WAP网站进行课程学习时，学生可以根据需求选择不同的学习章节，已经掌握的地方不用多做停留，把时间留给自己有问题的章节，从而在一定程度上实现个性化学习。

2.网站风格定位

（1）整体色调选择。网站色彩处理的好，可以在网站内容传播上锦上添花，达到事半功倍的效果。要设计出精美的网站，就要从网站风格、色彩搭配下手[4]。本网站主要适用于大学一年级学生的自主学习，学生缺乏沉稳的性格，所以网站设计以具有“沉稳”特性的蓝色为主，让学生能够把注意力集中在网站的内容上。由于网站主要是手机浏览，手机CPU的能力有限，所以正文部分没有背景色，就用手机浏览器自带的背景颜色（白色），以降低手机浏览网站时耗费的内存。

（2）网站长宽的界定。网站主要用于实现学生的移动学习，所以本网站的长设定为320px，适合于现有的大部分手机屏幕，即使会有滚动条，也较短，宽度不超过两屏，实用性比较高。

（3）字体颜色的选择。本网站是以蓝色为主，导航的字用纯白色，与导航的背景色差较大，显示效果较好，正文部分由于是白色背景，所以字体选择了黑色。网站的主体内容会由于这样的色彩搭配而更加醒目，从而达到吸引和维持学生注意力的作用。

3.网站功能设计

基于WAP技术的《计算机基础》网站主要用于学生的自主学习，在网站的功能上主要分为新闻公告、Word专题、Excel专题、PPT专题、留言板五部分：

新闻公告：主要包括最新上传的内容公告、计算机领域的时事以及近期计算机领域的会议和计算机考试等相关的信息，使学生在学习《计算机基础》课程的同时，更多的了解与计算机有关的信息，与现实生活接轨。

Word专题：包括Word菜单的学习、文章排版、Word特效及Word常用的模板四大部分，这个专题主要进行Word软件的学习，通过详细讲解常用的Word模板格式，把Word应用到现实生活当中。

Excel专题：包括菜单学习、Excel效果学习，本专题主要服务于Excel的学习，学习了解该软件的基本功能，

PPT专题：主要包括菜单学习、PPT特效学习两大部分，并且带有丰富的案例和详细的案例讲解，目的在于让学生更好的掌握基本的PPT技能。

留言板：主要实现学生的在线留言功能，普通用户会有登录、留言发表、留言回复和留言查看这四个权限，网站管理员拥有用户管理和留言管理两大权限。

4.网站结构设计

通过对本网站内容和权限的分析，综合考虑各类因素，网站的整体结构设计如图1所示。

四、基于WAP的《计算机基础》网站的实现

（1）开发工具：Microsoft Visual Web Developer 2008 Express Edition

Visual Web Developer2008是使用ASP.NET Web应用程序并且是多种配置创建的最为重要的工具之一，该软件提供了一种生成网站，并形成将其发布到宿主网站的理想环境。使用这种开发工具能够方便地在自己的计算机上开发出 ASP.NET 网站。使用Visual Web Developer 时不用安装 Internet 信息服务 （IIS），由于它本身包括了一个本地的 Web 服务器， ASP.NET 网页所需的全部功能都能在本地的 Web 服务器上进行测试和调试。

（2）数据库：SQL Server 2005

Microsoft SQL Server 2005 是一个使用集成的商业智能 （BI）工具，提供了企业级的数据管理的数据库平台[5]。Microsoft SQL Server 2005的数据库引擎可以构建和管理用于业务高可用和高性能的数据应用程序，此外该数据引擎也为关系型数据和结构化数据提供了更安全可靠的存储功能。本网站用SQL2005数据库来存放后台数据资源。

（3）网站首页

网站要用于手机浏览，在首页的设计上要体现网站的整体风格、主要内容以及手机中不能占用较多内存的特点，又要充分体现网站每个链接中的具体功能。本网站的页面设计如图2所示。

五、结束语

本研究开发的网站为学生提供了一个很好的自主学习园地。学生学习可以克服传统教学方式中的缺陷，可以减少人力财力物力上的浪费，使得学生可以随时随地使用移动设备学习。本网站适合于学生进行自习，所以学生的学习成果检测需要所在高等院校按照计划安排时间进行集体测验，这种虚拟与现实相结合的教学方法，能够使学生所在高校很好地控制学生的学习进度与学习效果。

基于WAP的学科学习网站是一个新生事物，笔者对其认识还比较肤浅，在基于WAP技术的《计算机基础》网站的设计与实现中，仍有许多不足之处[6]。比如由于长时间的网络学习很容易产生人与人之间的距离，并容易减退学生的学习兴趣，所以在后续研究中仍需要做进一步探究来解决这类问题。

参考文献：

[1]高鹰，梁文聪，胡晓等.WAP环境下的移动学习管理系统的设计与实现[J].计算机时代，2009（1）：55-57.

[2]张燕宁.基于WAP技术的教务信息发布平台的设计与实现[D].北京：北方工业大学，2009.

[3]安晓飞等.基于网络环境下的协作学习研究[J].沈阳师范大学学报（自然科版），2003（4）：21-23.

[4]马莹莹，杜暖男.色彩搭配在精品课程网站建设中的应用研究[J].电脑知识与技术，2010（11）：20-21.

[5]潘光生.基于聚类分析的中职学校智能教材管理系统[D].青岛：中国海洋大学，2010：34-35.

[6]陈鹏飞.职业院校计算机教育的建议与发展[J].电脑知识与技术，2012（32）：61-62.

网站美工设计基础试卷 (7) 第5篇

一、单项选择题（每题2分，共40分）

1．-般来说，网页主要是由()两个方面的因素组成。A．新闻和广告 B．文字和图像 C．音乐和电影 D．广告和电影

2．色彩肌理是观者通过观察来“触摸”物体表面色彩的一种()。A．触觉感受 B．视觉感受 C．听觉感受 D．幻想 3．下列属于无彩色的是()。A．蓝色 B．灰色 C．明黄色 D．紫色

4．下列属于机能设计的是()。A.建筑设计 B．园林设计 C．室内设计 D．家具设计

5．在平面构成中，“形象与背景”又可称为()。A.前景与后景 B．图与底 C．主要与次要 D．主体与客体

6．一般来说，反光能力强的物体表面()。A.颜色较暗 B．较光滑 C．较粗糙 D．颜色纷杂

7．下列哪一种色光可以由其他别的色光混合而成()。A.朱红 B．紫红 C．翠绿 D．蓝紫

8．高明度的黄色与低明度的紫色混合，产生的色会()。A．比黄色亮，比紫色暗 B．比黄色、紫色都要亮 C．比黄色暗，比紫色亮 D．不发生变化

9．由一个基本形渐变到另一个基本形，基本形可以由完整到残缺，由简单到复杂，由具象 到抽象，这种渐变属于()。A．方向的渐变 B．形状的渐变 C．位置的渐变 D．大小的渐变

10.用绿色光线照射乳白色的石笋，石笋的受光面会呈现()。A.黄色 B．绿色 C．白色 D．乳白色

11．下列哪一项与网页色彩无关()。A．设计色彩 B．新颖的布局 C．色彩的肌理 D．无彩色

12．下列不属于互补色光的一组是()。A．蓝紫色光与黄色光 B．朱红色光与黄色光 C．翠绿色光与紫红色光 D．朱红色光与蓝色光

13．下列不属于Photoshop对图像进行色彩调整的一项是()。A．饱和度 B．色相 C．明度 D．像素

14.在使用CorelDRAW软件绘图时，下列哪种图形不是由【椭圆工具】绘制出来的()A．圆形 B．饼形 C．圆角矩形 D．圆弧

15．下列哪一种字体比较适合儿童的视觉感受()。A．黑体 B．POP体 7 C．宋体 D．楷书

16．在版面设计中，不断重复使用基本形或线，它们的形状、大小、方向都是相同的，为了 避免呆板稍做一些变化，使版面变得灵活。这种形式原理属于()。A．变异与秩序 B．节奏与韵律 C．重复与交错 D．对称与均衡

17.图片、文字在页面上作曲线的分割或编排构成，产生韵律与节奏的排版方式属于()A．倾斜型 B．曲线型 C．分割型 D．骨格型

18．在CorelDRAW软件的欢迎界面中，不包含()命令 A．新建图形 B．打开图形 C．模板 D．导航器

19．在CorelDRAW软件中，导出图形的快捷键是()。A．Ctrl+E B．Ctrl+I C．Enter D．Shift+Q 20．下列不属于矢量图文件格式的是()。A．*．emf B．*．cdr C． *．jpeg D． *．ai

二、判断题（每题2分，共20分）

21．关系元素一般包括形象的方向、位置、大小、形状等。()22．物体表面的色彩肌理与物体的形状和大小无关。()23．黄色是明度最高的颜色是处于冷暖之间的色彩。()24.直线一般包括折线、垂直线、斜线和抛物线等。()25．正混合主要是指色料的混合。()26.生物的细胞、临风的枯木、有机体的动物都属于有机形。()27.蓝紫色光与朱红色光相混合得紫红色光是三原色光的正混合。()28．色彩明度较低的形象有图的感觉。()29．色彩心理分析主要取决于权威的认定。()30．点阵图文件的色彩越丰富，文件的字节数越少。()

三、填空题（每题2分，共10分】

31．重复骨格是指每一单位的____ 一均完全相等。

32.黄金比是设计中应用较广的一种比例，其矩形比的长与宽为一。33.任何一种色彩在加白、加黑、加灰后都会降低其____。34.面只具有长、宽两度空间，没有____。

35.在CorelDRAW软件中，双击 工具，则可以选中工作区中所有的图形对象。

四、简答题（每题5分，共20分）36.什么是特异构成？

37．在平面设计中，骨格的作用是什么？ 38.简述什么是中性混合？有哪些表现形式？ 39.简述版式设计中“对比与调和”的形式原理。

五、操作题（每空1分，共10分）

(1)单击工具箱中的【一 ．】按钮，拖动鼠标绘制一个长方形。

(2)单击【渐变填充】按钮，打开【渐变填充】对话框，设置颜色从蓝色(R=O;G=161;B= 221)到深蓝色(R=18;G=109;B=151)，渐变类型为【 】，角度值为90。，边界值为26。(3)点击【确定】按钮完成渐变填充，然后单击工具箱中的

【________】按钮，对矩形的填充渐变进行调整，再将矩形的轮廓宽度设 置为【____ 】。

(4)再绘制一个矩形，单击【一 】，将矩形调整成圆角矩形，并将其填充为亮 灰色，放在长矩形的上方。

(5)复制一个小矩形，填充为深蓝色(R=73;G=86;B=119)，并将其____放在 亮灰色小矩形上面。

(6)再复制一个小矩形，放在________，单击工具箱中的【渐变填

充】按钮—劈，设置颜色从浅蓝色(R=123;G=196;B=194)到白色的线性渐变，角度值为90。(7)-个凹凸有致的按钮就成形了，将几个小矩形群组，再复制出4个按钮来，将5个按钮 全部选中，点击【排列】菜单中的【____ 】命令，设置按钮水平对齐且间距相等。(8)单击工具箱中的【、】按钮，在绘制完成的按钮图形上单击鼠标输入文 本“班级首页”，设置文字大小10pt，颜色(R=24;G=56;B=132)，“楷体”字体。

(9)再复制出一个“班级首页”文本，将颜色填充为灰色（R=222;G=222;B=221），放在 蓝色“班级首页”文本的下方作为____。

(10)同样方法制作其他的文字，完成导航条的制作。

网站美工设计基础 试题答案及评分标准

（供参考）

一、单项选择题（每题2分，共40分）1．B 2．B 3．B 4．D 5．B 6．B 7．B 8．C 9．B10.B 11.B 12.B 13.D 14.C 15.B 16.C 17.B 18.D 19.A 20.C

二、判断题（每题2分，共20分）

21．× 22．√ 23．× 24．× 25．× 26．× 27．√ 28．× 29．× 30．×

三、填空题（每题2分，共10分）31．形状和面积 32.1：1.618 33．纯度 34．厚度 35．挑选

四、筒答题（每题5分，共20分）36．什么是特异构成？

答：当构成要素在有序的排列中有意违反秩序，使少数几个要素凸现出来，增强视觉冲击 力，形成视觉焦点，以打破规律性，形成生动活泼的视觉效果时，称为特异。37．在平面设计中，骨格的作用是什么？

答：骨格是设计中基本形排列的位格依据。骨格网有助于我们在排列基本形时作为坐标 的参考，是联络基本形之间关系的桥梁和纽带，使基本形成为有规律、有秩序的构成。有时，骨 格也可以成为形象的一部分，它的变化会直接影响到整体构成布局的变化。骨格分为规律性 骨格，非规律性骨格，作用性骨格，非作用性骨格。38.简述什么是中性混合？有哪些表现形式？

答：中性混合式基于不改变色光或发光材料本身的色彩混合。中性混合有两种主要表现 形式：颜色旋转混合和空间混合。

39．简述版式设计中“对比与调和”的形式原理。

答：对比是差异性的强调，对比的因素存在于相同或相异的性质之间。在版面设计中，缺 少对比效果，就缺少活力，就不能在视觉上抓住人。调和是指适合、舒适、安定、统一j是近似性 的强调，使两者或两者以上的要素相互具有共性。在版面设计中，假若只有对比而缺少调和，版面就会缺少秩序和安定的美感。

五、操作题（每空1分，共10分）40．绘制导航条

操作步骤：(1)矩形工具(2)线性

(3)交互式填充工具(4)形状工具(5)错位的

期末考试网站美工设计基础试题 第6篇

网站美工设计基础 试题

2010年7月

一、单选题(每题2分，共40分)

1．下列属于使用元素的是（）

A．点、线、面等元素

B．视觉元素的方向、位置、重心、空间关系等

C.可视形象的大小、形状、色彩、肌理等

D．设计所表达的涵义、内容、设计的目的和功能

2．设计中应用较广的一种比例关系叫黄金比，它的长与宽的比值为（）

A．1：1．652

B．1：1．718

C． 1：1．618

D． 1：1．817

3．图与底是在平面构成形象之间的相互参照，下列表述错误的是（）

A.色彩明度较高的有图的感觉

B．凹凸变化中凹的形象有正图感

C.动静对比中动态形象有图感

D．面积大小的比较中，小面积的有图感

4．下列对构成的表述错误的是（）

A．构成是现代造型设计的一种概念用语

B．构成是将相同或者不同形态的两个以下的单元经过重新组合后形成一个新的 单元

C．构成造成新的视觉形象

D．构成是独立的学科体系，发端于西方，应用于设计实践

5．下列属于偶然形的是（）

A．漫天的云霞

B．汽车的形态

C.生物的细胞

D．建筑的形态

6．可见骨格是指骨格线和基本形明显的表现在构图中，下列表述正确的是（）

A．在概念中存在B．是排列基本形的依据

C.有明确的空间划分

D．不利于基本形的排列

7．下列不属于基本形骨格渐变的是（）

A．形状上的变化

B．大小上的变化

C.方向上的变化

D．色彩上的变化

8．下列对肌理对比描述正确的是（）

A.形状和大小

B．色彩的纯度

C.位置和方向

D.致密与松散

9．下列属于机能设计的是（）

A.园林设计

B．染织设计

C.壁画设计

D．陶瓷设计

10．下列不属于关系元素的是（）

A.排列元素的形状

B．排列元素的方向

C.排列元素的空间

D.排列元素的位置

11．下列对平面构成的表述错误的是（）

A．是在只有两度空间的视觉范围之内，用轮廓线划分形象与背景的界限

B．是通过搭配构建获得平面图形审美价值的原理、规律、法则和技法的学说

C.它所表现的立体空间并非实在的三维空间

D．是通过具象形态为切人点进行构成

12．下列属于装饰设计的是（）

A.建筑设计

B．园林设计

C.室内设计

D.壁画设计

13．下列不属于概念元素的是（）

A.点

B．线

C．体

D.面

14．下列对群化构成的描述错误的是（）

A.群化构成要求基本形外形紧凑

B．群化构成要求基本形外形完整

C.群化构成要求基本形外形松散

D．群化构成要求基本形外形简洁

15．下列不属于组形的是（）

A．透叠

B．平衡

C.接触

D.分离

16．在CorelDRAW软件中，要编排大量的文字，应选择哪一项?（）

A．纯文本文件

B．小四号字

C．艺术字

D．段落文本

17．在CorelDRAW软件中，按住（）键，然后将光标移动到对象的轮廓上。当光标变成插入点时，单击对象轮廓，对象内部就会变成一文本框。

A．Ctrl

B．Alt

C．Shift

D．Enter

18．在CorelDRAW软件中，要取消对象的选取状态，按键盘上的快捷键（）。

A．F5

B．F3

C.Ese

D.Ctrl+O

19．下面选项中不属于版式设计造型要素的是（）

A．点、线、面

B．一段音乐

C.一行文字

D．一张图片

20．在CorelDRAW软件中，提供了色彩填充功能，下列不属于其填充方式的是（）

A.均匀填充

B．渐变填充

C.纹理填充

D.图像复制

二、填空题(每题2分，共10分)

1．我们把在平面设计中可以展示的元素称为——。

2．形象是指物体的外部特征，一般包括：形状、色彩、大小、——等。

3．相对于光源色而言，物体色是指光源色照射到物体后被物体吸收再反射，反映到视觉中的光色感觉，是本身——。

4．在平面设计中只能感觉但实际并不存在的东西统称为——。

5．位图图像，亦称为点阵图像或绘制图像，是由——组成的。

三、判断题(每题2分，共20分)

1．肌理主要是指物体内部的结构特征。(。)

2．视觉元素一般包括方向、位置、重心、空间等。（）

3．对比是指将两个存有明显差别的物体并置在一起时，二者有较大的差别又能够统一起来的对照关系。（）

4．人造形和自然形都是具象的，都属于现实形态。（）

5．流淌的河水、生物的细胞、漫天的云霞、临风的枯木都可称为有机形。（）

6．面积大小的图与底比较中，大面积的有图感。（）

7．复色光是指含有两种以上色彩的光线，其中包括全色光线。（）

8．CorelDRAW软件中，双击(矩形工具)可以绘制出与绘图页面大小一样的矩形。

（）

9．CorelDRAW软件中，【排列】菜单里的【取消组合】命令的快捷键是Ctrl+G键。

（）10．点阵图的文件类型有很多，如*．bmp，*．gif，*．png，*．jpg等，编辑这样的图形可以用Photoshop等软件。（）

四、简答题(每题5分，共20分)1．举例说明什么是基本形的重复? 2．简要说明平面构成中“发射”的形式原理及发射骨格的构成要素。

3．简述色彩的物质性印象。

4．简述版式设计中“对称与均衡”的形式法则。

五、操作题(每空1分，共10分)制作Logo

请完成如图1效果图的操作步骤：

1．单击(椭圆工具]按钮，按住（）键，绘制一个65mmX 65mm的正圆形，填充为

(C：0；M：70；Y：100；K：0)，去除轮廓线。

2．绘制一个50mmX50mm的正圆形，填充为灰色，轮廓线设置为白色，粗细为1．5mm，放置于大圆上面并——。

3．按【Ctrl+I】键，导人一张素材图片，在页面中单击导人图片，选择【位图】菜单中的【

】命令，打开CorelTRACEl2软件。

4．单击（）按钮，在属性栏中进行设置，单击属性栏中的【

】按钮进行跟踪操作。

5．保存位图的跟踪结果，回到CorelDRWA软件中。

6．按【

】键，取消图形的组合。利用[挑选工具)，删除不需要的图形，然后拖动鼠标将上下两层的图片全都选中，按【——】键，将图形群组。

7．将处理好的图片拖拽到圆形上并调整好大小，按【——】键，将图片置后。

8．在【效果】菜单中，选择【————】中的【——】命令，在灰色圆形上单击。

9．单击[文本工具]按钮，在页面中输入字母“T”和“P”，在属性栏中，设置字体为“中特广告体”，轮廓线粗细为2．3mm，颜色分别为(Cc0；M：60；Y：100；K：0)和(C：100；M：0；Y：0；K：0)，按【Shift+PageDown】键，将文字置后。这样，“TOP假日旅行俱乐部”的Logo就制作完成了。

中央广播电视大学2009—2010学第二学期“开放专科”期末考试(开卷)

网站美工设计基础 试题答案及评分标准

(供参考)

2010年7月

一、单选题(每题2分，共40分)

1．D

2．C

3．B

4．B

5．A

6．C

7．D

8．D

9．D

10．A

11．D

12．D

13．C

14．C

15．B

16．D

17．C

18．C

19．B

20．D

二、填空题(每题2分，共10分)

1．视觉元素

2．肌理

3．不发光的物体

4．概念元素

5．像素(图片元素)

三、判断题(每题2分，共20分)

1．X

2．X

3．√

4．√

5．X

6．X

7．√

8．√

9．X

10．√

四、简答题(每题5分，共20分)

1．举例说明什么是基本形的重复?

答：基本形的重复是指使用同一基本形在构成设计中构成画面。如操场上做广播体操的学生，建筑中的墙砖、地板、屋顶的瓦片，楼房上一个个的窗户，布上的图案等等都是基本形的重复。

2．简要说明平面构成中“发射”的形式原理及发射骨格的构成要素。

答：发射是自然界中的一种常见形态，如太阳四射的光芒、鲜花的结构，它是围绕一个中心，向外发射所呈现的视觉形象。发射骨格的构成要素：(1)发射点即发射中心，所有发射的骨格线都集中在此点上。(2)发射线具有方向性。根据发射的不同方向，在构成时形式上又各有不同的表现。

3．简述色彩的物质性印象。

答：对于颜色的物质性印象，大致是由冷暖两个色系产生的。冷、暖色系是人们根据心理错觉对色彩的物理性分类。一般来说，红光和橙，、黄色光本身波长长，有温暖的感觉，以此类光照射到任何物体都会增加温暖的感觉。冬天，我们关掉屋子里的日光灯，打开白炽灯，就会有温暖的感觉。相反，紫色光、蓝色光、绿色光则有寒冷的感觉。如果夏天我们关掉屋子里的白炽灯，打开日光灯，同样会增加凉爽的感觉。对商品的包装也是如此，如果在冷饮或冷食的包装上使用冷色，视觉上无疑会引起对这些食物向往的感觉。

4．简述版式设计中“对称与均衡”的形式法则。

答：对称是指图形或物体对某个中心点、中心线、对称面，在形状、大小或排列上具有一一对应的关系；均衡是不对称形态的一种平衡。对称与均衡是取得良好的视觉平衡的两种形式。对称体现了静感与稳定性，具有端庄，安定的美，均衡则表现了动感和变化性，具有生动、活泼的美。

五、操作题(每空1分，共10分)

1．Ctrl

2．对齐两个圆的圆心

3．跟踪位图

4．高级轮廓

执行跟踪

6．Ctrl+U

Ctrl+G

7．Shift+PageDown 8．精确裁剪