|
|
|
 发表:2001/8/17 16:36:11 人气:215       
|
楼主 |
网页设计必读 (上）
大家好，我是*随波逐流*。近年来，Internet飞速发展，不但企业和政府机构纷纷建立自己的
网站，在网上开展业务，树立形象，而且还有不少个人在网上建立自己的个人主页，这使得
主页制作成为当今的热门技术。
下面我们讨论的就是网页设计的基础知识及概况。在讲解中，我除了介绍一些知识
，还会给大家一此提示。呵呵，别发愣了。
一、制作的网页包括哪几部分？
总体说来，网页的制作包括以下几个部分：
1．图形、图像处理制作
在网页上插入一些精美、适当的图片是必要的，否则，不会有人光顾您的网页。因此，
在设计您的网页之前，就应搜集或制作一些好看、适用的图片。网上或者光盘上都有这方面
的内容。制作图像，Photoshop是这方面的老大哥，但不是专门处理网络图像的；我们一般选
用Fireworks，用它制作网络图像是最好的，我们将在后面讲到。
[提示]一般在WWW上jpg和gif格式的图片传输较快，经常使用；位图bmp文件占用空间太
大，传输较慢，并不适用。jpg的文件较大，但画质相当好，可以显示24位真彩色；gif颜色
只有256色，但文件小多了，速度就快了。照片、风景画等超过256色的图片就采用jpg格式；
颜色简单的标志图片、标题、小动画等最好用gif格式。
2．动画制作
传统的做法是在HTML中嵌入用Java程序编写的动画，但这要求开发者对Java语言的编程
要熟悉。随着软件业的发展，现在制作漂亮的动画就轻松多了，有很多制作动画的软件。比
如Flash，用它制作出来的动画小巧迷人，只需作为一个*.swf 文件导出，然后再导主到网页
编辑器中，这样，在浏览器中就可以浏览到动画了。这是不是要比编程轻松多了解？
[提示]Flash制作动画不仅方便快速，而且画质高、体积小，要做好主页不可不学。
3．文本编写
您的网页中需要大量文字，这就要在网页编辑器中用HTML语言中的标签编写。也可以利
用网页编辑工具的“所见即所得”功能，直接写入文字。
[提示]这要用到网页设计工具。网页设计工具最流行的就是Dreamweaver和FrontPage了
，两者各有优势，后面将说到这方面的内容。
4．框架设计
框架是网页的常用形式，它可以使网页更为清晰，可以把不同的页面超链接在同一框架
中，使得页面空间更紧凑。在HTML中用< frame>< /frame>标签编写。
5．表格应用
网页中很活跃的一种元素，它的应用可使网页更紧凑和灵活。在HTML中用< table&g
t< /table>标签编写。
[提示]表格不光是数据的集合，在网页设计中还有整齐布局的作用。
二、HTML是什么？
其实，当当您在网上浏览、聊天、购物的时候，所见到的眼花缭乱、各式各样的网页都
是HTML语言的杰作。就是说，任何一个网站，无论它有多么丰富，多么漂亮，无论开发者用
的是哪一种开发工具，一般来说，它都是用HTML语言写成的。下面就简单地介绍一下HTML。
HTML的全称是Hyper Text Markup Language（超文本标记语言），它是一种在World W
ide Web（简称WWW，万维网）上使用的语言。HTML支持Web上所有的文档格式化、可单击超级
链接、图形图像、多媒体文档、表单等。HTML语言的可爱之处不仅在于它的功能强大，更在
于它简单易学。就算是计算机的初学者都可以迅速掌握其用法，编制出网页来。
[提示]其实，不要以为HTML是一种程序语言，它并不像程序语言那么复杂难懂，即使你
第一次见到HTML，也能看懂几分。
HTML是由很多标记组成，每一个标记的语句以“< ”开始而以“/>”结束的，并且
每种标记都有很多属性，正确、灵活使用标记的属性能制作出精美的主页。
下面举一个简单的例子，让我们来看看由HTML语句编写出来的网页。打开Windows的“记
事本”编辑器，在其中写下下列语句。
< html>
< head>
< title>Untitled Document< /title>
< meta http-equiv="Content-Type" content="text/html; charset=gb2312">
< /head>
< body bgcolor="#FFFFFF">
< div align="center">< font size="7" face="楷体_GB2312" color="#FF000
0">欢迎您光临！< /font>< /div>
< /body>
< /html>
在网页制作软件如FrontPage中把它转化成htm文件后，在IE中就可以浏览到页面，如图
所示。
[提示]这只是一个简单的例子，要做出真正漂亮的网页，代码可能要达到好几百行。但
是不用怕，用Dreamweaver或FrontPage编辑的话是不用记这么多代码的。
三、什么是动态网页？
最初，网页都是静态的，只有文字、图像等，用户只能够被动地接受这些信息。随着网
络的发展，现在的网页决不是仅仅停留在静态上了，而是发展到动态网页了。那么，什么是
动态网页呢？简单来说，就是服务器通过HTML表单收集用户的信息，用户也可以通过网页得
到自己想要的信息，例如我们常用的搜索引挚就属于一种表单。
前面我们说，HTML是编写网页的语言，但是，仅用HTML是不能编写出动态网页的。所以
，我们下面提到另外两种技术——CGI和ASP。
(1)CGI
CGI是公用网关接口（Common Gateway Interface）的缩写，它是用于Web服务器和外部
应用程序之间信息交互的标准接口。更明确地说，CGI仅是在WWW服务器上可执行的程序代码
，它的工作就是控制信息要求而且产生并传回所需的文件，提供同客户端HTML页面的接口。
CGI的特点：运行速度快，兼容性好。
可以用任何一种您熟悉的高级语言如C、C++、VB、Perl来书写CGI程序。
应用CGI，可给我们提供很多HTML不能做到的功能。利用CGI可以借助与其它系统的结合
而增强WWW服务器的功能，例如，与数据库管理系统（DBMS）的结合，可使WWW服务器提供或
记录信息。
(2)ASP
那什么是ASP呢？ASP是Active Server Pages(动态网页)的缩写，是微软推出的用以取
代CGI的技术。简单来说，ASP是一套服务器端的脚本运行环境。通过ASP可以结合HTML网页、
ASP指令和ActiveX元素建立动态、交互、高效的Web服务器应用程序。
ASP优于CGI的地方是不用学习一门专门的编程语言来创建CGI应用程序，它提供了创建
交互页的简便方法，只需将一些简单的指令嵌入到HTML文件中，就可以从表单中收集数据。
ASP还可以利用ADO(Active Data Object,微软开发的一种数据访问模型)方便地访问数据库，
使得开发基于WWW的应用系统成为可能。
ASP的特点有：
①使用VBScript、JavaScript等简单的脚本语言，并结合HTML语言，即可完成网站的应
用程序的编写。并可以在诸如Windows的记事本一般的文本编辑器中进行编写。
②不需编译，直接在服务器端执行。
③ASP设计的网页与浏览器无关，只要用户端使用的浏览器能执行HTML码就可以了，而
这是几乎所有浏览器都满足的。
④有一定安全性。ASP源程序不会被传到用户端的浏览器，避免ASP程序被人抄袭。
[提示]利用Dreamweaver或FrontPage的表单功能，也能做出动态的网页哟。不过也有些
难度。这一部分只是看看而已，关键是下面的一个内容。
四、有哪些网页设计工具？
最初制作网页必须在文本编辑器中编写HTML语句，这样，开发者就必须十分熟练地掌握
HTML的格式以及各种标签的属性。因此，要做出一个漂亮的主页，必须具有一定的网络知识
和建站经验。
自从FrontPage问世以来，网页设计就简单多了。FrontPage是Microsoft（微软公司）
开发的编写网页和创建站点的软件，简单易用，而功能也比较强大，用户就像用Word一样选
择命令、设置属性就可以创建一个非常好看的主页了。
但是，FrontPage也有自身的缺点，比如表格定位不准确，使用模板创建的网页显得单
调和呆板，所以，它只能作为业余网页制作者的选择。在这种情况下，出现了许多新的网页
制作工具，比如，InterDev、Dreamweaver等。
现在，Macromedia公司的Dreamweaver以其强大的功能和方便的操作，赢得了越来越多
的网页制作专业领域人士的青睐。目前，Dreamweaver的最新版本是3.0版，从它的发展趋势
来看，应该成为专业网页制作者的首选。
[提示]要选择网页制作软件，可以先从FrontPage学起，基本了解做网页是怎么一回事
，并知道一些经验技巧；一两个月后就可以把“武器”换成功能更完美的Dreamweaver了，不
是我收了Macromedia的奖金，确实是Dreamweaver强大多了。
1．FrontPage2000
FrontPage2000是微软公司继FrontPage98之后，于1999年推出的一套用于创建Web站点
的应用程序，它同Word、Excel一样属于微软的Office家族。它包括FrontPage Editor、Fro
ntPage Explorer、Image Composer、FrontPage Server Extensions和Person Web Server。
有了FrontPage2000,即使没有网络编程的经验也可以创建出相当吸引人的站点。
[提示]既然FrontPage2000是属于Office家簇了，那么安装Office2000的时候可别忘了
FrontPage！
FrontPage2000具有以下一些特性：
(1)All Files View Optimized for Webmasters（所有文件视图最优化）：FrontPage
Editor的所有文件视图提供了一种更容易安排和分类独立文件的方法，这样用户可以很容易
管理这些文件，以减小站点所占的空间。
(2)Auto Thumbnail（自动缩略图）：自动创建略图，并将其和原始图连接起来。
(3)Banner AdManager（广告横幅管理者）：可以很容易地使用转变效果显示一系列图
像，这个组件可使用户方便地做出吸引来访者的广告横幅。
(4)Cascading Style Sheet Support（拆分风格表单支持）：Cascading Style Sheet
(CSS)j是一个由WWW认可的开放式规范，它在格式页面上给编写者极大的权力。CSS Suppor
t在处理HTML文档中的文本方面给站点编写者像字处理一样的控件，使他们可以创建出很复杂
的文档结构，支持CSS Support的1浏览器包括：Microsoft Internet Explore 3.0或更高本
以及Netscgn Navgato 4.0。
(5)Channel Defition Format (CDF) Channelwizard (CDF频道向导)：使用CDF Chann
el
Wizard用户可以热爱轻松将自己的站点定义成频道，任何使用IE的用户都可以预定这个
站点。
(6)Clip Gallery Live（活动剪贴库）：从FrontPage的剪贴库中用户可以从Microsof
t的站点中下载，这些图片可以根据您的需要在下次访问时自动地加入到剪贴库中。
(7)Clip Art Gallery（艺术剪贴库）：使用Clip Art Gallery用户可以像使用Micros
oft Office200一样浏览和插入剪贴画。FrontPage装载了超过去时1000幅贴画。
(8)Database Region Wizard（数据库注册向导）：新的Database Region Wizard支持
Microsoft Information Server的Active Server Page功能，它能够让用户直接在站点页面
中插入动态的数据库目录。
(9)Design Time ActiveX Control Support（设计时ActiveX控件支持）：Design Tim
e ActiveX Control是一个新的组件，它允许第三方增加FrontPage的页面编写能力。
(10)Dynamic Html support（动态HTML支持）：Dynamic Html是一个由Microsoft开发
的并得到W3C（WW Consortium）许可的站点页面对象模块，它允许编程者使用现存的、功能
强大的方法操作页面和页面上的元素。因为FrontPage的目的就是为了不使用编程便可创建专
业品质的站点，所以它提供大量的让用户在不编写Dynqmic Html 对象模块的情况下充分利用
Dynamic Html的特性。
(11)Dynamic Lining（动态链接）：不需要编程便可以创建出站点的展开和缩小的轮廊
。
(12)Easier Hyperlink（简易超链接）FrontPage的插入超链接对话框是重新设计的，
它提高了易用性。用户可以很轻松地链接到新的页面、站点中已经存在的页面、Internet上
的页面或直接链接到E-mail地址。用户也可以很容易将页面链接到书签。如果用户使用了框
架页面，还可以指定链接目标。
(13)Easy Web Publish（简易站点发布）：FrontPage2000的站点发布界面比FrontPag
e98有所简化。它只发布用户最新一次发布后修改过的页面，它可以检测到多用户环境中其它
人所做的改动，给用户解决不同人修改冲突的问题。
(14)Editor Integrated with Internet Explorer的无缝结合，当用户在Internet Ex
plorer中浏览自己发布的页面时，可以选择"编辑"按钮在FrontPage2000 Editor中编辑站点
页面，然后保存到服务器。
(15)Editor View Tabs（视图切换）：允许用户在HTML代码视图、预览视图和通常视图
切换。
(16)Enhanced Form Creation（增强的表单创建能力）：当用户在表单域中添加第一个
表单时FrontPage2000会自动添加“Submit”和“Reset”按钮。
[提示]上面介绍了FrontPage的这么多好处，大家也许都是“云里雾里”了。其实，Fr
ontPage2000学起来并不难，大家也许自己摸索，就能知道怎么用了。但是敬告大家，
网上有许多关于制作主页的技巧，一定要留心，不然主页是做不好的。
|
|
| |
|
|
发表:2001/8/17 19:57:28 