個(gè)人網(wǎng)站的規(guī)劃設(shè)計(jì)與建立

1、收稿日期2005-02-18;修改稿收到日期2005-05-28。作者簡(jiǎn)介田海晏(1963-,女,河北任丘人。1998年畢業(yè)于北京化工大學(xué)計(jì)算機(jī)應(yīng)用專業(yè);2005年畢業(yè)于東北大學(xué)控制工程專業(yè),工程碩士,高級(jí)實(shí)驗(yàn)師(本文聯(lián)系人。個(gè)人網(wǎng)站的規(guī)劃設(shè)計(jì)與建立田海晏*鄧雙成楊利華陳鵬飛(北京石油化工學(xué)院,北京102617摘要 隨著Internet 的快速普及,人們已經(jīng)不再滿足于僅僅瀏覽網(wǎng)頁,而是希望更深入地參與到網(wǎng)絡(luò)中,I nternet 的開放性使個(gè)人建立自己的網(wǎng)站成為可能。針對(duì)這種需求,簡(jiǎn)要介紹建立個(gè)人網(wǎng)站幾個(gè)基本環(huán)節(jié)。關(guān)鍵詞 網(wǎng)站 超鏈接 搜索引擎 網(wǎng)頁設(shè)計(jì)隨著網(wǎng)絡(luò)技術(shù)的不斷發(fā)展,網(wǎng)絡(luò)應(yīng)用已經(jīng)滲透

2、到人類社會(huì)的各個(gè)角落。作為網(wǎng)絡(luò)世界的支撐點(diǎn)的網(wǎng)站,更是人們關(guān)注的熱點(diǎn)。越來越多的人希望擁有個(gè)人網(wǎng)站,開辟網(wǎng)絡(luò)世界的一片天地。Internet 的開放性使個(gè)人建立自己的網(wǎng)站成為可能。1 網(wǎng)站策劃設(shè)計(jì)網(wǎng)站除了具有傳播信息的功能外,還代表個(gè)人的形象。因此,網(wǎng)站設(shè)計(jì)對(duì)網(wǎng)頁設(shè)計(jì)的藝術(shù)性提出了更高的要求。/H ome Page 0(主頁的設(shè)計(jì)至關(guān)重要,是網(wǎng)站整體風(fēng)格和內(nèi)容的體現(xiàn),既要美觀,又要主題鮮明、內(nèi)容新穎,才能吸引瀏覽者。所以在建站前一定要全盤規(guī)劃。1.1 定位網(wǎng)站的主題和名稱網(wǎng)站設(shè)計(jì)遇到的第一個(gè)問題是確定主題,即確定網(wǎng)站的性質(zhì)、展示的內(nèi)容、目標(biāo)觀眾等。主題是個(gè)人網(wǎng)站的核心,制作者要根據(jù)自己的能力和

3、特點(diǎn)來確定主題。要選好主題,首先要明確建站目的,準(zhǔn)備為瀏覽者提供何種信息,要從訪問者中得到哪些信息。力求主題明確,內(nèi)容與形式和諧統(tǒng)一。明確主題后,可圍繞題材給網(wǎng)站起名。名稱要正氣、響亮、有特色且能體現(xiàn)一定的內(nèi)涵,才能使人印象深刻而容易記住。第二個(gè)問題是網(wǎng)站的特色欄目。特色欄目是網(wǎng)站的靈魂,制作者或集中精力辦好1、2個(gè)有個(gè)性的欄目,或以某個(gè)主題建立獨(dú)立的網(wǎng)站,切忌追求空洞的大而全。網(wǎng)站只有將獨(dú)具匠心的內(nèi)容和與眾不同的網(wǎng)頁相結(jié)合才會(huì)具有吸引力。同時(shí),要突出內(nèi)容首先要保證快捷的瀏覽速度。1.2 超鏈接的設(shè)置網(wǎng)站希望瀏覽者既可以方便快速地到達(dá)其需要的頁面,又可以清晰地知道自己的位置。通過網(wǎng)頁上的超鏈接

4、可指引瀏覽者查閱本網(wǎng)站的其他網(wǎng)頁或者轉(zhuǎn)向別的網(wǎng)站,超鏈接的層次最好不要超過3層,在每個(gè)網(wǎng)頁上都設(shè)置導(dǎo)航欄和返回主頁的超鏈接。最好的辦法,是將首頁和一級(jí)頁面之間用星狀鏈接結(jié)構(gòu),一級(jí)和二級(jí)頁面之間用樹狀鏈接結(jié)構(gòu)。1.3 合理使用圖像和音樂圖像是網(wǎng)頁上不可缺少的一部分,具有形象、直觀和吸引瀏覽者的作用。但使用圖像應(yīng)注意美觀和實(shí)用的統(tǒng)一,不要過于雜亂,影響主題的表達(dá)。由于圖像文件所占空間較大,會(huì)增加網(wǎng)頁下載時(shí)間,影響瀏覽者的瀏覽。一般情況下,瀏覽者能夠等待網(wǎng)頁打開的時(shí)間不超過30秒,所以在網(wǎng)頁特別是首頁上,不要放太多的圖片。至于音樂,傳輸速度慢,不建議使用。2 制作網(wǎng)頁制作網(wǎng)頁的工具大致分成2類。一類

5、是即見即所得,如:Frontpage 、Dreamwea ver Ultra De v 等,這類軟件使用較簡(jiǎn)單,同時(shí)也是專業(yè)的可視化Web 應(yīng)用程序編輯器和程序生成器。制作者即使不懂編程,也可以輕松地把個(gè)人網(wǎng)頁同大型數(shù)據(jù)庫相連接,與其他瀏覽者交互,較適于初學(xué)者。另一類是文本編輯類,如hotdog 、homesite 、webedit 等都是不錯(cuò)的軟件,適合于已掌握一定html 語法的制作者,其中hotdog 3.0專業(yè)版還附有一些ja va 及active X 的程序,能制作出相當(dāng)具效果的主頁。如果能再運(yùn)用Photo 2shop 等進(jìn)行圖像處理、用Fla sh 、Fireworks 進(jìn)行動(dòng)畫、

6、按紐的設(shè)計(jì)制作等,就能使主頁成為內(nèi)容與個(gè)人創(chuàng)藝和審美的完美結(jié)合,對(duì)網(wǎng)站的整體將起到畫龍點(diǎn)睛的作用。2.1 網(wǎng)頁中的界面設(shè)計(jì)作為網(wǎng)頁界面設(shè)計(jì)者,要理解人們通過網(wǎng)絡(luò)交換信息時(shí)所需要的相互關(guān)聯(lián)的問題點(diǎn)和特性,使之體系化,使瀏覽者能夠在良好的環(huán)境下更便利地應(yīng)用網(wǎng)絡(luò)。與其他界面設(shè)計(jì)相同的是,網(wǎng)頁界面設(shè)計(jì)的核心要素是使用的便利第2期 總第39期2005年6月 石油化工管理干部學(xué)院學(xué)報(bào)JOURNAL OF SINOPEC MANAGEMENT INSTITUTENo.2Sum No.39Jun.2005性和美學(xué)層面的設(shè)計(jì)。網(wǎng)頁界面的構(gòu)成要素,基本由瀏覽軟件,即網(wǎng)頁瀏覽器(工具欄、地址欄、狀態(tài)欄、菜單欄和導(dǎo)航

7、要素(主菜單、子菜單、搜索欄及各種內(nèi)容(標(biāo)志、圖像、文本、著作版權(quán)構(gòu)成。導(dǎo)航要素在整個(gè)網(wǎng)站的作用舉足輕重,也是界面設(shè)計(jì)中必備的要素之一。在網(wǎng)頁界面中,導(dǎo)航要素比其他任何要素都更容易使瀏覽者得到直觀的認(rèn)識(shí)。因此,制作者一定要使瀏覽者更容易理解和運(yùn)用導(dǎo)航要素。在網(wǎng)站上通?？梢钥吹降膬?nèi)容有網(wǎng)站的標(biāo)志(We b Logo、圖像、正文、著作版權(quán)等項(xiàng)目。其中,網(wǎng)站的標(biāo)志是區(qū)別制作者的網(wǎng)站與其他網(wǎng)站的重要標(biāo)志。網(wǎng)站菜單一般使用文本形式的超鏈接或應(yīng)用圖像。最近,運(yùn)用Flash 交互式特性的Flash菜單被廣泛地采用。圖像在大部分網(wǎng)站中對(duì)調(diào)節(jié)氛圍起到最大的作用。內(nèi)容區(qū)無疑是瀏覽者的主要目標(biāo),所以網(wǎng)站的內(nèi)容要精煉

8、實(shí)用。使瀏覽者得到所需的有效信息并/滿載而歸0,是網(wǎng)站流量的必要因素。著作版權(quán)也是界面中的重要內(nèi)容,涉及到知識(shí)產(chǎn)權(quán)的問題,制作者應(yīng)習(xí)慣使著作版權(quán)在頁面上有所顯示。2.2網(wǎng)頁設(shè)計(jì)的布局網(wǎng)頁設(shè)計(jì)中所講究的布局(Layout,就是把進(jìn)入網(wǎng)頁的各種構(gòu)成要素(文字、照片、圖像、圖表、菜單等在網(wǎng)頁瀏覽器里有效地排列起來。在設(shè)計(jì)網(wǎng)頁時(shí),要從整體上把握好各頁面的布局,主要是利用表格或網(wǎng)格等。只有充分利用、有效地分割有限空間,創(chuàng)造出新的空間,并使其布局合理,才能制作出很好的網(wǎng)頁。為此,仔細(xì)觀察各種形態(tài)的網(wǎng)站布局是十分必要的。以下是根據(jù)筆者的實(shí)際創(chuàng)作列出的常見布局(由于篇幅所限沒有附圖:(1兼顧型頁面布局。在網(wǎng)頁

9、設(shè)計(jì)中,布局的難點(diǎn)在于瀏覽者各自的環(huán)境是不同的,如果采用一般的編輯設(shè)計(jì),它的結(jié)果通常是一樣的,但網(wǎng)頁存在太多的變數(shù),能否有效地處理這些情況在網(wǎng)頁布局的設(shè)計(jì)中是至關(guān)重要的。在常用的1024768(像素分辨率和800X600(像素分辨率下都很美觀的布局設(shè)計(jì)實(shí)際就是相當(dāng)困難的,但這也是設(shè)計(jì)者必須思考的問題。所以在此筆者稱之為兼顧型,意思就是既照顧使用1024768(像素分辨率的瀏覽者又兼顧使用800600(像素分辨率的瀏覽者。(2內(nèi)容排在左側(cè)的頁面布局。這是頁面排列方法中使用較多的一種,以畫面左側(cè)為基準(zhǔn),布局的基本框架為800600(像素的分辨率,頁面的布局一般橫向都設(shè)計(jì)得比800像素要小些,因?yàn)榭v

10、向有滾動(dòng)條出現(xiàn),所以對(duì)縱向的長度沒有特別的要求,通常情況下把橫向設(shè)為580 780像素。(3內(nèi)容排在中央的頁面布局。如果想在任何分辨率下都可以在畫面的正中央位置看到內(nèi)容的話,一般把橫向和縱向都制成100%的布局框架。在這個(gè)布局框架里面,單元的排列屬性設(shè)置為水平-垂直中央排列(td align= /center0valign=/middle0之后,在這個(gè)單元里面再次插入表格的方法是比較常用的。除了這種方法外,雖然還有利用Layer和JavaScript的方法,但大部分是使用上面所說的方法。以上3種頁面布局是當(dāng)前很普遍也比較流行的布局方法,其他還有使用整個(gè)畫面的頁面布局,依據(jù)空間分割方向的布局模式

11、:縱向分割格式、橫向分割格式、橫向-縱向混合型格式等。此外,還有一些設(shè)計(jì)成/T0字型、/川0字型、/回0字型的頁面布局。3免費(fèi)網(wǎng)頁空間的申請(qǐng)網(wǎng)頁制作好,需找一個(gè)主頁的存放空間。在Inte rne t 上有許多網(wǎng)站提供免費(fèi)主頁空間,申請(qǐng)到一個(gè)理想的免費(fèi)主頁空間比較關(guān)鍵。制作者要考慮該網(wǎng)站的知名度、實(shí)力、訪問速度以及免費(fèi)空間的大小和其他服務(wù)。判斷存放場(chǎng)所優(yōu)劣的標(biāo)準(zhǔn):¹接通速度;º服務(wù)器穩(wěn)定性;»是否提供C GI(公共網(wǎng)關(guān)接口權(quán)限及安裝Mi crosoft Frontpage Se rve r Extension;¼提供空間的大小(一般應(yīng)選擇10M以上。但是,

12、免費(fèi)空間一般都有限制,如:空間大小、上傳文件速度、使用期限、瀏覽者的管理權(quán)限、網(wǎng)站的穩(wěn)定性等。如遇被關(guān)閉空間,將給制作者帶來丟失資料等損失。4域名的申請(qǐng)?jiān)诮榻B域名申請(qǐng)之前,有必要了解一下域名系統(tǒng)(Domain Name System,DNS的后綴及分別代表的意義:¹edu(教育及學(xué)術(shù)單位;ºcom(公司或商業(yè)組織;»gov(政府單位;¼mil(軍事單位;½org(財(cái)團(tuán)法人,基金會(huì)等非官方單位;¾net(網(wǎng)絡(luò)管理服務(wù)機(jī)構(gòu);¿int(國際性組織;Àapra(即APRANET Internet的起源;Á國別名(

13、國家及地區(qū)代碼:依ISO標(biāo)準(zhǔn)定義,例如:c n代表中國?，F(xiàn)有域名分國際英文域名(.c om/.net/.org、中國國家頂級(jí)域名(.cn/.c om.c n/ V域名、.C C域名、.info/. biz/.us等。中文國內(nèi)域名:最標(biāo)準(zhǔn)的中國國家頂級(jí)域名,完全代表中國的權(quán)威標(biāo)志,擁有全部域名管理權(quán),可任意修改域名聯(lián)系人信息,自由設(shè)定URL轉(zhuǎn)發(fā)、A記錄,自由設(shè)定IP 指向、CNAME,自由設(shè)定Mail指向等。域名存在免費(fèi)域名和收費(fèi)域名。免費(fèi)域名一般使用一些網(wǎng)站的二級(jí)域名,使用免費(fèi)二級(jí)域名在跳轉(zhuǎn)頁面時(shí)會(huì)有大量廣告,也會(huì)受到使用期的限制。所以,建議使用收費(fèi)域名,可提高自主性。5站點(diǎn)發(fā)布申請(qǐng)免費(fèi)網(wǎng)頁空

14、間成功后,要把個(gè)人網(wǎng)站的文件上傳#74#石油化工管理干部學(xué)院學(xué)報(bào)2005年第2期到提供免費(fèi)網(wǎng)頁空間的服務(wù)器。主頁上傳可采用免費(fèi)主頁提供商提供的http 或FT P 方式。使用http 傳輸方式,只需由瀏覽器進(jìn)入提供商主頁,登錄到制作者的帳戶上,選擇http 傳輸方式后,就可以直接選擇自己硬盤上的文件上傳了。如采用其提供的FTP 方式,可以利用C uteFtp3.0支持多個(gè)文件上傳和直接窗口拖放的功能來實(shí)現(xiàn)。還可運(yùn)行FrongPage2000發(fā)布站點(diǎn)。6 推廣和宣傳個(gè)人網(wǎng)站宣傳效果是網(wǎng)站能否發(fā)揮作用的關(guān)鍵所在。個(gè)人網(wǎng)站的宣傳有很多種方法,筆者介紹最常見的幾種:(2到國內(nèi)外ISP 中的個(gè)人空間欄目

15、中登記網(wǎng)站,根據(jù)網(wǎng)站的內(nèi)容選取不同的類型登記。(3與相關(guān)網(wǎng)站做友情鏈接。目前許多網(wǎng)站都有宣傳的積極性,因此大多數(shù)站點(diǎn)都愿意與別人的主頁做友情連接。(4廣告交換。在主頁上顯示廣告提供商提供的廣告條幅,每顯示1次,制作者的廣告條幅就可以在別人的主頁上顯示0.5至1次不等。國內(nèi)這樣的廣告商不少,如著另外,還可以采用利用留言板保留網(wǎng)站的地址,在報(bào)刊、網(wǎng)站發(fā)表文章時(shí)注明地址,在新聞組上發(fā)布主頁,在主頁中放置計(jì)數(shù)器、通過排行榜來吸引訪客等方法。7 網(wǎng)站計(jì)數(shù)器和BB S 在網(wǎng)站中的制作網(wǎng)站計(jì)數(shù)器可以提高網(wǎng)站訪問量和網(wǎng)站流量,另外,還可以通過計(jì)數(shù)器中的IP 記錄了解哪些地方的人關(guān)注制作者的網(wǎng)站。為了吸引更多的

16、瀏覽人群,建立一個(gè)有特色的BB S 對(duì)于網(wǎng)站有很大的好處。因?yàn)锽 BS 可以實(shí)現(xiàn)網(wǎng)站的交互性。在設(shè)置B BS 版塊的時(shí)候,有人認(rèn)為版塊越多瀏覽人群也越多,也有人認(rèn)為版塊越專越好,但是要根據(jù)網(wǎng)站的內(nèi)容和剛開始建網(wǎng)站的目標(biāo)人群來劃分BB S 的版塊。個(gè)人網(wǎng)站建立起來后,采取正確的經(jīng)營與發(fā)展策略對(duì)網(wǎng)站的成功與否起著決定性的作用。要想保持網(wǎng)站的瀏覽人數(shù),就要做到使網(wǎng)頁的內(nèi)容及時(shí)、新鮮、豐富,這是吸引瀏覽者訪問的重要條件。參 考 文 獻(xiàn)2 成棟等譯.FrontPage 2000從入門到精通.北京:電子工業(yè)出版社,20003 Jakob Nielsen(美.Web 可用性設(shè)計(jì).北京:人民郵電出版社,200

17、05 伍梵華.網(wǎng)頁設(shè)計(jì)與網(wǎng)站開發(fā)HTML 網(wǎng)頁制作網(wǎng)站開發(fā)完全實(shí)戰(zhàn).北京:航空工業(yè)出版社,20006 黃在賢(韓.Better Web Design-設(shè)計(jì)師談精彩網(wǎng)頁設(shè)計(jì).北京:電子工業(yè)出版社,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