個(gè)人網(wǎng)站的設(shè)計(jì)與開發(fā)研究

引言隨著現(xiàn)代科學(xué)技術(shù)的發(fā)展，計(jì)算機(jī)已進(jìn)入教育領(lǐng)域，并得到了迅速的發(fā)展。計(jì)算機(jī)在教育中的應(yīng)用，改變了教學(xué)方法、教學(xué)方法、教材的概念和形式、課堂教學(xué)結(jié)構(gòu)，甚至改變了教學(xué)理念和理論。隨著計(jì)算機(jī)的發(fā)展，多媒體技術(shù)在教學(xué)中的應(yīng)用已成為現(xiàn)實(shí)。在課堂教學(xué)過程中，運(yùn)用多媒體組合教學(xué)方法，可以將傳統(tǒng)教學(xué)媒體與現(xiàn)代教學(xué)媒體有機(jī)地聯(lián)系起來，相輔相成，充分發(fā)揮各自的教學(xué)功能，優(yōu)化課堂構(gòu)建和提高課堂教學(xué)質(zhì)量。運(yùn)用現(xiàn)代教學(xué)技術(shù)和計(jì)算機(jī)多媒體技術(shù)，將現(xiàn)代教學(xué)媒體與教學(xué)目標(biāo)緊密結(jié)合，優(yōu)化課堂教學(xué)結(jié)構(gòu)?，F(xiàn)代發(fā)展性教學(xué)理念強(qiáng)調(diào)在知識(shí)和技能的基礎(chǔ)上發(fā)展學(xué)生的智力，強(qiáng)調(diào)開放式教學(xué)，讓學(xué)習(xí)者學(xué)習(xí)不斷更新知識(shí)和掌握知識(shí)的認(rèn)知過程，特別注重創(chuàng)設(shè)學(xué)習(xí)情境。鼓勵(lì)和激勵(lì)學(xué)生自主探索、總結(jié)、解決問題，并逐步建立。發(fā)展自己的認(rèn)知結(jié)構(gòu)和學(xué)習(xí)策略，培養(yǎng)信息處理、批判性思維、創(chuàng)造性思維和解決問題的能力，培養(yǎng)適應(yīng)性和實(shí)驗(yàn)?zāi)芰?。要最大限度地提高教育教學(xué)的效率和效益，必須有效利用一切可利用的人力和非人力資源，通過各種教學(xué)方法和媒體手段的協(xié)同作用，實(shí)現(xiàn)教育教學(xué)的目標(biāo)。如何最佳利用多媒體來展示教學(xué)內(nèi)容則是適應(yīng)這一時(shí)代需求而出現(xiàn)的新課題。結(jié)構(gòu)嚴(yán)密，構(gòu)思精巧，樂趣教學(xué)是設(shè)計(jì)的方向。多媒體教材是通過教師、學(xué)生與計(jì)算機(jī)的交互而達(dá)到教學(xué)目的、完成教學(xué)內(nèi)容的過程。將計(jì)算機(jī)所具有的眾多功能作為一種新的教學(xué)手段引入到教學(xué)之中，改革傳統(tǒng)的以課堂講授為主的教學(xué)方式，從而形成了一種教學(xué)新概念。其優(yōu)越性在于可以將在計(jì)算機(jī)軟硬件學(xué)習(xí)的一些用語言和文字，或難于理解的抽象內(nèi)容，復(fù)雜的變化過程等在屏幕上用生動(dòng)的圖像、逼真的畫面，工整的曲線顯示出來；還可以用局部剖開或放大，重點(diǎn)部位閃爍，音響配合，模擬等多種手段，激發(fā)學(xué)生的興趣和求知欲，增強(qiáng)對知識(shí)的認(rèn)識(shí)和理解力，使學(xué)生在較短的時(shí)間內(nèi)接受、理解、記憶、多方面的信息，以便取得較好的教學(xué)效果。

