个人网站的规划设计与建立

1、收稿日期2005-02-18;修改稿收到日期2005-05-28。作者简介田海晏(1963-,女,河北任丘人。1998年毕业于北京化工大学计算机应用专业;2005年毕业于东北大学控制工程专业,工程硕士,高级实验师(本文联系人。个人网站的规划设计与建立田海晏*邓双成杨利华陈鹏飞(北京石油化工学院,北京102617摘要 随着Internet 的快速普及,人们已经不再满足于仅仅浏览网页,而是希望更深入地参与到网络中,I nternet 的开放性使个人建立自己的网站成为可能。针对这种需求,简要介绍建立个人网站几个基本环节。关键词 网站 超链接 搜索引擎 网页设计随着网络技术的不断发展,网络应用已经渗透

2、到人类社会的各个角落。作为网络世界的支撑点的网站,更是人们关注的热点。越来越多的人希望拥有个人网站,开辟网络世界的一片天地。Internet 的开放性使个人建立自己的网站成为可能。1 网站策划设计网站除了具有传播信息的功能外,还代表个人的形象。因此,网站设计对网页设计的艺术性提出了更高的要求。/H ome Page 0(主页的设计至关重要,是网站整体风格和内容的体现,既要美观,又要主题鲜明、内容新颖,才能吸引浏览者。所以在建站前一定要全盘规划。1.1 定位网站的主题和名称网站设计遇到的第一个问题是确定主题,即确定网站的性质、展示的内容、目标观众等。主题是个人网站的核心,制作者要根据自己的能力和

3、特点来确定主题。要选好主题,首先要明确建站目的,准备为浏览者提供何种信息,要从访问者中得到哪些信息。力求主题明确,内容与形式和谐统一。明确主题后,可围绕题材给网站起名。名称要正气、响亮、有特色且能体现一定的内涵,才能使人印象深刻而容易记住。第二个问题是网站的特色栏目。特色栏目是网站的灵魂,制作者或集中精力办好1、2个有个性的栏目,或以某个主题建立独立的网站,切忌追求空洞的大而全。网站只有将独具匠心的内容和与众不同的网页相结合才会具有吸引力。同时,要突出内容首先要保证快捷的浏览速度。1.2 超链接的设置网站希望浏览者既可以方便快速地到达其需要的页面,又可以清晰地知道自己的位置。通过网页上的超链接

4、可指引浏览者查阅本网站的其他网页或者转向别的网站,超链接的层次最好不要超过3层,在每个网页上都设置导航栏和返回主页的超链接。最好的办法,是将首页和一级页面之间用星状链接结构,一级和二级页面之间用树状链接结构。1.3 合理使用图像和音乐图像是网页上不可缺少的一部分,具有形象、直观和吸引浏览者的作用。但使用图像应注意美观和实用的统一,不要过于杂乱,影响主题的表达。由于图像文件所占空间较大,会增加网页下载时间,影响浏览者的浏览。一般情况下,浏览者能够等待网页打开的时间不超过30秒,所以在网页特别是首页上,不要放太多的图片。至于音乐,传输速度慢,不建议使用。2 制作网页制作网页的工具大致分成2类。一类

5、是即见即所得,如:Frontpage 、Dreamwea ver Ultra De v 等,这类软件使用较简单,同时也是专业的可视化Web 应用程序编辑器和程序生成器。制作者即使不懂编程,也可以轻松地把个人网页同大型数据库相连接,与其他浏览者交互,较适于初学者。另一类是文本编辑类,如hotdog 、homesite 、webedit 等都是不错的软件,适合于已掌握一定html 语法的制作者,其中hotdog 3.0专业版还附有一些ja va 及active X 的程序,能制作出相当具效果的主页。如果能再运用Photo 2shop 等进行图像处理、用Fla sh 、Fireworks 进行动画、

6、按纽的设计制作等,就能使主页成为内容与个人创艺和审美的完美结合,对网站的整体将起到画龙点睛的作用。2.1 网页中的界面设计作为网页界面设计者,要理解人们通过网络交换信息时所需要的相互关联的问题点和特性,使之体系化,使浏览者能够在良好的环境下更便利地应用网络。与其他界面设计相同的是,网页界面设计的核心要素是使用的便利第2期 总第39期2005年6月 石油化工管理干部学院学报JOURNAL OF SINOPEC MANAGEMENT INSTITUTENo.2Sum No.39Jun.2005性和美学层面的设计。网页界面的构成要素,基本由浏览软件,即网页浏览器(工具栏、地址栏、状态栏、菜单栏和导航

7、要素(主菜单、子菜单、搜索栏及各种内容(标志、图像、文本、著作版权构成。导航要素在整个网站的作用举足轻重,也是界面设计中必备的要素之一。在网页界面中,导航要素比其他任何要素都更容易使浏览者得到直观的认识。因此,制作者一定要使浏览者更容易理解和运用导航要素。在网站上通常可以看到的内容有网站的标志(We b Logo、图像、正文、著作版权等项目。其中,网站的标志是区别制作者的网站与其他网站的重要标志。网站菜单一般使用文本形式的超链接或应用图像。最近,运用Flash 交互式特性的Flash菜单被广泛地采用。图像在大部分网站中对调节氛围起到最大的作用。内容区无疑是浏览者的主要目标,所以网站的内容要精炼

8、实用。使浏览者得到所需的有效信息并/满载而归0,是网站流量的必要因素。著作版权也是界面中的重要内容,涉及到知识产权的问题,制作者应习惯使著作版权在页面上有所显示。2.2网页设计的布局网页设计中所讲究的布局(Layout,就是把进入网页的各种构成要素(文字、照片、图像、图表、菜单等在网页浏览器里有效地排列起来。在设计网页时,要从整体上把握好各页面的布局,主要是利用表格或网格等。只有充分利用、有效地分割有限空间,创造出新的空间,并使其布局合理,才能制作出很好的网页。为此,仔细观察各种形态的网站布局是十分必要的。以下是根据笔者的实际创作列出的常见布局(由于篇幅所限没有附图:(1兼顾型页面布局。在网页

9、设计中,布局的难点在于浏览者各自的环境是不同的,如果采用一般的编辑设计,它的结果通常是一样的,但网页存在太多的变数,能否有效地处理这些情况在网页布局的设计中是至关重要的。在常用的1024768(像素分辨率和800X600(像素分辨率下都很美观的布局设计实际就是相当困难的,但这也是设计者必须思考的问题。所以在此笔者称之为兼顾型,意思就是既照顾使用1024768(像素分辨率的浏览者又兼顾使用800600(像素分辨率的浏览者。(2内容排在左侧的页面布局。这是页面排列方法中使用较多的一种,以画面左侧为基准,布局的基本框架为800600(像素的分辨率,页面的布局一般横向都设计得比800像素要小些,因为纵

10、向有滚动条出现,所以对纵向的长度没有特别的要求,通常情况下把横向设为580 780像素。(3内容排在中央的页面布局。如果想在任何分辨率下都可以在画面的正中央位置看到内容的话,一般把横向和纵向都制成100%的布局框架。在这个布局框架里面,单元的排列属性设置为水平-垂直中央排列(td align= /center0valign=/middle0之后,在这个单元里面再次插入表格的方法是比较常用的。除了这种方法外,虽然还有利用Layer和JavaScript的方法,但大部分是使用上面所说的方法。以上3种页面布局是当前很普遍也比较流行的布局方法,其他还有使用整个画面的页面布局,依据空间分割方向的布局模式

11、:纵向分割格式、横向分割格式、横向-纵向混合型格式等。此外,还有一些设计成/T0字型、/川0字型、/回0字型的页面布局。3免费网页空间的申请网页制作好,需找一个主页的存放空间。在Inte rne t 上有许多网站提供免费主页空间,申请到一个理想的免费主页空间比较关键。制作者要考虑该网站的知名度、实力、访问速度以及免费空间的大小和其他服务。判断存放场所优劣的标准:¹接通速度;º服务器稳定性;»是否提供C GI(公共网关接口权限及安装Mi crosoft Frontpage Se rve r Extension;¼提供空间的大小(一般应选择10M以上。但是,

12、免费空间一般都有限制,如:空间大小、上传文件速度、使用期限、浏览者的管理权限、网站的稳定性等。如遇被关闭空间,将给制作者带来丢失资料等损失。4域名的申请在介绍域名申请之前,有必要了解一下域名系统(Domain Name System,DNS的后缀及分别代表的意义:¹edu(教育及学术单位;ºcom(公司或商业组织;»gov(政府单位;¼mil(军事单位;½org(财团法人,基金会等非官方单位;¾net(网络管理服务机构;¿int(国际性组织;Àapra(即APRANET Internet的起源;Á国别名(

13、国家及地区代码:依ISO标准定义,例如:c n代表中国。现有域名分国际英文域名(.c om/.net/.org、中国国家顶级域名(.cn/.c om.c n/ V域名、.C C域名、.info/. biz/.us等。中文国内域名:最标准的中国国家顶级域名,完全代表中国的权威标志,拥有全部域名管理权,可任意修改域名联系人信息,自由设定URL转发、A记录,自由设定IP 指向、CNAME,自由设定Mail指向等。域名存在免费域名和收费域名。免费域名一般使用一些网站的二级域名,使用免费二级域名在跳转页面时会有大量广告,也会受到使用期的限制。所以,建议使用收费域名,可提高自主性。5站点发布申请免费网页空

14、间成功后,要把个人网站的文件上传#74#石油化工管理干部学院学报2005年第2期到提供免费网页空间的服务器。主页上传可采用免费主页提供商提供的http 或FT P 方式。使用http 传输方式,只需由浏览器进入提供商主页,登录到制作者的帐户上,选择http 传输方式后,就可以直接选择自己硬盘上的文件上传了。如采用其提供的FTP 方式,可以利用C uteFtp3.0支持多个文件上传和直接窗口拖放的功能来实现。还可运行FrongPage2000发布站点。6 推广和宣传个人网站宣传效果是网站能否发挥作用的关键所在。个人网站的宣传有很多种方法,笔者介绍最常见的几种:(2到国内外ISP 中的个人空间栏目

15、中登记网站,根据网站的内容选取不同的类型登记。(3与相关网站做友情链接。目前许多网站都有宣传的积极性,因此大多数站点都愿意与别人的主页做友情连接。(4广告交换。在主页上显示广告提供商提供的广告条幅,每显示1次,制作者的广告条幅就可以在别人的主页上显示0.5至1次不等。国内这样的广告商不少,如著另外,还可以采用利用留言板保留网站的地址,在报刊、网站发表文章时注明地址,在新闻组上发布主页,在主页中放置计数器、通过排行榜来吸引访客等方法。7 网站计数器和BB S 在网站中的制作网站计数器可以提高网站访问量和网站流量,另外,还可以通过计数器中的IP 记录了解哪些地方的人关注制作者的网站。为了吸引更多的

16、浏览人群,建立一个有特色的BB S 对于网站有很大的好处。因为B BS 可以实现网站的交互性。在设置B BS 版块的时候,有人认为版块越多浏览人群也越多,也有人认为版块越专越好,但是要根据网站的内容和刚开始建网站的目标人群来划分BB S 的版块。个人网站建立起来后,采取正确的经营与发展策略对网站的成功与否起着决定性的作用。要想保持网站的浏览人数,就要做到使网页的内容及时、新鲜、丰富,这是吸引浏览者访问的重要条件。参 考 文 献2 成栋等译.FrontPage 2000从入门到精通.北京:电子工业出版社,20003 Jakob Nielsen(美.Web 可用性设计.北京:人民邮电出版社,200

17、05 伍梵华.网页设计与网站开发HTML 网页制作网站开发完全实战.北京:航空工业出版社,20006 黄在贤(韩.Better Web Design-设计师谈精彩网页设计.北京:电子工业出版社,2004Plan Design an Establishment of Personal WebsiteTia n Haiyan ,Deng Shua ngcheng,Y a ng Lihua ,Chen Pengf ei(Beijing Ins titute petrochemical Technology,Beijing 102617ChinaAbstract With rapid popularization of Internet,people are not satisfied with only browsing,but hoping to participating in Internet more deeply,the open of Internet made it possible to establish personal web.For this need,briefly introduced basic steps of establishing persona