《网页设计基础》word版

《《网页设计基础》word版》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、第一章网页设计基础在制作网页之前，不仅要清楚网页的构成元素，了解制作网页需要采用哪些工具，还要知道网页的制作步骤。本章主要介绍网页设计的一些基础知识。通过本章的学习，读者应该掌握以下内容：l网页中的常见元素l常用网页制作工具l美化网页的基本工具l建立网站的基本流程l网页艺术设计1．1网页中的常见元素要学习网页设计与制作，首先要认识网页，了解网页中的常见元素，只有这样才能更加合理地组织和安排网页内容。图1-1所示是搜狐网站的首页，其中包含了常见的网页元素：文本、图形、超链接、表格、表单、声音和视频等。下面分别介绍各个网页元素及其在网页中

2、的作用。1．1．1文本文本是最重要的信息载体与交流工具，是网页发布信息所用的主要形式。文本虽然没有图像对浏览者的吸引力强，但却能准确地表达信息的内容和含义，而且用文本制作的网页占用空间小，浏览时，可以很快地展现在用户面前。另外，文字性网页还可以利用浏览器中“文件”菜单下的“另存为”功能将其下载，便于以后长期阅读，也可对其进行编辑打印。但是没有编排点缀的纯文字网页，又给人带来死板的感觉，使得人们不愿意再往下浏览。为了克服这一缺点，人们；为网页文本定义了一些属性，例如字体、颜色、字号、底纹和边框等，通过文本不同的格式，突出显示重要的内容。

3、此外，用户还可以在网页中设计各种各样的样式，包括标题的字型字号、内容的层次样式、文字列表和颜色变换等，这些将给网页中的文本赋予新的生命力。1．标题一个网页通常都有一个标题，表明本网页的主要内容。标题是否醒目，是否能吸引浏览者的一个关键，因此标题的设计是很重要的。2．字号网页中的文字不能太大或太小，太大会使得一个网页信息量变小，太小又使得人们在浏览时感到费劲，一个优秀网页中的文字，应统筹规划，大小搭配适当，给人以生动活泼的感觉，实践证明，采用9磅的宋体文字设计的文本看起来最美观。3．字型在网页适当的位置采用不同的字体、字型，也能使网页产

4、生吸引人的效果。应该注意，虽然在报刊上变换字体字型非常普遍，但在网页制作上却要慎重，因为有些漂亮的字型在制作网页的计算机上有，但浏览者的计算机上未必装有这种字体，这样浏览者就无法看到设计者预想的浏览效果了。如果只是标题或少量的文字，可能将其制作成图形，这样就可以避免其他浏览者看不到的尴尬局面了。1．1．2图形这里的图形概念是广义的，它可以是普通的绘制图形，可以是各种图像，还可以是动画，一个优秀的网页除了有能吸引浏览者的文字形式外，图形的表现功能是不能低估的。网页上的图形一般使用JPEG、GIF和PNG种格式，其中使用最广泛的是JPEG

5、和GIF格式，这两种格式具有跨平台的特性，可以在不同操作系统支持的浏览器上显示。通常图形在网页中有如下的应用。1．菜单按钮网页上的菜单按钮有一些是用图形制作的，通常有横排和竖排两种形式，由此可以转入不同的页面。2．背景图形为了加强视觉效果，有些网页在整个网页的底层放置了图形，称作背景图。背景图可以使网页更加华丽，使人感到界面友好，但由于这是一个比较大的图像，需要占据较大的空间，致使网页的显示速度明显变慢，所以访问显示较大的网站一般都不在网页中设置背景图形。3．动画为了更有效地吸引浏览者的注意，许多网页中的图像都做成了动画形式，图1-1

6、所示网页中的各种商业广告多以动画的形式出现。1．1．3超链接超链接技术可以说是万维网流行起来的最主要原因。超链接是从一个网页指向另一个目的端的链接，这个目的端通常是另一个网页，也可以是一幅图片，一个电子邮件地址、一个文件、一个程序或者相同网页的不同位置。其链接热点通常是文本、图片、图片中的区域和不可见的程序脚本等。超链接是网页中一处感觉重要的功能，是网页中最重要、最根本的元素之一。在图1-1中，加下划线的就是已经建立了超链接的文本。1.1.4表格表格用来控制网页中信息的布局方式。许多大型的网站（如搜狐、网易、新浪、雅虎等）都是使用表格

7、来进行页面布局的。使用表格可以进行页面的设计和排版，控制文本和图像在页面中的位置。另外，使用表格能使页面看起来更加直观和有条理。图1－1所示网页中的“新闻中心”就运用了表格进行布局定位。1.1.5表单网页区别于其他媒体的一个重要标志就是它的交互功能。例如在商务网站的页面上，人们经过浏览，选择了某一个产品，就要可以将自己的决定通过Internet告诉这个网站，网站能够自动对该产品的数据库进行检索，及时回应有还是没有，以及产品数量、规格和价格等信息。如果用户选择确定，那么网站返回确认信息。网页的这种交互功能是其他媒体无法比拟的。通常网页的

8、交互功能都是利用表单来实现的。表单是网页中站点服务器处理的一组数据输入域，当访问者单击按钮或图形来提交表单后，数据就会传送到服务器上。图1－1所示网页中的“登录”就是一个比较简单的表单。1.1.6声音和视频声音是多媒体网