浅谈个人网站的建立

随着Internet 的快速普及, 上
网者已经不再满足于浏览网页, 而
是希望更深入地参与到网络中。
Internet 的开放性使个人建立自己
的网站成为可能, 拥有自己的个人
网站也越来越成为一种时尚。要建
立自己的个人网站, 并不需要多少
投资。只要拥有一台电脑并且能连
接到Internet 就可以了。
建立个人网站的基本过程可
以分为以下六个环节:
一、系统需求分析与总体设计
一个成功的个人网站, 先期的
准备工作是很重要的, 好的开始等
于成功的一半。在这一阶段有两个
主要的问题需要考虑。
1、站点的定位: 主题的选择对
今后的发展方向有决定性的影响,
考虑好做什么内容就要努力做出
特色。很多朋友在建站初期总是喜
欢在网页里堆积大量感兴趣的内
容, 但个人的精力总是有限的, 因
为无力维护而导致站点更新缓慢、
内容匮乏。与其这样, 不如选定一
个主题做出自己的风格, 不求大而
全, 但求小而精。
2、空间的选择: 目前大部分个
人主页还在使用免费的空间。网上
的免费主页空间很多, 但真正稳定
而且快速的并不多, 选择那些口碑
不错的站点提交申请, 然后做进一
步的测试, 直到筛选出理想的空
间。千万别小看了这一步, 我就走
过弯路, 由于以前使用的服务器速
度缓慢而又不稳定而失去了一部
分支持者。当你的网站拥有相当数
量的稳定用户, 渴望进一步发展的
时候, 可以考虑使用付费空间并申
请顶级域名。
选好了方向, 就要为目标而努
力了。对一个成功的站长来说, 熟
练掌握网页设计和图形处理的技
巧是必须的, 但经验是在实战中获
得的, 初学者也不必因此而畏惧退
缩, 多多练习才会有提高。网站建
设最重要的莫过于两个问题: 设计
和内容, 素材的准备是日积月累的
结果, 我们这里侧重谈一谈设计。
3、设计的要求:
第一、导航清晰, 布局合理, 层
次分明, 页面的链接层次不要太
深, 尽量让用户用最短的时间找到
需要的资料;
第二、风格统一: 保持统一风
格, 有助于加深访问者对你的网站
的印象。要实现风格的统一, 不一
定要把每个栏目做得一模一样, 举
个例子来说, 你可以尝试让导航条
样式统一, 各个栏目采用不同的色
彩搭配, 在保持风格统一的同时为
浅谈个人网站的建立
□张宏
文化视野
CulturalField
71
乌
蒙
论
坛
2007
年
第
4
期
网站增加一些变化;
第三、色彩和谐、重点突出: 在
网页设计中, 根据和谐、均衡和重
点突出的原则, 将不同的色彩进行
组合、搭配来构成美观的页面;
第四、界面清爽: 要吸引访问
者长时间的停留在你的网站, 千万
不能让用户第一眼就感觉压抑。大
量的文字内容要使用舒服的背景
色, 前景文字和背景之间要对比鲜
明, 这样访问者浏览时眼睛才不致
疲劳。适当的留白可以让界面更清
爽;
第五、坚持原创: 刚开始学做
主页时, 适当模仿别人的优秀设计
是可取的, 但模仿绝不等同于抄
袭, 一定要把握好其中的尺度。设
计是这样, 内容的选取也是如此,
多一些原创的内容, 你的主页才会
带有更多的个性色彩;
第六、动态效果不宜太多: 适
当的动态效果可以起到画龙点睛
的作用, 过多的动态效果会让人眼
花缭乱而抓不住主题。
二、熟悉网站开发模式、工具
及环境
在实际制作网页的时候, 注意
以下几个原则和建议可能会有助
于制作出内容得体, 具有吸引力的
网站。
1、制作前要预先筹划好网站
的组织结构。首先要明确网站的主
题, 然后才能围绕着这个主题进行
素材、资料的搜集并把它们表现在
一个个网页上。围绕主题把要表现
的内容分为若干部分, 每个部分再
进行划分, 这样就搭建出一个层次
分明的网页结构。应该注意的是,
每个部分的内容不要太笼统、范围
过大。
2、合理规范页面布局。
采用表格或框架技术, 把屏幕
区分为不同的块来安排内容, 一般
不要超过三块, 主次要分明。通常
在网页的上部和左侧放置可以链
接到其他网页的文字或图片作为
目录, 而在网页中间部分是要显示
的主要内容。
3、设置超链接, 方便用户浏
览。
通过网页上的超链接指引用
户查阅本网站的其他网页或者转
向别的网站, 超链接的层次不要超
过三层, 在每个网页上部设置导航
栏和返回主页的超链接。
4、合理使用图像。
图像是网页上不可缺少的一
部分, 画面能够表达许多文字所无
法表现的内容, 同时又吸引了用户
的注意力。但是在使用图像的时候
也要注意恰如其分, 应该是美观和
实用的统一。如果页面上图像过多
过乱, 反而会使主题表达不清。而
且由于图像文件所占的空间大, 增
加了网页的下载时间, 影响用户的
浏览。
5、给网站起个新颖独特的名
字。
一个简练响亮又令人印象深
刻的站名, 不但能让浏览者了解网
站是关于哪些方面的, 而且还能吸
引更多的浏览者。命名时要避免使
用生僻难懂的词汇。
6、及时更新网站的内容。
一成不变的网站很快就会被
人遗忘, 只有经常更新内容, 网站
才有活力。个人网站至少每月应该
给网站添新的内容。
三、把自己的作品和想要展示
的内容制作成网页
使用流行的网页制作工具
Frontpage 2003 或Dreamweaver 等
可以很容易的制作出具有专业水
准的网页。在众多网页组成的网站
中, 其中有一个名字为“Webpage
的网页至关重要, 因为它是浏览者
进入该网站首先看到的页面(又叫
主页), 主页既要表现出网站的风
格、内容, 又要美观、醒目, 吸引浏
览者的注意力。
下面我们主要从网页的各方
面的构成来讲解Frontpage 和
Dreamweaver 结合使用。
1、结构: 网页结构的架构是网
页设计是否成功的关键之一。就像
一只美丽的风筝同样需要科学设
计骨架一样。使用过Frontpage 的
朋友都知道虽然微软宣传所见即
所得, 但是经常会出现我们设计的
结构很好但是预览时候却出现各
个“ 零件” 挪位的情况。而
Dreamweaver 在这方面的要比
Frontpage 的好得多。因此, 在网页
的整体设计阶段, 我建议大家使用
Dreamweaver。等到我们在构建结
构的过程中临时改变主意决定要
加一个图片的时候, 那么小范围的
框架就需要重新设计。如果再使用
Dreamweaver, 他只会增加或者删
除一个网络, 形不成错落有致的局
面。这个时候, 需要你使用Frontpage
的“橡皮”和“画线”工具来帮
助你。使你网页结构美观大方, 设
计合理。在结构的设计过程中, 我
们会常常遇到怎么设计表格更美
观这一问题。如果使用Frontpage
我们必须不断地使用右键改变网
格属性。如果使用Dreamweaver 这
样的事情就会避免发生, 因为
Dreamweaver 的工具栏就浮现在我
文化视野
CulturalField
72
乌
蒙
论
坛
2007
年
第
4
期
们的设计面板上, 所以我们可以进
行更换, 免去了很多的麻烦。
2、源代码: 我们都知道任何一
个所见既所得的软件设计的网页
都有其不合理的地方。一个网页设
计师只懂得使用软件是不行的, 还
要学会编辑网页的源代码, 这样的
网页才能更美观大方。使用
Dreamweaver 的朋友都知道,
Dreamweaver 虽然设计的网页漂
亮, 但是他本身在制作网页的过程
中形成的源代码界面非常模糊。如
果这个时候使用Frontpage 就可以
避免这种现象。在Frontpage 的源文
件项中, 当我们看到网页源代码的
时候, 网页源代码是错落有致, 而且
各种不同的程序例如Javascript、
Java、CSS 等都呈现出各种不同的
颜色。这样可以方便我们更改网页
源代码。但是Frontpage 在这个方面
也有其缺点, 比如在我们的网页中
嵌入的ASP 代码。如果在Frontpage
编辑格式下看到是一片空白, 让我
们常常不知道要编辑代码的位置。
在Dreamweaver 编辑状态下我们就
能够看到各种代码标记, 一般显示
为黄色的小标记。当我们选中它的
时候在源文件状态下就可以方便地
更改我们嵌入各种代码了。这是
Dreamweaver 和Frontpage 在源代
码更换时候结合使用的方法, 建议
大家灵活掌握。
3、修饰: 每一个网页就像一件
艺术品, 他的后期工作应该是精雕
细琢然后才能焕发出光彩。
Dreamweaver 在网页修饰方面远远
不如Frontpage 做的好。比如我们在
网页制作中经常会使用插入搜索
框、下拉框等。如果单纯使用效果很
简单。如果使用一些必要的修饰。那
么我们的网页就会熠熠生辉。使用
Frontpage 修饰边框要比
Dreamweaver 做出来的漂亮得多,
也很有个性。每一个网页设计师都
希望自己设计网页越小越好, 如果
他使用Frontpage, 那么冗余代码就
多, 反之, Dreamweaver 冗余代码相
对较少。在网页的修饰的收尾阶段,
建议大家使用Dreamweaver。
最后需要提醒大家: 在
Dreamweaver 和Frontpage 结合编
辑一个文件的过程中, Dreamweaver
经常会跳出提示, 问你是否保存修
改后的文件, 这个时候一定要看清
楚了再决定!
每一个软件之所以受人喜爱并
保持长久不衰都有其存在的理由。
不要对使用Dreamweaver 还是
Frontpage 而犹豫不决了。在做网页
的过程中, 把二者都打开吧, 你会发
现他们都是你的好朋友!
四、使用动态网页技术, 实现动
态内容更新
目前, 最常用的三种动态网页
语言有ASP (Active Server Pages),
JSP (Java Sever Pages), PHP(Hypertext
Preprocessor)。
ASP 全名Active Server Pages,
是一个WEB 服务器端的开发环
境, 利用它可以产生和执行动态
的、互动的、高性能的WEB 服务应
用程序。ASP 采用脚本语言VBScript(
Java script)作为自己的开发
语言。
PHP 是一种跨平台的服务器
端的嵌入式脚本语言。它大量地借
用C, Java 和Perl 语言的语法, 并
结合PHP 自己的特性, 使WEB
开发者能够快速地写出动态产生
页面。它支持目前绝大多数数据
库。还有一点, PHP 是完全免费的,
不用花钱, 你可以从PHP 官方站
点(http://www.php.net)自由下载。而
且你可以不受限制地获得源码, 甚
至可以从中加进你自己需要的特
色。
JSP 是Sun 公司推出的新一代
网站开发语言, Sun 公司借助自己
在Java 上的不凡造诣, 将Java 从
Java 应用程度和JavaApplet 之外,
又有新的硕果, 就是JSP, Java
Serverpage。JSP 可以在Serverlet 和
JavaBean 的支持下, 完成功能强大
的站点程序。
三者都提供在HTML 代码中
混合某种程序代码、由语言引擎解
释执行程序代码的能力。但JSP 代
码被编译成Servlet 并由Java 虚拟
机解释执行, 这种编译操作权在对
JSP 页面的第一次请求时发生。在
ASP、PHP、JSP 环境下, HTM 代码
主要负责描述信息的显示样式, 而
程序代码则用来描述处理逻辑。普
通的HTML 页面只依赖于Web 服
务器, 而ASP、PHP、JSP 页面需要
附加的语言引擎分析和执行程序代
码。程序代码的执行结果被重新嵌
入到HTML 代码中, 然后一起发送
给浏览器。ASP、PHP、JSP 三者都是
面向Web 服务器的技术, 客户端浏
览器不需要任何附加的软件支持。
技术特点:
ASP:
1、使用VBScript、JScript 等简
单易懂的脚本语言, 结合HTML 代
码, 即可快速地完成网站的应用程
序。
2、无须compile 编译, 容易编
写, 可在服务器端直接执行。
3、使用普通的文本编辑器, 如
文化视野
CulturalField
73
乌
蒙
论
坛
2007
年
第
4
期
Windows 的记事本, 即可进行编辑
设计。
4、与浏览器无关(Browser lndependence),
客户端只要使用可执行
HIML 码的浏览器, 即可浏览Active
Server Pages 所设计的网页内容。
Active ServerPages 所使用的脚本语
言(VBScript、Jscript)均在WEB 服务
器端执行。客户端的浏览器不需要
能够执行这些脚本语言。
5、Active Server Pages 能与任
何Activex scripting 语言兼容。除
了可使用VBScript 或JScript 语言
来设计外, 还通过plug—in 的方
式, 使用由第三方所提供的其它脚
本语言, 譬如REXX、Peri、Tcl 等。
脚本引擎是处理脚本程序的COM
(Compenent Object Model)对象。
6、可使用服务器端的脚本来
产生客户端的脚本。
7、Activex Server Componelts
(Activex 服务器组件) 具有无限可
扩充性。可以使用Visual Basic、
Java、Visual C++、COBOL 等程序设
计语言来编写你所需要的ActiveX
Server Component。
PHP:
PHP 可以编译成具有与许多
数据库相连接的函数。PHP 与
MySQL 是现在绝佳的群组合。你
还可以自己编写外围的函数去间
接存取数据库。通过这样的途径当
你更换使用的数据库时, 可以轻松
地修改编码以适应这样的变化。
PHPLIB 就是最常用的可以提供一
般事务需要的一系列基库。但PHP
提供的数据库接口支持彼此不统
一, 比如对Oracle, mysQL, Sybase
的接口, 彼此都不一样。这也是
PHP 的一个弱点。
JSP:
1、将内容的产生和显示进行
分离。
使用JSP 技术。Web 页面开发
人员可以使用HTML 或者XML 标
识来设计和格式化最终页面。使用
JSP 标识或者小脚本来产生页面上
的动态内容。产生内容的逻辑被封
装在标识和JavaBeans 群组件中,
并且捆绑在小脚本中, 所有的脚本
在服务器端执行。如果核心逻辑被
封装在标识和Beans 中, 那么其它
人, 如Web 管理人员和页面设计
者, 能够编辑和使用JSP 页面, 而
不影响内容的产生。在服务器端,
JSP 引擎解释JSP 标识, 产生所请
求的内容(例如, 通过存取JavaBeans
群组件, 使用JDBC 技术存
取数据库), 并且将结果以HTML(或
者XML)页面的形式发送回浏览器。
这有助于作者保护自己的代码, 而
又保证任何基于HTML 的Web 浏
览器的完全可用性。
2、强调可重用的群组件。
绝大多数JSP 页面依赖于可重
用且跨平台的组件(如: JavaBeans
或者Enterprise JavaBeans) 来执行
应用程序所要求的更为复杂的处
理。开发人员能够共享和交换执行
普通操作的组件, 或者使得这些组
件为更多的使用者或者用户团体所
使用。基于组件的方法加速了总体
开发过程, 并且使得各种群组织在
他们现有的技能和优化结果的开发
努力中得到平衡。
3、采用标识简化页面开发。
Web 页面开发人员不会都是
熟悉脚本语言的程序设计人员。
JavaServer Page 技术封装了许多功
能, 这些功能是在易用的、与JSP 相
关的XML 标识中进行动态内容产
生所需要的。标准的JSP 标识能够
存取和实例化JavaBeans 组件, 设
定或者检索群组件属性, 下载APPlet,
以及执行用其它方法更难于编
码和耗时的功能。通过开发定制化
标识库, JSP 技术是可以扩展的。今
后, 第三方开发人员和其它人员可
以为常用功能建立自己的标识库。
这使得Web 页面开发人员能够使
用熟悉的工具和如同标识一样的执
行特定功能的构件来工作。JSP 技
术很容易整合到多种应用体系结构
中。以利用现存的工具和技巧, 并且
扩展到能够支持企业级的分布式应
用。作为采用Java 技术家族的一部
分, 以及Java2EE 的一个成员, JSP
技术能够支持高度复杂的基于Web
的应用。由于JSP 页面的内置脚本
语言是基于Java 程序设计语言的。
而且所有的JSP 页面都被编译成为
Java Servlet, JSP 页面就具有Java
技术的所有好处, 包括强大的存储
管理和安全性。作为Java 平台的一
部分, JSP 拥有Java 程序设计语言
“一次编写, 各处执行”的特点。随着
越来越多的供货商将JSP 支持加入
到他们的产品中, 您可以使用自己
所选择的服务器和工具, 修改工具
或服务器并不影响目前的应用。
应用范围:
ASP 是Microsoft 开发的动态
网页语言, 也继承了微软产品的一
贯传统, 只能执行于微软的服务器
产品, lIS(Internet lnformation Server)
(windows NT) 和PWS(Personal Web
Server)(windows 98)上。Unix 下也有
ChiliSoft 的组件来支持ASP, 但是
ASP 本身的功能有限, 必须通过
ASP+COM 的群组合来扩充, Unix
文化视野
CulturalField
74
乌
蒙
论
坛
2007
年
第
4
期
下的COM实现起来非常困难。
PHP3 可在Windows, Unix,
Linux 的Web 服务器上正常执行,
还支持IIS, Apache 等一般的Web
服务器, 用户更换平台时, 无需变换
PHP3 代码, 可即拿即用。
JSP 同PHP3 类似, 几乎可以
执行于所有平台。如Win NT, Linux,
Unix。在NT 下IIS 通过一个外
加服务器, 例如JRUN 或者ServletExec,
就能支持JSP。知名的Web
服务器Apache 已经能够支持JSP。
由于Apache 广泛应用在NT、Unix
和Linux 上, 因此JSP 有更广泛的
执行平台。虽然现在NT 操作系统
占了很大的市场份额, 但是在服务
器方面Unix 的优势仍然很大, 而
新崛起的Linux 更是来势不小。从
一个平台移植到另外一个平台,
JSP 和JavaBean 甚至不用重新编
译, 因为Java 字节码都是标准的
与平台无关的。
性能比较:
有人做过试验, 对这三种语言
分别做回圈性能测试及存取Oracle
数据库测试。在循环性能测试
中, JSP 只用了令人吃惊的四秒钟
就结束了20000*20000 的回圈。而
ASP、PHP 测试的是2000*2000 循
环(少一个数量级), 却分别用了63
秒和84 秒。(参考PHPLIB)。数据库
测试中, 三者分别对Oracle8 进行
1000 次Insert, Update, Select 和
Delete: JSP 需要13 秒, PHP 需要
69 秒, ASP 则需要73 秒。
前景分析:
目前在国内PHP 与ASP 应用
最为广泛。而JSP 由于是一种较新
的技术, 国内采用的较少。但在国
外, JSP 已经是比较流行的一种技
术, 尤其是电子商务类的网站, 多
采用JSP。采用PHP 的网站如新浪
网(sina)、中国人(Chinaren)等, 但由
于PHP 本身存在的一些缺点, 使
得它不适合应用于大型电子商务
站点, 而更适合一些小型的商业站
点。首先, PHP 缺乏规模支持。其
次, 缺乏多层结构支持。对于大负
荷站点, 解决方法只有一个: 分布
计算。数据库、应用逻辑层、表示逻
辑层彼此分开, 而且同层也可以根
据流量分开, 群组成二维数组。而
PHP 则缺乏这种支持。还有上面提
到过的一点, PHP 提供的数据库接
口支持不统一, 这就使得它不适合
运用在电子商务中。
ASP 和JSP 则没有以上缺陷,
ASP 可以通过MicrosoftWindows
的COM/DCOM获得ActiveX 规模
支持, 通过DCOM和Transcation-
Server 获得结构支持; JSP 可以通
过SUNJava 的Java Class 和EJB
获得规模支持, 通过EJB/CORBA
以及众多厂商的Application Server
获得结构支持。三者中, JSP 应该
是未来发展的趋势。世界上一些大
的电子商务解决方案提供商都采
用JSP /Servlet。比较出名的如IBM
的E———business, 它的核心是采
用JSP /Servlet 的Web Sphere。它
们都是通过CGI 来提供支持的。但
去年10 月后它推出了Enfinity, 一
个采用JSP /Servlet 的电子商务
Application Server, 而且声言不再
开发传统软件。
总之, ASP, PHP, JSP 三者都
有相当数量的支持者, 由此也可以
看出三者各有所长。正在学习或使
用动态页面的朋友可根据三者的
特点选择一种适合自己的语言。
五、认真地选取测试用例, 进
行交叉测试
当设计工作完成以后, 就应该
着手测试的准备工作了, 一般来
讲, 由自己编写测试大纲, 明确测
试的内容和测试通过的准则, 设计
完整合理的测试用例, 以便系统实
现后进行全面测试。
六、网站的后期完善、宣传及
发展方向
经过努力, 终于建立了自己的
个人网站, 接下来就是要宣传它。
首先让更多的人知道你的网站。最
常用的就是: 向搜索引擎注册。当
用户在门户类网站的搜索引擎中
输入关键词时, 个人网站的信息出
现在搜索结果中。搜索引擎注册过
程: 选用知名度高的网站(如www.
sohu.com), 单击“网站登记”, 打开
网站登陆页面, 单击“没有, 建议登
陆”后面的“>>>”符号, 继续登陆,
指定个人网站所属的网站分类, 再
选择子分类, 根据提示登记资料,
完成后单击“提交”即可。
个人网站建立起来后, 采取正
确的经营与发展策略对网站的成
功与否起着决定性的作用。要准确
把握网站的发展方向, 给网站一个
恰当的定位, 如果建站的目的只是
发布个人信息, 那么网站的发展就
只限于更新网页的内容, 及时添加
个人最新信息。如果建立个人网站
的目标是建立一个广受欢迎的网
站, 进而引来投资发展成为商业网
站, 这就需要根据Internet 的发展
趋势对网站建设做出合理的规划,
这样才能在众多的个人网站中脱
颖而出, 为广大用户所青睐。
( 作者单位: 贵州省毕节市海子街
中学)