学习笔记—网页基础知识入门（二）

学习笔记—网页设计基础知识（二）

网页的基本构成元素

---

不同性质的网站，构成网页的基本元素是不同的。网页中除了使用文本和图像外，还可以使用丰富多彩的多媒体和Flash动画等。

一、网站Logo

网站Logo也称为网站标志，它是一个站点的标志，也是一个站点是否正规的标志之一。

• 网站的标志应该体现该网站的特色、内容及其内在的文化内涵和理念。
• 成功的网站标志在网站的推广和宣传中将起到事半功倍的效果。
• 网站标志通常有3种尺寸：88×31、120×60和120×9像素。

二、网站Banner

网站Banner是横幅广告，是互联网广告中最基本的广告形式。

• Banner可以位于网页顶部、中部或底部任意位置，一般为横向贯穿整个或者大半个页面的广告条。
• 常用的尺寸是480×60像素或233×30像素，使用GIF格式的图像文件，可以使用静态图形，也可以使用动画图像。
• 除普通GIF格式外，采用Flash能赋予Banner更强的表现力和交互内容。

三、导航栏

导航栏是网页的重要组成元素，它的任务是帮助浏览者在站点内快速查找信息。

• 导航栏的形式多样，可以是简单的文字链接，也可以是设计精美的图片或是丰富多彩的按钮，还可以是下拉菜单导航。
• 导航的位置一般有四种：在页面的左侧、右侧、顶部和底部。

四、文本

网页内容是网站的灵魂，网页中的信息也以文本为主。

• 文本是网页中最基本、必不可少的元素。
• 文字虽不如图像那样易于吸引浏览者的注意，但却能准确地表达信息的内容和含义。

五、图像

图像在网页中具有提供信息、展示信息、装饰网页、表达个人情趣和风格的作用。

• 图像是文本的说明和解释，可以使文本清晰易读，使网页更加有吸引力。
• 可以在网页中使用GIF、JPEG和PNG等多种图像的格式，其中使用最广泛的是GIF和JPEG两种格式。

六、Flash动画

Flash动画可以生成亮丽夺目的图形界面。

• Flash动画的文件的体积一般只有5~50KB.
• 通过复杂的动态脚本编程可以制作出各种各样有趣、精彩的Flash动画。

---

网页设计的原则

网页设计是有原则的，网页设计遵循以下几个原则：统一、连贯、分割、对比及和谐。

• 统一是指网页的整体性和一致性。
• 连贯是指要注意页面的相互关系。
• 分割时指将页面分成若干小块，使浏览者一目了然。
• 对比是指通过矛盾和冲突，使设计更加富有生气。
• 和谐是指整个页面符合美的法则，浑然一体。

---

常用网页设计软件

Dreamweaver1、Flash2、Photoshop3三款软件相辅相成，是制作网页的首选工具。其中Dreamweaver主要用来制作网页文件，Flash用来制作精美的网页动画，Photoshop用来处理网页中的图像。

Dreamweaver CC概述

Dreamweaver是网页设计与制作领域中用户最多、应用最广、功能最强的软件，随着Dreamweaver CC的发布，更坚定了Dreamweaver在网页设计与制作领域中的地位。Dreamweaver 用于网页的整体布局和设计，以及对网站进行创建和管理，被称为三剑客之一，利用它可以轻而易举地制作出充满动感的网页。

Photoshop CC概述

Photoshop是Adobe公司推出的图像处理软件，目前已被广泛应用于平面设计、网页设计和照片处理等领域。随着计算机技术的发展，Photoshop已历经数次版本更新，目前最新版本为Photoshop CC。

Flash CC概述

Flash是一款功能非常强大的交互式矢量多媒体网页制作工具，能够轻松输出各种各样的动画网页。它不需要特别繁杂的操作，也比Java小巧精悍，但它的动画效果、互动效果、多媒体效果十分出色。由于Flash编制的网页文件比普通网页文件要小得多，所以大大加快了浏览速度。

---

1. [Adobe Dreamweaver] (https://baike.baidu.com/item/Adobe%20Dreamweaver/10015800?fr=aladdin&fromid=216984&fromtitle=DREAMWEAVER) ↩
2. [Flash] (https://baike.baidu.com/item/Flash/33054?fr=aladdin) ↩
3. [Photoshop] (https://baike.baidu.com/item/ADOBE%20PHOTOSHOP/2297297?fromtitle=photoshop&fromid=133866) ↩