一、個(gè)人網(wǎng)站的發(fā)展首先，找準(zhǔn)網(wǎng)站源碼主攻方向，回顧自己的創(chuàng)業(yè)歷程，旺財(cái)感覺到，對個(gè)人網(wǎng)站的發(fā)展來說，網(wǎng)站內(nèi)容和發(fā)展方向的定位至關(guān)重要。對于網(wǎng)站的生存來說，如果訪問量是核心，那么網(wǎng)站程序的定位就是關(guān)鍵了。我們常常看到很多個(gè)人網(wǎng)站的內(nèi)容無所不包，一味追求"大而全"、"四處撒網(wǎng)"的風(fēng)格，下載、論壇、聊天、交友……讓人目不暇接。本來以為網(wǎng)站內(nèi)容豐富才能吸引更多的人訪問，實(shí)際上卻走入了一個(gè)誤區(qū)。要知道，在網(wǎng)站發(fā)展的初期，你僅僅是個(gè)默默無聞的小站而已，別想跟網(wǎng)易、搜狐那樣有余力四面出擊。網(wǎng)站內(nèi)容要盡量做到"精"和"專"，在決定之前，大家可以問自己三個(gè)問題：1.我的站點(diǎn)包含些什么內(nèi)容？2.目前國內(nèi)有哪些比較有實(shí)力的同類站點(diǎn)？3.我跟它們比有哪些優(yōu)勢？如果答案能說服自己，那么就放手一搏吧。本文選擇成為一個(gè)專業(yè)的it新聞網(wǎng)站。該網(wǎng)站采用全球流行的博客模式。網(wǎng)站的訪問者是那些對IT新聞、軟件和硬件感興趣的人。之所以做出這樣的選擇，是因?yàn)楫?dāng)時(shí)中國還沒有這種形式的IT新聞網(wǎng)站，可以彌補(bǔ)這一空白。而且，王才的英語很好，能實(shí)時(shí)翻譯大量國外網(wǎng)站的新聞。有些人可能想知道我們的目標(biāo)是不是不賺錢。是的，但在此之前，我們必須先解決網(wǎng)站訪問的問題。否則，一切只能是空談。為了增加網(wǎng)站的訪問量，我們可以考慮以下幾個(gè)方面：1。選擇免費(fèi)空間還是付費(fèi)空間：很多朋友的個(gè)人主頁都放在互聯(lián)網(wǎng)上的免費(fèi)空間服務(wù)器上，但對于想盈利的個(gè)人網(wǎng)站來說，選擇付費(fèi)空間是明智的。當(dāng)然，我不建議您在站點(diǎn)開始時(shí)租用或購買一臺(tái)或多臺(tái)服務(wù)器，這太貴了。我們建議您先租一個(gè)比較穩(wěn)定的虛擬主機(jī)，費(fèi)用一般是每年幾百元。當(dāng)然，如果你在做音樂、電影、軟件下載和其他對空間和流量要求非常高的網(wǎng)站，你必須增加投資，選擇租用或購買自己的服務(wù)器，并將它們托管在電信機(jī)房。費(fèi)用從每年2到3萬不等。2。更新頻率：內(nèi)容是網(wǎng)站的靈魂。只有不時(shí)更新網(wǎng)站，才能吸引訪問者下次訪問。一般來說，網(wǎng)站發(fā)展到一定程度后，隨著內(nèi)容的增加和欄目的細(xì)化，網(wǎng)站必須由新人來管理和更新。對網(wǎng)站更新時(shí)間的選擇也有所了解。首先，分析了游客參觀網(wǎng)站的高峰期。最好的效果是稍微提前更新時(shí)間。三.網(wǎng)站宣傳策略：有網(wǎng)站宣傳經(jīng)驗(yàn)的朋友都知道，網(wǎng)站推廣有登錄搜索引擎、鏈接交流、廣告交流、加入產(chǎn)品網(wǎng)絡(luò)聯(lián)盟等常用方法。對于不同類型的網(wǎng)站，宣傳的重點(diǎn)是不同的。比如，全球最大的搜索引擎網(wǎng)站谷歌，從來沒有做過任何形式的傳統(tǒng)廣告、網(wǎng)頁廣告，它主要是在網(wǎng)民中傳播口碑。提示訪問者將其設(shè)置為主頁，以快速提高頁面點(diǎn)擊率（主要是因?yàn)樗峁┝司W(wǎng)站的訪問服務(wù)，對于大多數(shù)類型的個(gè)人網(wǎng)站，這只會(huì)引起訪問者的反感，請謹(jǐn)慎使用?。┩醪蕦@一問題的處理方法是：首先建立一個(gè)相對完整的網(wǎng)站統(tǒng)計(jì)體系，然后嘗試不同的宣傳方法，然后觀察網(wǎng)站訪問量的變化，最后確定最佳的方法，并深入研究。我們需要提醒大家的是，網(wǎng)站的宣傳只是保證訪問人數(shù)持續(xù)上升的一種手段，還必須在網(wǎng)站內(nèi)容上下功夫。二、網(wǎng)站開發(fā)工具（一）DreamweaverDreamweaver是美國MACROMEDIA公司開發(fā)的集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁編輯器，它是第一套針對專業(yè)網(wǎng)頁設(shè)計(jì)師特別發(fā)展的視覺化網(wǎng)頁開發(fā)工具，利用它可以輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿動(dòng)感的網(wǎng)頁。布局按鈕：這個(gè)按鈕似乎復(fù)制了下面的代碼、分區(qū)和設(shè)計(jì)按鈕的功能?，F(xiàn)在還不清楚這個(gè)按鈕的用途是什么。唯一增加的新功能是垂直分區(qū)，這樣代碼和設(shè)計(jì)界面就可以以垂直對比的方式呈現(xiàn)。1、該軟件所具備的特點(diǎn)：（1）精簡設(shè)計(jì)它提供了更多的可見區(qū)域，并且可以將右邊的菜單縮小到只有左邊的圖標(biāo)。對于那些習(xí)慣了Adobe其他設(shè)計(jì)軟件的人來說，這真是一個(gè)非常周到的設(shè)計(jì)。應(yīng)用程序開發(fā)增強(qiáng)：左上角是數(shù)據(jù)相關(guān)面板，包括數(shù)據(jù)庫面板、數(shù)據(jù)綁定面板和行為面板；左下角是文件相關(guān)面板，包括文件面板、相關(guān)資源面板、代碼收集器等；右下角是設(shè)計(jì)相關(guān)面板，包括插入面板、css示例。鍵入surfacepanel，apelementpanel（用于定位浮動(dòng)層）。應(yīng)該說，這是一個(gè)黃金油布局，幾乎適合所有開發(fā)商。同時(shí)，它還將大多數(shù)菜單顯示在用戶面前。其他七種布局可以說只有在這個(gè)基礎(chǔ)上才能被安排和隱藏。在下面的文檔面板上，dw添加了一個(gè)新的實(shí)時(shí)預(yù)覽功能-liveview。它的功能是在dw窗口中實(shí)時(shí)查看代碼的效果，包括javascript特效。Dreamweaver可以以最快的方式將焰火、手繪或photoshop等文件移動(dòng)到網(wǎng)絡(luò)上。使用顏色檢查工具在屏幕上選擇顏色可以設(shè)置最接近的頁面安全顏色。對于菜單，鍵盤快捷鍵和格式控制可以在一個(gè)簡單的步驟中完成。DremWeaver可以與您最喜歡的設(shè)計(jì)工具相匹配，如播放Flash、Shockwave和插件模塊，而不必離開Dreamweaver，整個(gè)應(yīng)用過程自然流暢。此外，只需點(diǎn)擊使Dreamweaver自動(dòng)打開焰火或Photoshop來優(yōu)化編輯和設(shè)置。（2）網(wǎng)站管理網(wǎng)站地圖可以用來快速原型，設(shè)計(jì)，更新和重組網(wǎng)頁。Dreamweaver通過更改頁面位置或文件名自動(dòng)更新所有鏈接。支持文本、html代碼、html屬性標(biāo)記和通用語法的搜索和替換功能，使復(fù)雜的網(wǎng)站更新變得簡單快捷。（3）無可比擬的控制能力Dreamweaver是唯一提供RoundtripHTML、視覺化編輯與原始碼編輯同步的設(shè)計(jì)工具。它包含HomeSite和BBEdit等主流文字編輯器。幀（frames）和表格的制作速度快的令您無法想像。高級(jí)表編輯允許您簡單地選擇單元格、行、列，或進(jìn)行不連續(xù)的選擇。它甚至可以對表組進(jìn)行排序或格式化，Dreamweaver支持精確定位，并使用可以輕松轉(zhuǎn)換為表的層，以拖放方式進(jìn)行布局配置。WYSIWYGDreamweaver成功地集成了動(dòng)態(tài)發(fā)布可視化編輯和電子商務(wù)功能，為包括ASP、Apache、Broadvision、ColdFusion、ICT、Tango和自行開發(fā)的應(yīng)用軟件在內(nèi)的第三方供應(yīng)商提供了超級(jí)支持功能。當(dāng)您使用Dreamweaver設(shè)計(jì)動(dòng)態(tài)網(wǎng)頁時(shí)，所見即所得（WYSIWYG）功能允許您預(yù)覽網(wǎng)頁，而無需瀏覽瀏覽器。Dreamweaver和Dreamweaver將內(nèi)容與設(shè)計(jì)分離，并將其應(yīng)用于快速頁面更新和團(tuán)隊(duì)頁面編輯。為網(wǎng)頁外觀構(gòu)建模板，指定可編輯或不可編輯的部分，內(nèi)容提供商可以直接編輯基于樣式的內(nèi)容，而不會(huì)意外更改已建立的樣式。還可以使用模板正確輸入或輸出XML內(nèi)容。Dreamweaver還集成了程序開發(fā)語言，對ASP、.NET、PHP、JS的基本語言和連接操作數(shù)據(jù)庫，都是完全支持的。（二）FLASHFlash是美國Macromedia公司所設(shè)計(jì)的一種二維矢量動(dòng)畫軟件。通常包括MacromediaFlash，用于設(shè)計(jì)和編輯Flash文檔，以及MacromediaFlashPlayer，用于播放Flash文檔。FLASH特性：1.Flash被大量應(yīng)用于互聯(lián)網(wǎng)網(wǎng)頁的矢量動(dòng)畫設(shè)計(jì)。因?yàn)槭褂孟蛄窟\(yùn)算﹙VectorGraphics﹚的方式，產(chǎn)生出來的影片占用存儲(chǔ)空間較小。2、Flash是Macromedia提出的“富因特網(wǎng)應(yīng)用”（RIA）概念的實(shí)現(xiàn)平臺(tái)。（三）PhotoshopPhotoshop的主要設(shè)計(jì)師ThomasKnoll的爸爸GlennKnoll是密歇根大學(xué)教授，同時(shí)也是一個(gè)攝影愛好者，他家地下室是一個(gè)暗房。他兩個(gè)兒子Thomas和John從小就跟著爸爸玩暗房，但John似乎對當(dāng)時(shí)剛剛開始發(fā)行的個(gè)人電腦更感興趣。此后Thomas也迷上的個(gè)人電腦，并在1987年買一臺(tái)蘋果電腦（MacPlus）用來幫助他的博士論文。托馬斯發(fā)現(xiàn)當(dāng)時(shí)的蘋果電腦無法顯示灰度黑白圖像，于是他編寫了一個(gè)名為displayself的程序。約翰，他的兄弟（也可能是兄弟），曾為星戰(zhàn)導(dǎo)演盧卡斯的特效制作公司IndustryLightMagic工作，對托馬斯的節(jié)目很感興趣。兄弟倆在接下來的一年里繼續(xù)將display修改為一個(gè)更強(qiáng)大的圖像編輯程序。幾次改名后，他們接受了一位參展商的建議，將photoshop程序改名。從功能上講，photoshop可以分為圖像編輯、圖像合成、色調(diào)校正特征和效果產(chǎn)生。圖像編輯是圖像處理的基礎(chǔ)。它可以變換圖像，如放大、縮小、旋轉(zhuǎn)、傾斜、鏡像和透視。它還可以復(fù)制、去除斑點(diǎn)、修復(fù)和修改損壞的圖像。這對于婚紗攝影和人像處理，去除不滿意的人像部分，美化處理，獲得非常滿意的效果是非常有用的。圖像合成是通過層次操作和工具應(yīng)用來合成多幅圖像，是藝術(shù)設(shè)計(jì)的必由之路。photoshop提供的圖形工具可以讓外國圖片與創(chuàng)意很好地融合，從而可以無縫地合成圖片。色彩校正是photoshop中最強(qiáng)大的功能之一。它可以快速方便地調(diào)整和校正圖像的顏色。它還可以在不同的顏色之間切換，以滿足圖像在網(wǎng)頁設(shè)計(jì)、打印、多媒體等不同領(lǐng)域的應(yīng)用。特效制作在photoshop中主要由濾鏡、通道及工具綜合應(yīng)用完成。包括圖像的特效創(chuàng)意和特效字的制作，如油畫、浮雕、石膏畫、素描等常用的傳統(tǒng)美術(shù)技巧都可藉由photoshop特效完成。而各種特效字的制作更是很多美術(shù)設(shè)計(jì)師熱衷于photoshop的研究的原因。三、網(wǎng)站設(shè)計(jì)分析（一）相關(guān)術(shù)語及解釋1、Internet網(wǎng)絡(luò)的誕生使命：通過各種互聯(lián)網(wǎng)服務(wù)提升全球人類生活品質(zhì)。使人類生活更加便利和豐富，從而促進(jìn)全球人類社會(huì)的進(jìn)步。豐富人類的精神世界和物質(zhì)世界，使人類最容易獲得信息，找到自己想要的，使人類生活更幸福。與很多人的想象相反，Internet并非某一完美計(jì)劃的結(jié)果，Internet的創(chuàng)始人也絕不會(huì)想到它能發(fā)展成目前的規(guī)模和影響。在Internet面世之初，沒有人能想到它會(huì)進(jìn)入千家萬戶，也沒有人能想到它的商業(yè)用途。從某種意義上，Internet可以說是美蘇冷戰(zhàn)的產(chǎn)物。在美國，20世紀(jì)60年代是一個(gè)很特殊的時(shí)代。60年代初，古巴核導(dǎo)彈危機(jī)發(fā)生，美國和原蘇聯(lián)之間的冷戰(zhàn)狀態(tài)隨之升溫，核毀滅的威脅成了人們?nèi)粘Ｉ畹脑掝}。在美國對古巴封鎖的同時(shí)，越南戰(zhàn)爭爆發(fā)，許多第三世界國家發(fā)生政治危機(jī)。由于美國聯(lián)邦經(jīng)費(fèi)的刺激和公眾恐懼心理的影響，“實(shí)驗(yàn)室冷戰(zhàn)”也開始了。人們認(rèn)為，能否保持科學(xué)技術(shù)上的領(lǐng)先地位，將決定戰(zhàn)爭的勝負(fù)。而科學(xué)技術(shù)的進(jìn)步依賴于電腦領(lǐng)域的發(fā)展。到20世紀(jì)60年代末，每一個(gè)主要的聯(lián)邦資助的研究中心，包括純商業(yè)組織和大學(xué)，都擁有美國新興計(jì)算機(jī)產(chǎn)業(yè)提供的最新技術(shù)和設(shè)備。連接計(jì)算機(jī)中心共享數(shù)據(jù)的思想發(fā)展迅速。美國國防部認(rèn)為，如果前蘇聯(lián)核武器只摧毀一個(gè)中央軍事指揮中心，國家軍事指揮將癱瘓，后果不堪設(shè)想。因此，有必要設(shè)計(jì)這樣一個(gè)由分散指揮點(diǎn)組成的分散指揮系統(tǒng)。當(dāng)部分指揮點(diǎn)被摧毀后，其他指揮點(diǎn)仍然可以正常工作，這些分散的指揮點(diǎn)可以通過某種形式的通信網(wǎng)絡(luò)進(jìn)行聯(lián)絡(luò)。1969年，美國國防部高級(jí)研究計(jì)劃局（arpa）開始建立一個(gè)名為arpanet的網(wǎng)絡(luò)，將美國的幾個(gè)軍事和研究項(xiàng)目與計(jì)算機(jī)主機(jī)連接起來。起初，arpanet只連接了4臺(tái)主機(jī)，這些主機(jī)在軍事要求上受到美國國防部高層機(jī)密的保護(hù)，技術(shù)上不具備向外推廣的條件。1983年，arpa和美國國防部通信局開發(fā)了用于異構(gòu)網(wǎng)絡(luò)的tcp/ip協(xié)議。加利福尼亞州伯克利市將該協(xié)議作為其bsdunix的一部分，使其在社會(huì)上廣受歡迎，并催生了真正的互聯(lián)網(wǎng)。在1986，美國國家科學(xué)基金會(huì)（NSF）在五個(gè)研究和教育服務(wù)超級(jí)計(jì)算機(jī)中心的基礎(chǔ)上，利用ARPANET開發(fā)的TCP/IP通信協(xié)議，建立了NSFNETWAN。由于美國國家科學(xué)基金會(huì)的鼓勵(lì)和資助，很多大學(xué)、政府資助的研究機(jī)構(gòu)甚至私營的研究機(jī)構(gòu)紛紛把自己的局域網(wǎng)并入NSFnet中。那時(shí)，ARPAnet的軍用部分已脫離母網(wǎng)，建立自己的網(wǎng)絡(luò)--Milnet。ARPAnet--網(wǎng)絡(luò)之父，逐步被NSFnet所替代。到1990年，ARPAnet已退出了歷史舞臺(tái)。如今，NSFnet已成為Internet的重要骨干網(wǎng)之一。1989年，由CERN開發(fā)成功WWW，為Internet實(shí)現(xiàn)廣域超媒體信息截取/檢索奠定了基礎(chǔ)。到了90年代初期，Internet事實(shí)上已成為一個(gè)"網(wǎng)中網(wǎng)"──各個(gè)子網(wǎng)分別負(fù)責(zé)自己的架設(shè)和運(yùn)作費(fèi)用，而這些子網(wǎng)又通過NSFnet互聯(lián)起來。由于NSFnet是由政府出資，因此，當(dāng)時(shí)Internet最大的老板還是美國政府，只不過在一定程度上加入了一些私人小老板。Internet在８０年代的擴(kuò)張不單帶來量的改變，同時(shí)亦帶來質(zhì)的某些改變。由于多種學(xué)術(shù)團(tuán)體、企業(yè)研究機(jī)構(gòu)，甚至個(gè)人用戶的進(jìn)入，Internet的使用者不再限于電腦專業(yè)人員。于是，他們逐步把Internet當(dāng)作一種交流與通信的工具，而不僅僅是共享NSFnet巨型機(jī)的運(yùn)算能力。在90年代以前，Internet的使用一直僅限于研究與學(xué)術(shù)領(lǐng)域。商業(yè)性機(jī)構(gòu)進(jìn)入Internet一直受到這樣或那樣的法規(guī)或傳統(tǒng)問題的困擾。事實(shí)上，象美國國家科學(xué)基金會(huì)等曾經(jīng)出資建造Internet的政府機(jī)構(gòu)對Internet上的商業(yè)活動(dòng)并不感興趣。1991年，美國的三家公司分別經(jīng)營著自己的CERFnet、PSInet及Alternet網(wǎng)絡(luò)，可以在一定程度上向客戶提供Internet聯(lián)網(wǎng)服務(wù)。他們組成了"商用Internet協(xié)會(huì)"（CIEA），宣布用戶可以把它們的Internet子網(wǎng)用于任何的商業(yè)用途。Internet商業(yè)化服務(wù)提供商的出現(xiàn)，使工商企業(yè)終于可以堂堂正正地進(jìn)入Internet。商業(yè)機(jī)構(gòu)一踏入Internet這一陌生的世界就發(fā)現(xiàn)了它在通訊、資料檢索、客戶服務(wù)等方面的巨大潛力。于是，其勢一發(fā)不可收拾。世界各地?zé)o數(shù)的企業(yè)及個(gè)人紛紛涌入Internet，帶來Internet發(fā)展史上一個(gè)新的飛躍。目前，互聯(lián)網(wǎng)已與160多個(gè)國家和地區(qū)、4萬多個(gè)子網(wǎng)、500多萬臺(tái)計(jì)算機(jī)主機(jī)連接，直接用戶超過4000萬，已成為世界上最豐富的計(jì)算機(jī)公共網(wǎng)絡(luò)?；ヂ?lián)網(wǎng)被認(rèn)為是未來全球信息高速公路的雛形。2、站點(diǎn)所謂網(wǎng)站，就是把網(wǎng)頁文件和資料文件有序地放在網(wǎng)站文件夾中。這些文件和文件夾構(gòu)成網(wǎng)站的實(shí)質(zhì)性內(nèi)容。在網(wǎng)站文件夾中，除了網(wǎng)頁文件外，還有材料文件。所謂材料，就是網(wǎng)頁上所有的圖片、聲音、視頻等。這些內(nèi)容以單獨(dú)文件的形式存在。3、超鏈接超鏈接本質(zhì)上是網(wǎng)頁的一部分，它們是允許我們與其他網(wǎng)頁或網(wǎng)站連接的元素。只有當(dāng)每一個(gè)網(wǎng)頁鏈接在一起，它才能真正構(gòu)成一個(gè)網(wǎng)站。所謂超鏈接是指網(wǎng)頁與目標(biāo)之間的連接關(guān)系，它可以是另一個(gè)網(wǎng)頁，也可以是同一網(wǎng)頁上的不同位置。它也可以是圖片、電子郵件地址、文件，甚至是應(yīng)用程序。在網(wǎng)頁中，用于超鏈接的對象可以是文本或圖片。當(dāng)查看器單擊鏈接的文本或圖片時(shí)，鏈接目標(biāo)將顯示在瀏覽器上，并根據(jù)目標(biāo)類型打開或運(yùn)行。根據(jù)鏈接路徑的不同，網(wǎng)頁中的超鏈接一般分為以下三種類型：內(nèi)部鏈接、錨鏈接和外部鏈接。根據(jù)使用對象的不同，網(wǎng)頁中的鏈接可以分為文本超鏈接、圖像超鏈接、電子郵件鏈接、錨鏈接、多媒體文件鏈接、空鏈接等。超鏈接是以特殊編碼的文本或圖形形式實(shí)現(xiàn)鏈接的對象。如果單擊該鏈接，則相當(dāng)于指示瀏覽器移動(dòng)到同一頁中的某個(gè)位置，或打開新頁，或在新的www網(wǎng)站中打開頁。網(wǎng)頁上的超鏈接一般分為三種：一種是絕對URL的超鏈接。URL（UniformResourceLocator）就是統(tǒng)一資源定位符，簡單地講就是網(wǎng)絡(luò)上的一個(gè)站點(diǎn)、網(wǎng)頁的完整路徑，如；第二種是相對URL的超鏈接。如將自己網(wǎng)頁上的某一段文字或某標(biāo)題鏈接到同一網(wǎng)站的其他網(wǎng)頁上面去；還有一種稱為同一網(wǎng)頁的超鏈接，這種超鏈接又叫做書簽。超鏈接也可以分為動(dòng)態(tài)超鏈接和靜態(tài)超鏈接。動(dòng)態(tài)超鏈接是指可以通過更改html代碼動(dòng)態(tài)更改的超鏈接。例如，我們可以將鼠標(biāo)移動(dòng)到文本鏈接，文本將像動(dòng)畫一樣移動(dòng)或更改顏色。我們還可以實(shí)現(xiàn)鼠標(biāo)移動(dòng)到圖片上產(chǎn)生顏色反轉(zhuǎn)或薄霧等效果。。靜態(tài)超鏈接，顧名思義，是沒有動(dòng)態(tài)效果的超鏈接。在網(wǎng)頁中，文本上的超鏈接通常是藍(lán)色的（當(dāng)然，用戶可以將自己設(shè)置為其他顏色），并且文本下面有下劃線。當(dāng)鼠標(biāo)指針移動(dòng)到超鏈接時(shí)，鼠標(biāo)指針將變成手的形狀。此時(shí)，通過單擊鼠標(biāo)左鍵，可以直接跳轉(zhuǎn)到網(wǎng)頁或www網(wǎng)站上連接的超鏈接。如果用戶瀏覽了超鏈接，則超鏈接的文本顏色將更改（默認(rèn)為紫色）。只有圖像的超鏈接不會(huì)改變顏色。（二）Web的簡述1、認(rèn)識(shí)Web最早的網(wǎng)絡(luò)構(gòu)想可以追溯到遙遠(yuǎn)的1980年蒂姆·伯納斯-李構(gòu)建的ENQUIRE項(xiàng)目。這是一個(gè)類似維基百科的超文本在線編輯數(shù)據(jù)庫。盡管它們與我們現(xiàn)在使用的萬維網(wǎng)有很大的不同，但它們共享許多相同的核心思想，甚至包括berners-lee的下一個(gè)項(xiàng)目語義網(wǎng)的一些思想。1989年3月，伯納斯－李撰寫了《關(guān)于信息化管理的建議》一文，文中提及ENQUIRE并且描述了一個(gè)更加精巧的管理模型。[3]1990年11月12日他和羅伯特·卡里奧（RobertCailliau）合作提出了一個(gè)更加正式的關(guān)于萬維網(wǎng)的建議。在1990年11月13日他在一臺(tái)NeXT工作站上寫了第一個(gè)網(wǎng)頁以實(shí)現(xiàn)他文中的想法.那年圣誕節(jié)期間，berners-lee制作了網(wǎng)絡(luò)運(yùn)行所需的所有工具：第一個(gè)萬維網(wǎng)瀏覽器（同時(shí)也是一個(gè)編輯器）和第一個(gè)web服務(wù)器。1991年8月6日，他在alt.hypertext新聞組上發(fā)布了萬維網(wǎng)項(xiàng)目的介紹。這一天也標(biāo)志著公共服務(wù)首次出現(xiàn)在互聯(lián)網(wǎng)上的萬維網(wǎng)上。超文本在萬維網(wǎng)中的重要概念起源于20世紀(jì)60年代的幾個(gè)項(xiàng)目，如tednelson的項(xiàng)目xanadu和douglasengelbart的項(xiàng)目nls。這兩個(gè)項(xiàng)目的靈感都來自于vannivalbush在1945年發(fā)表的論文《就像我們想的那樣》中為縮微膠片設(shè)計(jì)的memex系統(tǒng)。蒂姆·伯納斯·李的另一個(gè)重大突破是將超文本移植到互聯(lián)網(wǎng)上。他在《織網(wǎng)》一書中解釋說，他曾多次向這兩種技術(shù)的用戶建議，這兩種技術(shù)的結(jié)合是可行的，但沒有人回應(yīng)他的建議，他必須自己解決這個(gè)計(jì)劃。他發(fā)明了一種唯一認(rèn)證全球網(wǎng)絡(luò)資源的系統(tǒng)：統(tǒng)一的資源標(biāo)識(shí)符。萬維網(wǎng)和其他超文本系統(tǒng)有許多不同之處：萬維網(wǎng)需要一個(gè)單一的連接，而不是雙向連接，這使得任何人都可以鏈接到資源，而無需其所有者的任何操作。與早期的網(wǎng)絡(luò)系統(tǒng)相比，這對于降低網(wǎng)絡(luò)服務(wù)器和瀏覽器的實(shí)現(xiàn)難度至關(guān)重要，但其副作用是長期存在的壞鏈問題。與hypercard等一些應(yīng)用程序不同，萬維網(wǎng)不是專有的，它允許服務(wù)器和客戶端獨(dú)立開發(fā)和擴(kuò)展，而不受許可證限制。1993年4月30日，歐洲核研究組織宣布，萬維網(wǎng)向任何人免費(fèi)開放。兩個(gè)月后，Gopher宣布不再免費(fèi)，導(dǎo)致大量用戶從Gopher轉(zhuǎn)向萬維網(wǎng)。萬維網(wǎng)聯(lián)盟（W3C）也被稱為W3C理事會(huì)。1994年10月在麻省理工學(xué)院計(jì)算機(jī)科學(xué)實(shí)驗(yàn)室成立。創(chuàng)始人是蒂姆·伯納斯·李，萬維網(wǎng)的發(fā)明者。2、Web的技術(shù)綜述如果要訪問萬維網(wǎng)上的網(wǎng)頁或其他Web資源，通常需要首先在瀏覽器上鍵入統(tǒng)一資源定位符（統(tǒng)一資源定位符），或通過超鏈接鏈接鏈接到該網(wǎng)頁或Web資源。之后，工作從url的服務(wù)器名部分開始，該部分由一個(gè)名為域名系統(tǒng)的全局internet數(shù)據(jù)庫解析，并根據(jù)解析結(jié)果確定要輸入的ip地址。下一步是向在該IP地址工作的服務(wù)器發(fā)送您要訪問的頁面的HTTP請求。通常，組成頁面的html文本、圖像和所有其他文件會(huì)被一個(gè)接一個(gè)地快速請求并發(fā)送回用戶。web瀏覽器的下一個(gè)任務(wù)是向用戶顯示html、css和其他可接受的文件所描述的內(nèi)容，以及圖片、鏈接和其他必要的資源。這些是你看到的“網(wǎng)頁”。大多數(shù)的網(wǎng)頁自身包含有超鏈接指向其他相關(guān)網(wǎng)頁，可能還有下載、源文獻(xiàn)、定義和其他網(wǎng)絡(luò)資源。像這樣通過超鏈接，把有用的相關(guān)資源組織在一起的集合，就形成了一個(gè)所謂的信息的“網(wǎng)”。這個(gè)網(wǎng)在因特網(wǎng)上被方便使用，就構(gòu)成了最早在1990年代初蒂姆·伯納斯-李所說的萬維網(wǎng)（三）網(wǎng)站設(shè)計(jì)通常情況下，架設(shè)個(gè)人網(wǎng)站主要是為了個(gè)人在科技，商業(yè)，交際，生活等方面的信息需求或者進(jìn)行信息的交流，具有較強(qiáng)的目的性，我的個(gè)人網(wǎng)站一般體現(xiàn)在：為了展示自己的風(fēng)采，讓大家和我一起分享我的心得和經(jīng)驗(yàn)，讓我和我有共同愛好的朋友有一個(gè)傾訴的地方。（四）功能劃分網(wǎng)站設(shè)計(jì)有新聞更新，瀏覽者可以在首頁瀏覽自己喜歡的新聞，并且可以再留言板和大家交流，可以認(rèn)識(shí)我了解我，站內(nèi)的其他頁面均是我自己的精心收藏，與大家一起分享。（五）功能描述1、留言板留言板是一個(gè)管理者與瀏覽者談心交流的地方，在留言板中，瀏覽者可以留下自己的聯(lián)系方式地址，方便和其他瀏覽者進(jìn)行交流。2、相冊相冊是在個(gè)人網(wǎng)站中展示漂亮的圖片，包括我的照片，，體育明星的欄目。讓瀏覽者一起來欣賞人物和風(fēng)景風(fēng)采。3、網(wǎng)頁整理在明確了我的個(gè)人網(wǎng)站的風(fēng)格和定位后，就是網(wǎng)站的材料組織以及網(wǎng)站的頁面設(shè)計(jì)。建立一個(gè)網(wǎng)站好比寫一篇文章，首先要擬好提綱，文章才能主題明確，層次清晰。如果網(wǎng)站結(jié)構(gòu)不清晰，目錄龐雜，內(nèi)容東一塊西一塊。結(jié)果不但瀏覽者看得糊涂自己擴(kuò)充和維護(hù)網(wǎng)站也相當(dāng)困難。網(wǎng)站的材料確定后，并且收集和組織了許多相關(guān)的材料內(nèi)容，但如何組織內(nèi)容才能吸引網(wǎng)友們來瀏覽網(wǎng)站呢？欄目的實(shí)質(zhì)是一個(gè)網(wǎng)站的大綱索引，索引應(yīng)該將網(wǎng)站的主體明確顯示出來。因此我將自己的個(gè)人網(wǎng)站分為五個(gè)欄目，分別是關(guān)于我，相冊，視屏，音樂，留言。

