CorelDRAW X4平面设计实例教程 教学课件 作者 苏 颖 第12章教程.ppt

《CorelDRAW X4平面设计实例教程 教学课件 作者 苏 颖 第12章教程.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第12章网页设计本章学习内容：了解网页设计的基本知识。掌握使用CorelDRAWX4制作网页的基本方法。掌握使用CorelDRAWX4制作翻转效果的方法。掌握使用CorelDRAWX4添加超级链接的方法。12.1网页设计相关知识1．网页设计常有工具现在能够进行网页设计的工具很多，这里介绍几款主要的软件。（1）FrontPageFrontPage是Microsoft公司推出的网页制作工具。是一个所见即所得的网页制作工具，它提供了与Word类似的中文界面，使用户可以轻松地编辑网页。是最简单的网页设计软件之

2、一。（2）DreamweaverDreamweaver是Macromedia公司推出的网页设计专用软件，它是目前国内公认的最佳网页制作工具。无论对初学者还是网页设计专业高手，Dreamweaver都可以满足要求。用户不必写任何代码，就可以制作出复杂的页面特效。此外，它与该公司其他两款设计工具Firworks和Flash并称为网页三剑客，三者相互配合，可以使网页制作更加便捷，网页效果更加丰富。（3）其它网页设计软件1第12章网页设计2．网页设计的理念一个网页中的元素很多，主要包括文字、图像、表格、表单、

3、动画和视频等。一个网站是由众多网页组成的，网页设计的好坏直接关系到这个站点将来的受欢迎程度。网页设计的理念有以下几点：（1）要考虑访问者的带宽问题（2）考虑网站的易浏览性（3）网页设计时应该注意色彩的搭配，同时用色时还应注意用户的阅读要求。（4）网站标志的设计（5）简单为美（6）网页设计还是以内容为贵2第12章网页设计3．网页设计的总体规划（1）确定网页采用的整体风格网站标志应放在醒目位置，一般是左上角，而且应该保持不变。导航部分应放在每一张网页的相同位置，便于访问浏览网站的全部内容。网站的主体颜色应

4、该让人感觉舒服，不能太刺眼，但同时还要突出需要强调的内容。确定网页的布局，什么内容放在什么位置、导航栏放在什么位置、页面分几栏等，都是在总体规划时应该考虑的。（2）确定网页色彩的搭配，网页的色彩搭配应该和谐、美观。（3）给即将上网的文本内容分类，只有分好类，才能确定导航栏的栏目名称和栏目数目。3第12章网页设计12.2校园网主页设计12.2.1实例说明本实例是一个“社会科学系”的主页。页面的设计采用了三栏的排版格式。实例的效果如图12-1所示。4第12章网页设计12.2.2操作步骤该实例的制作可以按以

5、下步骤完成：1.绘制网页的整体结构使用矩形工具和椭圆工具绘制几个矩形与圆形工具，得到如图12-2所示的效果。5第12章网页设计2.制作左侧的导航栏导航栏的每一个项目都制作成两个图片，如图12-3所示，两个图片只有文字的颜色不同，一个图片为白色，另一个图片为黄色。3.导入“社会科学系”标志图片如图12-4所示，进行大小缩放，至合适的位置4.插入新闻的标题，如果插入时不是段落文本，则需要将其转换为段落文本，单击菜单栏“文本”

6、“转换为段落文本”。然后单击菜单栏的“文本”

7、“生成Web兼容文本”，将文本转换

8、为Web兼容文本。为文本添加超级链接。5.为网页添加其它装饰效果。6.将制作好的网页输出为HTML文档。6第12章网页设计(2)模糊效果文字3．保存文件7第12章网页设计4．编辑前景对象(1)导入图片,遮罩修改选择的对象遮罩修改选择的对象素材图像8第12章网页设计(2)创建遮罩9第12章网页设计(3)轮廓图效果10第12章网页设计（4）照明效果5．路径文字11第12章网页设计10.2.2技术总结在本实例中，主要应用了以下几种工具1.遮罩工具2.色频通道3.路径12第12章网页设计10.3举一反三——服

9、装DM广告页设计对于时尚服饰店来说，服装讲究的是时尚。因此在设计本例的广告页面时，首先考虑的就是时沿元素。在广告中采用了众多的流行元素，由于服装店的受众是年轻的女性，因此，使用了女性比较喜欢的花朵与曲线。目的是引起消费者的注意。广告页面的效果如右图所示。服饰DM单设计13第12章网页设计操作提示：1.绘制星团背景14第12章网页设计2.输入文字15第12章网页设计3.绘制矩形4.输入文字16第12章网页设计小结本章是CorelDRAW中另一个功能强大的软件，是需要重点掌握的内容之一，它是数字图像处理软

10、件。了解位图操作的基本概念，使用方便快捷的工具，从单纯的艺术绘图、照片加工到广泛的图片特效处理，掌握本软件的常用操作技能。17第12章网页设计