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

第12章 网页设计 本章学习内容： •了解网页设计的基本知识。 •掌握使用CorelDRAW X4制作网 页的基本方法。 •掌握使用CorelDRAW X4制作翻 转效果的方法。 •掌握使用CorelDRAW X4添加超 级链接的方法。 12.1 网页设计相关知识 1．网页设计常有工具 现在能够进行网页设计的工具很多，这里介绍几款主要的软件。 （1）FrontPage FrontPage是Microsoft公司推出的网页制作工具。是一个所见即所得 的网页制作工具，它提供了与Word类似的中文界面，使用户可以轻松地 编辑网页。是最简单的网页设计软件之一。 （2 ）Dreamweaver Dreamweaver是Macromedia公司推出的网页设计专用软件，它是目 前国内公认的最佳网页制作工具。无论对初学者还是网页设计专业高手， Dreamweaver都可以满足要求。用户不必写任何代码，就可以制作出复 杂的页面特效。此外，它与该公司其他两款设计工具Firworks和Flash并 称为网页三剑客，三者相互配合，可以使网页制作更加便捷，网页效果 更加丰富。 （3 ）其它网页设计软件 第12章 网页设计 — 【1】— 2 ．网页设计的理念 一个网页中的元素很多，主要包括文字、图像、表格、表单、动画 和视频等。一个网站是由众多网页组成的，网页设计的好坏直接关系到 这个站点将来的受欢迎程度。网页设计的理念有以下几点： （1）要考虑访问者的带宽问题 （2 ）考虑网站的易浏览性 （3 ）网页设计时应该注意色彩的搭配，同时用色时还应注意用户的 阅读要求。 （4 ）网站标志的设计 （5 ）简单为美 （6 ）网页设计还是以内容为贵 第12章 网页设计 — 【2 】— 3．网页设计的总体规划 （1）确定网页采用的整体风格 网站标志应放在醒目位置，一般是左上角，而且应该保持不变。 导航部分应放在每一张网页的相同位置，便于访问浏览网站的全部 内容。 网站的主体颜色应该让人感觉舒服，不能太刺眼，但同时还要突出 需要强调的内容。 确定网页的布局，什么内容放在什么位置、导航栏放在什么位置、 页面分几栏等，都是在总体规划时应该考虑的。 （2 ）确定网页色彩的搭配，网页的色彩搭配应该和谐、美观。 （3 ）给即将上网的文本内容分类，只有分好类，才能确定导航栏 的栏目名称和栏目数目。 第12章 网页设计 — 【3 】— 12.2 校园网主页设计 12.2.1 实例说明 本实例是一个“社会科学系”的主页。页面的设计采用了三栏的排 版格式。实例的效果如图12-1所示。 第12章 网页设计 — 【4 】— 12.2.2 操作步骤 该实例的制作可以按以下步骤完成： 1. 绘制网页的整体结构 使用矩形工具和椭圆工具绘制几个矩形与圆形工具，得到如图 12-2所示的效果。 第12章 网页设计