科學(xué)數(shù)據(jù)庫(kù)網(wǎng)站建設(shè)技術(shù)分析

科學(xué)數(shù)據(jù)庫(kù)網(wǎng)站建設(shè)技術(shù)分析

0網(wǎng)頁(yè)建設(shè)技術(shù)研究背景在網(wǎng)絡(luò)時(shí)代，創(chuàng)造了新的工作和生活方式，連接、開(kāi)放和共享信息的模式，打破了傳統(tǒng)信息交流的巨大障礙，帶來(lái)了新的機(jī)遇。隨著計(jì)算機(jī)和信息時(shí)代的到來(lái)，人類社會(huì)前進(jìn)的腳步在逐漸加快。近幾年網(wǎng)頁(yè)設(shè)計(jì)發(fā)展迅猛，讓人目不暇接。要想設(shè)計(jì)美觀實(shí)用的網(wǎng)頁(yè)就應(yīng)該深入掌握網(wǎng)站建設(shè)技術(shù)。在“科學(xué)數(shù)據(jù)庫(kù)網(wǎng)站”的建設(shè)中，分析了網(wǎng)站建立的目的、內(nèi)容、功能、結(jié)構(gòu)，應(yīng)用了更多的網(wǎng)頁(yè)設(shè)計(jì)技術(shù)。1網(wǎng)絡(luò)定義1.1網(wǎng)站的定義與設(shè)計(jì)確定網(wǎng)站的任務(wù)和目標(biāo)，是建設(shè)網(wǎng)站所面臨的最重要的問(wèn)題。為什么人們會(huì)來(lái)到你的網(wǎng)站？你有獨(dú)特的服務(wù)嗎？人們第一次到你的網(wǎng)站是為了什么？他們還會(huì)再來(lái)嗎？這些問(wèn)題都是定義網(wǎng)站時(shí)必須考慮的問(wèn)題。要定義網(wǎng)站，首先，必須對(duì)整個(gè)網(wǎng)站有清晰的認(rèn)識(shí)，弄清到底要設(shè)計(jì)什么、主要的目的與任務(wù)是什么、如何對(duì)任務(wù)進(jìn)行組織與規(guī)劃；其次，保持網(wǎng)站的高品質(zhì)。在眾多網(wǎng)站的激烈競(jìng)爭(zhēng)中，高品質(zhì)的產(chǎn)品是長(zhǎng)期競(jìng)爭(zhēng)的最大優(yōu)勢(shì)。優(yōu)秀的網(wǎng)站應(yīng)具備：1）用戶訪問(wèn)網(wǎng)站的速度要快；2）注意反饋與更新。及時(shí)更新網(wǎng)站內(nèi)容，及時(shí)反饋用戶的要求；3）首頁(yè)設(shè)計(jì)要合理。首頁(yè)給訪問(wèn)者留下的第一印象很重要，設(shè)計(jì)務(wù)必精美，以求產(chǎn)生良好的視覺(jué)效果。1.2政府網(wǎng)站的設(shè)計(jì)是一個(gè)復(fù)雜、功能的網(wǎng)站，根據(jù)信息在網(wǎng)站的內(nèi)容方面，要做到新、快、全。網(wǎng)站內(nèi)容的類型包括靜態(tài)的、動(dòng)態(tài)的、功能的和事物處理的。確定網(wǎng)站的內(nèi)容是根據(jù)網(wǎng)站的性質(zhì)決定的，在設(shè)計(jì)政府網(wǎng)站、商業(yè)網(wǎng)站、科普性網(wǎng)站、公司介紹網(wǎng)站、教學(xué)交流網(wǎng)站等的內(nèi)容和風(fēng)格時(shí)各有不同?！翱茖W(xué)數(shù)據(jù)庫(kù)網(wǎng)站”同這些類型網(wǎng)站的性質(zhì)均不相同。2網(wǎng)絡(luò)結(jié)構(gòu)2.1web結(jié)構(gòu)的特點(diǎn)做網(wǎng)站前，必須首先進(jìn)行規(guī)劃，以確定整個(gè)網(wǎng)站的鏈接層次及相互之間的關(guān)系。設(shè)計(jì)網(wǎng)站結(jié)構(gòu)時(shí)，可以有多種結(jié)構(gòu)供選擇，一般有以下標(biāo)準(zhǔn)結(jié)構(gòu)：1）分級(jí)結(jié)構(gòu)即樹(shù)狀結(jié)構(gòu)，這是使用得最多的結(jié)構(gòu)。這種結(jié)構(gòu)的網(wǎng)站從主頁(yè)開(kāi)始，從1級(jí)結(jié)構(gòu)逐漸分支，分別進(jìn)入下級(jí)的結(jié)構(gòu)，基本的分級(jí)規(guī)則是根據(jù)不同的內(nèi)容進(jìn)行不斷地細(xì)分而形成的。使用樹(shù)狀結(jié)構(gòu)的網(wǎng)站往往具有清晰的結(jié)構(gòu)，也非常適合瀏覽者的習(xí)慣，即由總目錄開(kāi)始進(jìn)入分目錄，最后進(jìn)入實(shí)際內(nèi)容的頁(yè)面。2)Web結(jié)構(gòu)也就是瀏覽者可以從網(wǎng)站的任意頁(yè)面出發(fā)，最后遍及整個(gè)網(wǎng)站的所有頁(yè)面。它對(duì)于那些沒(méi)有任何目的的讀者是最合適的。這種結(jié)構(gòu)的網(wǎng)站容易使瀏覽者迷路，所以一般在每個(gè)網(wǎng)頁(yè)的適當(dāng)位置添加導(dǎo)航條，以便瀏覽者快速地返回某個(gè)主題的起始網(wǎng)頁(yè)中。總之，網(wǎng)站的整體連接不能過(guò)于復(fù)雜，要盡量使瀏覽者瀏覽起來(lái)比較輕松。整個(gè)網(wǎng)站的結(jié)構(gòu)要易于維護(hù)、修改，便于日后增加或刪除頁(yè)面。2.2網(wǎng)站獲取系統(tǒng)故事問(wèn)題用戶如何訪問(wèn)網(wǎng)站？怎樣從一個(gè)地方到另一個(gè)地方？怎樣防止它們走丟？這是定義網(wǎng)站導(dǎo)航系統(tǒng)所要解決的問(wèn)題。網(wǎng)站的結(jié)構(gòu)清單是全局導(dǎo)航系統(tǒng)的基礎(chǔ)，使用戶很方便地在不同部分之間跳轉(zhuǎn)。局部導(dǎo)航可以有不同的形式，可以是主題的列表，可以是選項(xiàng)菜單的形式，或者是一些相關(guān)條目的列表。2.3網(wǎng)站結(jié)構(gòu)的建立網(wǎng)站的可視化設(shè)計(jì)的主要目的是提供給用戶一個(gè)可以去的地方。用戶需要知道他們正在哪里，去過(guò)哪里，和怎樣去想去的地方。一個(gè)好的網(wǎng)站結(jié)構(gòu)使用戶對(duì)網(wǎng)站在腦海中有一個(gè)景象。第一步是制作定義網(wǎng)站在頁(yè)面一級(jí)上的結(jié)構(gòu)和組織的布局網(wǎng)格；然后，設(shè)計(jì)建立一般表現(xiàn)的框架。布局網(wǎng)格和設(shè)計(jì)框架一起構(gòu)造頁(yè)面模型，同時(shí)它們又是基于Web的原型結(jié)構(gòu)。2.4數(shù)據(jù)庫(kù)網(wǎng)站設(shè)計(jì)設(shè)計(jì)框架用來(lái)建立對(duì)網(wǎng)站的直觀感受。它可以與修飾風(fēng)格或網(wǎng)站結(jié)構(gòu)基本原理結(jié)合起來(lái)。通常，此項(xiàng)工作可以與其他信息結(jié)構(gòu)過(guò)程同時(shí)進(jìn)行?？蚣懿灰欢ㄒ斫Y(jié)構(gòu)或組織。通過(guò)把設(shè)計(jì)框架和布局網(wǎng)格結(jié)合起來(lái)實(shí)現(xiàn)真正的網(wǎng)站，用最喜歡的圖形軟件建立網(wǎng)站的框架。就網(wǎng)頁(yè)設(shè)計(jì)而言，重點(diǎn)是先設(shè)計(jì)出來(lái)，并將構(gòu)思好的結(jié)構(gòu)利用圖形表現(xiàn)出來(lái)，然后將圖像轉(zhuǎn)換成網(wǎng)頁(yè)。另一種選擇是用HTML做頁(yè)面模型，把設(shè)計(jì)框架的組件作為圖形。頁(yè)面模型是基于Web原型的基礎(chǔ)，是建立實(shí)際網(wǎng)站的基礎(chǔ)。在科學(xué)數(shù)據(jù)庫(kù)網(wǎng)站中，使用了樹(shù)狀結(jié)構(gòu)，將專業(yè)數(shù)據(jù)庫(kù)、非專業(yè)數(shù)據(jù)庫(kù)及幾個(gè)輔助欄目逐級(jí)展開(kāi)。在網(wǎng)站內(nèi)容和功能的策劃中，增加了“技術(shù)論壇”欄目，使用戶之間能夠隨時(shí)進(jìn)行技術(shù)的討論；增加了“科技導(dǎo)航”欄目，使訪問(wèn)這個(gè)網(wǎng)站的用戶還能檢索到所關(guān)注的其他國(guó)內(nèi)外科技信息。在定義導(dǎo)航時(shí)，考慮到專業(yè)、非專業(yè)數(shù)據(jù)庫(kù)與幾個(gè)輔助欄目之間的導(dǎo)航，以及各級(jí)頁(yè)面中的導(dǎo)航，設(shè)計(jì)了相關(guān)的導(dǎo)航按鈕，這樣用戶能夠很方便地跳轉(zhuǎn)不同的部分。在庫(kù)的檢索中，當(dāng)用戶選中某庫(kù)時(shí)，設(shè)計(jì)了下拉菜單的形式，列出有關(guān)的信息，使網(wǎng)站的層次結(jié)構(gòu)清晰明了，簡(jiǎn)化了頁(yè)面的訪問(wèn)過(guò)程，同時(shí)新穎的方式又使網(wǎng)站活潑富有吸引力。3網(wǎng)頁(yè)設(shè)計(jì)技術(shù)隨著人們對(duì)設(shè)計(jì)的要求越來(lái)越高，高格調(diào)、高品位的設(shè)計(jì)作品才深受人們的歡迎。這也就給設(shè)計(jì)者們提出了更高的要求，從這個(gè)角度說(shuō)，版式設(shè)計(jì)正是滿足了人們的要求應(yīng)運(yùn)而生?？萍嫉娘w躍發(fā)展，讓Internet走進(jìn)了千家萬(wàn)戶，也產(chǎn)生出新的設(shè)計(jì)領(lǐng)域空間，而網(wǎng)頁(yè)設(shè)計(jì)成為設(shè)計(jì)領(lǐng)域的重要內(nèi)容。優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)，必須有好的創(chuàng)意，才能使觀者視線久久難移，產(chǎn)生震撼力。版面設(shè)計(jì)是很重要的，通過(guò)文字、圖形的空間組合，能最佳地表達(dá)出和諧與美。如果想進(jìn)一步認(rèn)識(shí)網(wǎng)頁(yè)設(shè)計(jì)，做出有別于一般網(wǎng)站的網(wǎng)頁(yè)就需要掌握更多的象CSS,JavaScript,CGI等網(wǎng)頁(yè)設(shè)計(jì)技術(shù)?？茖W(xué)數(shù)據(jù)庫(kù)網(wǎng)站的建設(shè)應(yīng)用了CSS,JavaScript等網(wǎng)頁(yè)設(shè)計(jì)技術(shù)。3.1應(yīng)用網(wǎng)絡(luò)設(shè)計(jì)3.1.1利用層壓技術(shù)的技術(shù)解決網(wǎng)頁(yè)新風(fēng)格和格式的問(wèn)題CSS是一種樣式表（stylesheet）技術(shù)，也有的人稱之為層疊樣式表（cascadingstylesheet）。在主頁(yè)制作中采用CSS技術(shù)時(shí)，只要對(duì)相應(yīng)的代碼做一些簡(jiǎn)單的修改，就可以改變同一頁(yè)面的不同部分或者網(wǎng)頁(yè)的外觀和格式。使用CSS可有效地對(duì)頁(yè)面的布局、字體、顏色、背景和其他效果實(shí)現(xiàn)更加精確的控制；可輕松地控制頁(yè)面的布局；可將許多網(wǎng)頁(yè)的風(fēng)格格式同時(shí)更新；也可將站點(diǎn)上所有的網(wǎng)頁(yè)風(fēng)格使用一個(gè)CSS文件進(jìn)行控制，只要修改這個(gè)CSS文件中相應(yīng)的行，整個(gè)站點(diǎn)的所有頁(yè)面都會(huì)隨之發(fā)生變動(dòng)。3.1.2外部樣式表文件將所定義的CSS內(nèi)容書(shū)寫在<STYLETYPE=″text/css″>和</STYLE>這對(duì)標(biāo)簽之間。將CSS內(nèi)容保存為文本文件，再由<LINK>標(biāo)簽來(lái)調(diào)用。這種方式的優(yōu)點(diǎn)顯而易見(jiàn)，只需要修改該定義文件之中的內(nèi)容，便可改變整個(gè)網(wǎng)站的頁(yè)面風(fēng)格（若都使用該樣式表文件）。當(dāng)然也可在同一網(wǎng)站不同板塊頁(yè)面使用不同的外部樣式表文件，修改樣式表文件時(shí)只改動(dòng)部分頁(yè)面風(fēng)格。外部樣式表是將方式1中<STYLETYPE=″text/css″>和</STYLE>之間的定義內(nèi)容保存成以“css”為擴(kuò)展名的文本文件即可。如果將<HTML>到</HTML>所包含的全部?jī)?nèi)容一并保存也可以。3.1.3properityCSS的每條規(guī)則（rule）都有如下的形式：selector：第1種是HTML的tag，比如P,BODY,A等。第2種叫class，第3種叫ID。property：即將要被修改的性質(zhì)，比如color。value:給property的值，比如給color的可以是red。請(qǐng)看下面的典型規(guī)則：H1邀color:red妖用這條規(guī)則后，所有的1號(hào)標(biāo)題都變成紅色的了。一般把所有的規(guī)則全包括在STYLE元素內(nèi)放到HEAD里面。3.1.4科學(xué)數(shù)據(jù)庫(kù)網(wǎng)站使用js方法在“科學(xué)數(shù)據(jù)庫(kù)網(wǎng)站”中的頁(yè)面，增加了以下的定義，使頁(yè)面有特殊的顯示效果。3.2面中鏈接多個(gè)對(duì)象JavaScript是基于對(duì)象（object）和事件驅(qū)動(dòng)（eventdriven）并具有安全性能的腳本語(yǔ)言。使用它的目的是與HTML超文本標(biāo)記語(yǔ)言、Java腳本語(yǔ)言（Java小程序）一起實(shí)現(xiàn)在1個(gè)Web頁(yè)面中鏈接多個(gè)對(duì)象，與Web客戶交互作用，從而可以開(kāi)發(fā)客戶端的應(yīng)用程序等。它是通過(guò)嵌入或調(diào)入在標(biāo)準(zhǔn)的HTML語(yǔ)言中實(shí)現(xiàn)的。它的出現(xiàn)彌補(bǔ)了HTML語(yǔ)言的缺陷。JavaScript的出現(xiàn)使得信息和用戶之間不僅只是一種顯示和瀏覽的關(guān)系，而是實(shí)現(xiàn)了一種實(shí)時(shí)的、動(dòng)態(tài)的、交互式的表達(dá)能力,從而基于CGI靜態(tài)的HTML頁(yè)面將被可提供動(dòng)態(tài)實(shí)時(shí)信息、并對(duì)客戶操作進(jìn)行反應(yīng)的Web頁(yè)面的取代。JavaScrip腳本正是滿足這種需求而產(chǎn)生的語(yǔ)言,深受廣泛用戶的喜愛(ài)。它是眾多腳本語(yǔ)言中較為優(yōu)秀的一種，與WWW的結(jié)合有效地實(shí)現(xiàn)了網(wǎng)絡(luò)計(jì)算和網(wǎng)絡(luò)計(jì)算機(jī)的藍(lán)圖。在科學(xué)數(shù)據(jù)庫(kù)網(wǎng)站中，以下拉菜單形式列出的信息，就是用以下JavaScript語(yǔ)句實(shí)現(xiàn)的