四、網(wǎng)站設(shè)計(jì)開發(fā)（一）整體設(shè)計(jì)本網(wǎng)站是軟件開發(fā)工具的使用以及HTML語言、CSS+DIV的應(yīng)用，熟練運(yùn)用Dreamweaver、FLASH、Photoshop等網(wǎng)站開發(fā)軟件的使用，網(wǎng)站流程圖如圖4-1所示圖4-1網(wǎng)站流程圖（二）界面設(shè)計(jì)（1）設(shè)計(jì)思想為了體現(xiàn)簡潔明快的風(fēng)格，界面頭部不打算使用非常復(fù)雜的動(dòng)畫圖片，而是直接在頂部設(shè)置導(dǎo)航欄，方便訪問者在主頁、事件快報(bào)、數(shù)據(jù)庫、精彩flash、我的照片、留言簿等之間切換。（2）效果預(yù)覽按上面的設(shè)計(jì)思想，經(jīng)過一番美工的潤飾，設(shè)計(jì)出的界面頭的效果如圖4-4所示。圖4-4界面頭（三）功能模塊設(shè)計(jì)開發(fā)1、首頁在首頁中，主要介紹管理者的關(guān)于籃球的個(gè)人網(wǎng)站、首頁導(dǎo)航、首頁新聞以及個(gè)人空間，開始就要像瀏覽者們突出籃球的概念，要瀏覽者認(rèn)識(shí)籃球，再通過新聞事例來了解籃球，了解籃球的最新動(dòng)態(tài)，以及瀏覽者喜愛的籃球隊(duì)動(dòng)態(tài)，喜歡籃球明星們的動(dòng)向，各籃球協(xié)會(huì)明星球員的轉(zhuǎn)會(huì)情況以及個(gè)人對籃球的看法。2、賽事速遞在賽事速遞中，主要介紹籃球明星姚明的賽后言論，以及賽后的感想，還有媒體對這場比賽及賽后的及時(shí)報(bào)道，還有各方面對這場比賽的看法，和對接下來的比賽的預(yù)測，和球員之間的鼓勵(lì)，而球員則對后面的比賽勢在必得，讓我們拭目以待吧。3、數(shù)據(jù)庫在數(shù)據(jù)庫中，主要介紹來自全球最頂級(jí)的籃球賽事NBA聯(lián)盟的三支籃球明星隊(duì)：4屆總冠軍得主圣安東尼奧馬刺隊(duì)、擁有強(qiáng)力中鋒姚明的休斯頓火箭隊(duì)以及易建聯(lián)剛進(jìn)入NBA聯(lián)盟的密爾沃基雄鹿隊(duì)2007、2008、2009年間的幾次交鋒對決，以及具體時(shí)間和比分紀(jì)錄，從比分看來各隊(duì)各有千秋，各有輸贏，所以NBA是沒有絕對的勝利的。4、精彩FLSH在精彩FLASH中，主要介紹制作一個(gè)籃球運(yùn)動(dòng)員運(yùn)球三步上籃的鏡頭。5、我的照片在我的照片中，主要介紹的是個(gè)人相片和精彩圖片展示的地方，在相冊中，瀏覽者可以了解到管理者的個(gè)人風(fēng)采和自己喜歡的圖片。利用PS技術(shù)修改圖片，讓大家可以看到所有的縮略圖，同時(shí)鼠標(biāo)經(jīng)過的圖片自動(dòng)放大功能，可以瀏覽圖片的全圖。相冊結(jié)果顯示頁面用來顯示所有的圖片，同時(shí)還具備圖片的分類功能和圖片單個(gè)瀏覽功能還有鼠標(biāo)經(jīng)過圖片自動(dòng)放大功能，照片效果如圖4-5所示。圖4-56、留言本留言本是一個(gè)管理者與瀏覽者談心交流的地方，在留言板中，瀏覽者可以留下自己的聯(lián)系方式，想和管理者說的話，就瀏覽者感興趣的話題展開討論。和其他瀏覽者互相進(jìn)行溝通。利用DW技術(shù)建立留言板系統(tǒng)，可以讓瀏覽者留下自己的聯(lián)系方式和想要和管理者說的話，進(jìn)行交流，還有會(huì)顯示我的聯(lián)系方式，可以隨時(shí)與管理者聯(lián)系，交流，留言本效果如圖4-6所示。圖4-6五、網(wǎng)站測試（一）測試用例1、首頁顯示