CorelDRAWX4平面设计实例教程第12章节教程.ppt

第12章 网页设计 本章学习内容： 了解网页设计的基本知识。 掌握使用CorelDRAW X4制作网页的基本方法。 掌握使用CorelDRAW X4制作翻转效果的方法。 掌握使用CorelDRAW X4添加超级链接的方法。 12.1　网页设计相关知识　 1．网页设计常有工具 现在能够进行网页设计的工具很多，这里介绍几款主要的软件。 （1）FrontPage FrontPage是Microsoft公司推出的网页制作工具。是一个所见即所得的网页制作工具，它提供了与Word类似的中文界面，使用户可以轻松地编辑网页。是最简单的网页设计软件之一。 （2）Dreamweaver Dreamweaver是Macromedia公司推出的网页设计专用软件，它是目前国内公认的最佳网页制作工具。无论对初学者还是网页设计专业高手，Dreamweaver都可以满足要求。用户不必写任何代码，就可以制作出复杂的页面特效。此外，它与该公司其他两款设计工具Firworks和Flash并称为网页三剑客，三者相互配合，可以使网页制作更加便捷，网页效果更加丰富。 （3）其它网页设计软件 2．网页设计的理念 一个网页中的元素很多，主要包括文字、图像、表格、表单、动画和视频等。一个网站是由众多网页组成的，网页设计的好坏直接关系到这个站点将来的受欢迎程度。网页设计的理念有以下几点： （1）要考虑访问者的带宽问题 （2）考虑网站的易浏览性 （3）网页设计时应该注意色彩的搭配，同时用色时还应注意用户的阅读要求。 （4）网站标志的设计 （5）简单为美 （6）网页设计还是以内容为贵 ?3．网页设计的总体规划 （1）确定网页采用的整体风格 网站标志应放在醒目位置，一般是左上角，而且应该保持不变。 导航部分应放在每一张网页的相同位置，便于访问浏览网站的全部内容。 网站的主体颜色应该让人感觉舒服，不能太刺眼，但同时还要突出需要强调的内容。 确定网页的布局，什么内容放在什么位置、导航栏放在什么位置、页面分几栏等，都是在总体规划时应该考虑的。 （2）确定网页色彩的搭配，网页的色彩搭配应该和谐、美观。 （3）给即将上网的文本内容分类，只有分好类，才能确定导航栏的栏目名称和栏目数目。 12.2　校园网主页设计 12.2.1 实例说明 本实例是一个“社会科学系”的主页。页面的设计采用了三栏的排版格式。实例的效果如图12-1所示。 12.2.2 操作步骤 该实例的制作可以按以下步骤完成： 1. 绘制网页的整体结构 使用矩形工具和椭圆工具绘制几个矩形与圆形工具，得到如图12-2所示的效果。 2. 制作左侧的导航栏 导航栏的每一个项目都制作成两个图片，如图12-3所示，两个图片只有文字的颜色不同，一个图片为白色，另一个图片为黄色。 3.导入“社会科学系”标志图片如图12-4所示，进行大小缩放，至合适的位置 4.插入新闻的标题，如果插入时不是段落文本，则需要将其转换为段落文本，单击菜单栏“文本”|“转换为段落文本”。然后单击菜单栏的“文本”|“生成Web兼容文本”，将文本转换为Web兼容文本。为文本添加超级链接。 5.为网页添加其它装饰效果。 6.将制作好的网页输出为HTML文档。 (2)模糊效果文字 3．保存文件 4．编辑前景对象 (1)导入图片,遮罩修改选择的对象 (2)创建遮罩 (3)轮廓图效果 （4）照明效果 10.2.2 技术总结 在本实例中，主要应用了以下几种工具 1. 遮罩工具 2. 色频通道 3. 路径 10.3 举一反三——服装DM广告页设计 对于时尚服饰店来说，服装讲究的是时尚。因此在设计本例的广告页面时，首先考虑的就是时沿元素。在广告中采用了众多的流行元素，由于服装店的受众是年轻的女性，因此，使用了女性比较喜欢的花朵与曲线。目的是引起消费者的注意。广告页面的效果如右图所示。 操作提示： 1. 绘制星团背景 2. 输入文字 3. 绘制矩形 4. 输入文字 小 结 本章是CorelDRAW 中另一个功能强大的软件，是需要重点掌握的内容之一，它是数字图像处理软件。了解位图操作的基本概念，使用方便快捷的工具，从单纯的艺术绘图、照片加工到广泛的图片特效处理，掌握本软件的常用操作技能。 尚辅网 / 遮罩修改选择的对象 素材图像 5．路径文字 服饰DM单设计 在线教务辅导网： 更多课程配套课件资源请访问在线教务辅导网 馋死