個人網(wǎng)站策劃書
一、網(wǎng)站名稱：自由自在
二、網(wǎng)站的類型：個人網(wǎng)站
三、網(wǎng)站的制作規(guī)劃
1.網(wǎng)站功能：能夠展現(xiàn)出自我和讓他人更好更方便的了解我。
2.網(wǎng)站的特點：自由清新，青春活潑，使每一位瀏覽者有愉悅的心情。
3.網(wǎng)站的規(guī)模：這只是個人網(wǎng)站，由若干個的網(wǎng)頁組成，規(guī)模并不是很大。4.網(wǎng)站的參與者：親戚，同學(xué)，朋友和老師。還有一些其他存在而不認(rèn)識的廣大社友。
5.網(wǎng)站的特色：這個網(wǎng)站的主旨是輕松，活潑，自由。應(yīng)該備受他人喜歡。因此在色彩和風(fēng)格都是按照這個主旨來設(shè)計。而且在進入我的主頁前添加了FLASH動畫，這樣會使網(wǎng)頁具有動態(tài)美的感覺，進去后加上動聽的背景音樂，無論是從視覺，還是聽覺上都是一個不錯的網(wǎng)站。進入網(wǎng)站后，在網(wǎng)站的右上角有我的最新動態(tài)。而且內(nèi)容的特性為：（1）內(nèi)容標(biāo)準(zhǔn)化與個性化。（2）充分體現(xiàn)互動性。（3）內(nèi)容實用性。
（4）多媒體技術(shù)專業(yè)性。（5）網(wǎng)站平臺延展性。
6.網(wǎng)站的宣傳標(biāo)語：我的微笑，我的快樂，大家分享。
四、網(wǎng)站的配色方案
1.網(wǎng)站標(biāo)準(zhǔn)色：整個網(wǎng)站以藍色為主基色，配以其他淺顏色。
2.網(wǎng)站標(biāo)準(zhǔn)字體：在字體上采用默認(rèn)字體，這種字體無論在那種瀏覽器上都能正常顯示。因此采用系統(tǒng)默認(rèn)字體。
五、網(wǎng)站的模塊設(shè)計
（1）我的日志。（2）我的相冊。（3）我的音樂。（4）最新動態(tài)。（5）項目互動。
六、模塊簡介如下：
我的日志簡介：（1）我寫的日志（2）分享的他人日志 我的相冊簡介：（1）個人的相冊（2）朋友的相冊
（3）貼圖，如果發(fā)現(xiàn)好的圖片收集起來可以和廣大朋友共同分享。我的音樂簡介：
（1）國內(nèi)最新流行的音樂（2）日韓最新流行的音樂（3）歐美最新流行的音樂 最新動態(tài)簡介：（1）好友信息更新（2）站內(nèi)新聞 項目互動簡介：
（1）請你留言，通過這個模塊可以在線時時交流（2）站內(nèi)論壇。
七、網(wǎng)站設(shè)計和制作中所采用的技術(shù)
1．Flash特效功能 2.圖片展示功能 3.文章查詢功能 4.相冊功能
5.在線視聽功能 6.我的QQ群功能 7.文件下載功能 8.在線留言功能 9.友情鏈接功能
10.時鐘功能（Flash）11.電子郵件功能。12點至通訊錄
13.圈子（我的QQ空間）14.網(wǎng)摘功能 15.新聞功能
秦皇島職業(yè)技術(shù)學(xué)院信息工程系
分類號： TP319
秦皇島職業(yè)技術(shù)學(xué)院 課程設(shè)計（論文）
個人博客網(wǎng)頁設(shè)計論文
學(xué)生姓專班指導(dǎo)教指導(dǎo)教師職名 王飛飛 業(yè) 計算機應(yīng)用技術(shù) 級 1100103 師
稱
目錄
摘要 …………………………………………………………………………………2 前言 …………………………………………………………………………………3 第一章 關(guān)于網(wǎng)絡(luò)的知識.............................................4
秦皇島職業(yè)技術(shù)學(xué)院信息工程系
1.1 INTERNET的簡介.................................................4 1.2 WWW的簡介....................................................4 1.3網(wǎng)頁基本構(gòu)成元素..............................................5 1.4 制作網(wǎng)頁前的準(zhǔn)備..............................................5 第二章 網(wǎng)站制作實戰(zhàn)...............................................6 2.1 站點..........................................................6 2.1.1 創(chuàng)建站點..................................................6 2.1.2 創(chuàng)建站點內(nèi)容..............................................6 2.2 首頁..........................................................7 2.2.1 設(shè)置首頁布局和頁面屬性....................................7 2.2.2 查看和編輯頭內(nèi)容..........................................9 2.2.3 插入圖像..................................................9 2.2.4 插入FLASH相冊...........................................10 2.2.5 插入文本.................................................10 2.3 創(chuàng)建其它網(wǎng)頁.................................................11 第三章 建立網(wǎng)頁鏈接..............................................12 3.1 文字鏈接.....................................................12 3.2 圖像鏈接.....................................................13 3.3在HTML語言中建立網(wǎng)頁鏈接....................................14 第四章 網(wǎng)站測試與維護 …………………………………………………………17 結(jié)論………………………………………………………………………………18 參考文獻 ……………………………………………………………………… 19 致謝………………………………………………………………………………20
摘 要
本論文主要是對個人網(wǎng)站的建立進行研究和探討。作品的主要技術(shù)指標(biāo)包括：
1、制作出一個具有靜態(tài)技術(shù)的“個人網(wǎng)站”；
2、在制作的過程中，加強和 1
秦皇島職業(yè)技術(shù)學(xué)院信息工程系
深化以前所學(xué)的關(guān)于網(wǎng)頁設(shè)計的方法，同時更好的理解參考資料上的方法、理論和更好的利用Fireworks、Flash制作網(wǎng)站需要的一些圖片和影片。
本設(shè)計的主要內(nèi)容包括：
1、個人網(wǎng)站的設(shè)計思想，整體規(guī)劃及相關(guān)基礎(chǔ)知識；
2、個人網(wǎng)站的首頁設(shè)計，包括簡單的HTML語言及效果圖；
3、個人網(wǎng)站的調(diào)試。
網(wǎng)頁規(guī)劃包含的內(nèi)容很多，如網(wǎng)頁的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)頁的風(fēng)格、顏色搭配、版面布局、文字圖片的運用等，也只有如此制作出來的網(wǎng)頁才能有個性、有特色，具有吸引力。
網(wǎng)站主題就是所要包含的主要內(nèi)容，一個網(wǎng)站必須要有一個明確的主題。特別是對于個人網(wǎng)站，不可能像單獨的網(wǎng)頁那樣做得內(nèi)容少而單一。所以必須要找準(zhǔn)一些自己最感興趣內(nèi)容，做深、做透，辦出自己的特色，這樣才能給人留下深刻的印象。
關(guān)鍵詞：技術(shù)指標(biāo)
基本設(shè)計內(nèi)容
網(wǎng)站規(guī)劃 網(wǎng)站主題
前言
隨著二十一世紀(jì)新興科技的飛速發(fā)展，如今的交流與交往不再是那么的單調(diào)，看如今不曾再有五百里加急文件的傳送，看如今已很少在出現(xiàn)寫信、寄信。人們正在運用現(xiàn)世紀(jì)的高科技來增加自己的交際圈，來發(fā)展自己的人脈關(guān)系，秦皇島職業(yè)技術(shù)學(xué)院信息工程系
同時，其它人也是通過高科技，悄悄的就能很容易地去了解，關(guān)注一個人。
正是因為人們的這些需求，所以出現(xiàn)了互聯(lián)網(wǎng)，正是因為人們的需求，所以出現(xiàn)了如今的網(wǎng)絡(luò)時代，網(wǎng)絡(luò)通訊工具。來方便人們的交往，交際與溝通。也正是因為人們的需求，所以出現(xiàn)了個人博客，通過一人簡單的網(wǎng)頁來展現(xiàn)自己的獨特魅力，自己的與眾不同。真正的做到了“足不出戶，便知天下人”。
互聯(lián)網(wǎng)加大了我們了解世界的眼界，縮緊了人與人之間的距離，這就更容易的使我們走上了信息化的道路。
我覺得一個網(wǎng)站的開始，應(yīng)該有一個大體的規(guī)劃，網(wǎng)站的布局是最重要的，它起著一個網(wǎng)站成功與否的決定性作用，因為布局的好與壞，帶來的是網(wǎng)站整體上的美觀效果及應(yīng)用。網(wǎng)站內(nèi)容上也能決定著網(wǎng)站成功與否，一個網(wǎng)站上的每個字眼都可能決定著這個網(wǎng)站，因為你不知道哪個字就是吸引別人的內(nèi)容，就是大家都追捧的話題，就是很潮的事物，所以內(nèi)容上一定要謹(jǐn)慎。再有，就是網(wǎng)站的圖片，一定要確準(zhǔn)好路徑，以免圖像的丟失而不能再網(wǎng)站中顯示，其次就是鏈接，在Dreamweaver中提供了很簡單的鏈接命令，根據(jù)其提示操作即可。
我做了一個簡單的個人博客的網(wǎng)站，通過這個網(wǎng)站能讓大家更深的了解我，同時更重要的是鍛煉自己的實踐能力，鞏固自己學(xué)習(xí)的知識，彌補自己學(xué)習(xí)的不足。
第一章 關(guān)于網(wǎng)絡(luò)的知識
1.1什么是Internet Internet是由眾多的計算機網(wǎng)絡(luò)互聯(lián)而成的互聯(lián)網(wǎng)，它覆蓋了全世界各地，3
秦皇島職業(yè)技術(shù)學(xué)院信息工程系
它是采用開放系統(tǒng)協(xié)議的計算機通訊網(wǎng)絡(luò)。然而，Internet不僅僅是計算機的互聯(lián)網(wǎng)，它還是全球最大的信息資源寶庫，它提供了包括科研、教育、文化娛樂、商業(yè)和信息交流等各種各樣的服務(wù)，使得世界范圍內(nèi)的人與人之間的交流在時間和空間上變的更小了。
Web頁瀏覽：這是目前利用最廣泛、最直接的互聯(lián)網(wǎng)服務(wù)，通過瀏覽WWW（萬維網(wǎng)）中的網(wǎng)頁，可以了解世界各地的新聞，查看最新的股市行情，最新的娛樂動態(tài)、科技發(fā)明，找到眾多的就業(yè)信息??幾乎想找到什么樣的信息，就有什么信息。正是有了WWW、Internet才會變得如此豐富多彩，才能走進千家萬戶。1.2 WWW的簡介
WWW的全稱為World Wide Web，含義是“環(huán)球網(wǎng)”，又稱“萬維網(wǎng)”、3W、Web。WWW是一個基于超文本（Hypertext）方式的信息檢索服務(wù)工具。我們上網(wǎng)瀏覽到的網(wǎng)頁就是這樣的超文本，也就是HTML(Hypertext Mark-up Language,超文本標(biāo)記語言)文件，這些網(wǎng)頁檔被放置到WWW服務(wù)器上，并且都有一定的地址。當(dāng)我們想瀏覽某個網(wǎng)站時，首先要在計算機上安裝瀏覽器，如
Internet Explorer或Netscape，然后在瀏覽器中輸入網(wǎng)站的地址（網(wǎng)址），就可以進入網(wǎng)站進行瀏覽。在這些網(wǎng)頁中，都有超連接，當(dāng)將鼠標(biāo)指針移動到某個地方（如文本或圖像）時，鼠標(biāo)指針就會變成一個小手形形狀，單擊它就可以連接到另個網(wǎng)頁中，從而使得瀏覽者能在不同的信息之間動畫和聲音等信息。通跳轉(zhuǎn)，我們之所以能在Internet的海洋中穿梭自如，正是超連接的功勞。
秦皇島職業(yè)技術(shù)學(xué)院信息工程系
1.3網(wǎng)頁基本構(gòu)成元素
要學(xué)會制作網(wǎng)頁，首先需要了解網(wǎng)頁都是由什么元素構(gòu)成的。文字：文本是構(gòu)成網(wǎng)頁的基本元素。一個最簡單的網(wǎng)頁可以只有幾行文本。圖片：正是有個各種美麗的圖片，網(wǎng)頁才變得多姿多彩。動畫：如今，網(wǎng)頁上的動畫越來越多，最常用的有GIF動畫、Flash動畫等。超連接：如上所述，超連接幾乎是必不可少的。一個沒有超連接的網(wǎng)頁，就如同汪洋大海中的一座孤島，失去了與外界的一切聯(lián)系。其它元素：還可以在網(wǎng)頁中添加聲音、視頻等元素。1.4 制作網(wǎng)頁前的準(zhǔn)備
計算機必備：計算機速度夠快，最好能夠上網(wǎng)。操作系統(tǒng)：Windows 98/NT/Me/2000/XP.其它軟件：看圖軟件ACDSee、圖像處理軟件Photoshop、上傳工具CuteFTP、Fireworks、動畫軟件Flash等。
秦皇島職業(yè)技術(shù)學(xué)院信息工程系
第二章 網(wǎng)站制作實戰(zhàn)
2.1 站點 2.1.1 創(chuàng)建站點
要制作一個網(wǎng)站，第一步操作都是一樣的，就是要創(chuàng)造一個“站點”，從菜單中選擇“站點/管理站點”在彈出的對話框中選擇“新建”，之后再選擇其中的“站點”，再次彈出一個對話框，在文本框中輸入自己已經(jīng)企化好的網(wǎng)站名稱“my web”。填好后，單擊“下一步”，進入下一個步驟。由于我要做的是一個靜態(tài)的網(wǎng)頁，所以選擇上面的一項“否，我不想使用服務(wù)器技術(shù)。單擊“下一步”，進入下一個步驟。在此選項中有兩個選擇，選擇推薦的“編輯我的計算機上的本地副本，完成后再上傳到服務(wù)器”。底下的文本框允許在本地磁盤上指定一個文件夾，Dreamweaver將在其中儲存站點檔的本地副本。單擊該文本框后面的文件夾圖示，之后單擊“下一步“，進入下一個步驟。這一步是如何設(shè)置連接到遠(yuǎn)程服務(wù)器，彈出式菜單中有6中選擇，這里選擇“無”。而后“下一步”再“完成”，即可。2.1.2 創(chuàng)建站點內(nèi)容
站點創(chuàng)建完成后，就可以創(chuàng)建Web頁來填充站點了。在“右側(cè)浮動面板組”中選擇“檔/檔”面板，在彈出的菜單中選擇“新建文件”，新建一個檔后將其命名為“index.htm(或index.html),它就是未來的首頁。
秦皇島職業(yè)技術(shù)學(xué)院信息工程系
2.2 首頁
2.2.1 設(shè)置首頁布局和頁面屬性
一、設(shè)置首頁布局
每個網(wǎng)站都會有一個首頁，就功能上而言，它代表著一個網(wǎng)站的風(fēng)格與特色，就網(wǎng)站架構(gòu)上而言，它代表了網(wǎng)站的第一層架構(gòu)，首頁是打開網(wǎng)站后在瀏覽器中顯示的第一個頁面。它是起什么名字通常要視Server端的設(shè)置，一般的有index.htm,default.htm或home.htm等，目前主要以index.htm的居多。當(dāng)然，后綴名為html也是正確的。具體設(shè)置方法是：右健單擊“檔”浮動面板中的index.htm,在彈出的菜單中選擇“設(shè)成首頁”。操作步驟：
1、在“插入快捷欄”的“布局”分類中，單擊“布局表格”按紐。
2、將變成“+”形狀的鼠標(biāo)游標(biāo)放到編輯中網(wǎng)頁上，在要繪制的地方進行拖動就可以進行創(chuàng)建了。（如果繪制的是第一個表格必須從網(wǎng)頁的最左上角開始繪制）。“index”表格布局如下圖：
秦皇島職業(yè)技術(shù)學(xué)院信息工程系
二、設(shè)置首頁的頁面屬性
首先雙擊“檔”浮動面板中的index.htm,進入頁面的編輯窗口。右健單擊空白區(qū)域，在菜單中選擇“頁面屬性”，之后彈出“頁面屬性”對話框，若選擇主菜單“修改/頁面屬性”項，也可以把打開該對話框。
在“頁面屬性”對話框中，左側(cè)窗口顯示“分類”，其中包括了“外觀”、“鏈接”、“標(biāo)題”、“標(biāo)題/編碼”、“跟蹤圖像”5項，右側(cè)區(qū)域則顯示各類中可以設(shè)置的項目
“index”首頁設(shè)置的屬性如下圖所示：
秦皇島職業(yè)技術(shù)學(xué)院信息工程系
2.2.2 查看和編輯頭內(nèi)容
一個網(wǎng)頁文件結(jié)構(gòu)上實際是由兩部分組成，頭（head）內(nèi)容和主體（body）內(nèi)容主體內(nèi)容（body）是文檔的主要部分，也是包含文本和圖像等的可見部分。頭內(nèi)容（head）是除文檔標(biāo)題外的不可見部分，包含有文文件類型、語言編碼、搜索引擎的關(guān)鍵的關(guān)鍵詞和內(nèi)容指示器以及樣式定義等重要信息，這些元器并不是每個頁面都需要的，例如，可以僅為主頁提供關(guān)鍵詞。2.2.3 插入圖像
圖像是網(wǎng)頁中不可或缺的組成成份，恰當(dāng)?shù)厥褂脠D像，可以使網(wǎng)站充滿生活生命力與說服力，吸引更多的瀏覽者，加深他們欣賞你網(wǎng)站的意愿。首先將游標(biāo)停留在要插入圖像的位置，然后單擊“菜單欄”下面“插入快健欄”的下拉表，選擇其中的“常用”類，則右側(cè)將會顯示該類中可以插入的對象快鍵按鈕。左起第5個即為“圖像：圖像”按鈕，單擊它右側(cè)的下拉列表，選擇第1項“圖像”。隨即彈出“選擇圖像源文件”對話框。從計算機磁盤中選擇想要插入的圖像文件，下面的“相對于”下拉表框中，可選擇文件URL地址的類型，插入logo圖像，如圖所示:
秦皇島職業(yè)技術(shù)學(xué)院信息工程系
最后單擊“確定”按鈕，即可完成插入圖像的操作。2.2.4 插入FLASH相冊
在Dreamweaver 8中，除了之前講到的可以插入“圖像”外，還可插入動畫、聲音、視頻，F(xiàn)LASH相冊等媒體元素，并且還可以在Dreamweaver自身內(nèi)插入Macromedia Flash MX2004按鈕和文本對象，以及進行相關(guān)的后期處理和添加設(shè)計備注等操作。在Dreamweaver 8文文件中，可以插入媒體文件包Flash 相冊、QuickTime、AVI java、applet Active X控件以及各種格式的音頻檔。要在瀏覽器中播放放Flash 相冊，必須在瀏覽器中集成“Flash 播放器（Flash Player）”。操場作步驟：
步驟1、將游標(biāo)停留在要插入Flash的位置，然后單擊菜單欄下面“插入”的下拉列表，選擇其中的“FLASH”分類，找到圖像查看器命令，單擊彈出保存對話框，選擇要保存的地方和名稱，點擊保存。
步驟
2、在Dreamweaver中將會產(chǎn)生一個flash相冊，在Dreamweaver中的最右邊將會有一個flash元素，一次將flash的屬性修改，既可完成一個flash相冊的制作。2.2.5 插入文本
文字是人類語言最基本的表達方式，在網(wǎng)頁中，文本內(nèi)容也可以說是重要的組成部分，它是最關(guān)鍵的因素。插入文本的兩種方式：一種是在網(wǎng)頁編輯窗口中直接用鍵盤敲入文本。另一種是復(fù)制文本的方式。直接使用Dreamweaver的文本復(fù)制功能，將大段的文本內(nèi)容拷貝到網(wǎng)頁的編輯窗口來進行排版的工作，10
秦皇島職業(yè)技術(shù)學(xué)院信息工程系
具體步驟如下：打開文本編輯軟件（如Microsoft Word），選中要復(fù)制的文本，它們將反白顯示，執(zhí)行菜單“編輯/復(fù)制”命令或直接用快捷鍵Ctrl+C，之后切換回Dreamweaver,將游標(biāo)停留在插入文本的位置，執(zhí)行主菜單“編輯/粘貼”命令或直接使用快捷鍵Ctrl+v,即可將大段的文本快速粘貼到網(wǎng)頁中。這在我的“閑情逸致”中用到很多。2.3 創(chuàng)建其它網(wǎng)頁
還有其它的幾個網(wǎng)站與主頁的制作相同，一個網(wǎng)頁是圖像和文字的組合?！跋鄡浴弊禹撝械腇LASH相冊的插入和前面的介紹相同。
秦皇島職業(yè)技術(shù)學(xué)院信息工程系
第三章 建立網(wǎng)頁鏈接
網(wǎng)站實際上是由很多網(wǎng)頁組成的，那么網(wǎng)頁之間是如何聯(lián)系的呢？這就是本章要講的內(nèi)容----網(wǎng)頁的“鏈接”?！版溄印?，又稱“超鏈接"（Hyperlink）,它作為網(wǎng)頁的橋梁。網(wǎng)頁中的很多對象都可以加入“鏈接”屬性。在Dreamweaver 8中，如果以“鏈接”的媒介來劃分的話，則“鏈接”可以分為“文字鏈接”、“圖像鏈接”、“圖像地圖鏈接”、“內(nèi)部鏈接和外部鏈接”、“E-mail鏈接”、“命名錨記鏈接”、“文件下載鏈接”和“跳轉(zhuǎn)菜單”，共8種。3.1 文字鏈接
“文字鏈接”即以文字作為媒介的鏈接，它是網(wǎng)頁中最常被使用的鏈接方式，具有“文件小、制作簡單和便于維護”的特點。接下來結(jié)合我的個人網(wǎng)站為實例，來講解如何為文字建立“鏈接”。操作步驟：
步驟1、準(zhǔn)備好已經(jīng)制作完成的首頁的各個欄目頁面
步驟
2、在Dreamweaver 中打開首頁，之后反白選取作為“鏈接”的文字。步驟
3、觀察“屬性面板”，其中包括一個“鏈接”文本框。步驟
4、接下來需要把鏈接的位址加入到文本框中。
步驟
5、在“鏈接”文本框下面還有一個“目標(biāo)”下拉列表，從中可以選擇鏈接網(wǎng)頁顯示的窗口方式，共有4種。如圖：
步驟
6、還可以設(shè)置一些“鏈接”的屬性，單擊“屬性面板”中的“頁面 12
秦皇島職業(yè)技術(shù)學(xué)院信息工程系
屬性”，選擇其中的“鏈接”分類，可以進行的設(shè)置有“鏈接字體”、“大小”、“鏈接顏色”、“變換圖像鏈接”顏色、“已訪問鏈接”顏色、“活動鏈接”顏色及“下劃線樣式”。
步驟
7、至此，第1個欄目的鏈接就制作完畢了，按下Ctrl+S保存網(wǎng)頁，再按下F12預(yù)覽，測試一下，當(dāng)鼠標(biāo)放在“放松心情”這4個文字上時將變成手形，并且瀏覽器窗口下面的狀態(tài)區(qū)中會顯示鏈接到的網(wǎng)頁的位址，單擊文字，頁面會立即跳轉(zhuǎn)到第1個欄目中，這表示鏈接已經(jīng)制作成功了。
步驟
8、同理，按照以上步驟，再為“閑情逸致”和“個人主頁”等其它欄制作指向?qū)?yīng)欄目的鏈接。
至此，整個“文字鏈接”的實例就全就全部完成了。3.2 圖像鏈接
“圖像”也是常被使用的鏈接媒體，它和“文字鏈接”非常相似。為圖像加入鏈接，首先應(yīng)該在網(wǎng)頁中插入“圖像”，有關(guān)插入“圖像”或“導(dǎo)航條”按鈕的內(nèi)容，接下來以我的網(wǎng)站“my web“為例，講解如何建立“圖像鏈接”。操作步驟：
步驟
1、首先仍然要準(zhǔn)備好已經(jīng)制作完成的首頁和各個欄目的頁面 步驟
2、在Dreamweaver中打開網(wǎng)站的首頁，之后選取要制作“鏈接”的圖像。
步驟
3、觀察“屬性面板”，在“鏈接”文本框中輸入鏈接的文字位址。步驟
4、如果有需要，可以在“目標(biāo)”下拉列表中選擇“鏈接”網(wǎng)頁顯示 13
秦皇島職業(yè)技術(shù)學(xué)院信息工程系 的窗口方式，分別為-blank、-parent、-self或-top。
步驟
5、至此，第1個欄目的圖像鏈接就制作完畢了，按下Ctrl+S保存網(wǎng)頁，再按下F12預(yù)覽，測試一下，將鼠標(biāo)放在“動畫制作”4個文字上時將變成手形，同時瀏覽器窗口下面的狀態(tài)區(qū)中會顯示出鏈接到的網(wǎng)頁的地址，并且會顯示出“替代”文本“動畫制作”，單擊文字，頁面會立即跳轉(zhuǎn)到第3個欄目中，這表示鏈接已經(jīng)制作成功了。
步驟
6、同理，按照以上步驟，再為其它幾幅圖像制作指向?qū)?yīng)欄目的鏈接。
步驟
7、在欄目頁面中制作“返回首頁”的鏈接，使得單擊后可以跳轉(zhuǎn)回首頁。
至此，整個“圖像鏈像”的實例就全部完成了。3.3在HTML語言中建立網(wǎng)頁鏈接
一、文字鏈接
在HTML語言中用超鏈接標(biāo)記指向一個目標(biāo)。其基本格式為：舉個簡單的“文本鏈接”的實例，該實例相對應(yīng)的HTML代碼如下所示。
文字鏈接 a href-“index2.html”target=”-blank”>平面設(shè)計（新開窗口，-blank)
相冊 （原窗口，默認(rèn)為空）
留言
個人網(wǎng)站設(shè)計策劃書（一）
一、功能定位：為了學(xué)習(xí)與交流，也為了更好的普及計算機以及網(wǎng)絡(luò)的應(yīng)用，結(jié)合本人需要，打算在網(wǎng)絡(luò)上建立一個真正屬于自己的網(wǎng)絡(luò)家園，一個個人網(wǎng)站，在網(wǎng)站上我可以和很多朋友交流學(xué)習(xí)，并且可以自由暢所欲言，吐露心聲、二、網(wǎng)站的規(guī)劃，大致分為：“心情日記”、“網(wǎng)絡(luò)素材”、“個人信息”、“與我聯(lián)系”、“論壇入口”等板塊、“心情日記”：主要介紹了我的生活習(xí)慣，以及我為人出事的態(tài)度或性格，提供給關(guān)心我的朋友們做了解?？梢蕴故龀鲎约旱纳钪邪l(fā)現(xiàn)的最喜歡的東西。
“網(wǎng)絡(luò)素材”：主要內(nèi)容就是一些常用的工具素材。聲音，圖象，音樂，視頻，動畫等內(nèi)容
“個人信息”與“與我聯(lián)系”：主要內(nèi)容就是我的個人聯(lián)系方式啦，在這其中，你可以通過個人方式聯(lián)系到我，讓我時時刻刻留在朋友身邊。
“論壇入口”：主要就是談?wù)撘恍╆P(guān)于計算機以及網(wǎng)絡(luò)的應(yīng)用。如：Photoshop、Flash、Dreamweaver等軟件的交流應(yīng)用。
三：為我的網(wǎng)站加入聲音，圖象，音樂，視頻，動畫等內(nèi)容，使網(wǎng)站更加絢麗，給朋友留下更深刻的印象。
四：申請自己的域名和空間同時也準(zhǔn)備好聯(lián)系用的郵箱和QQ等網(wǎng)絡(luò)便捷聯(lián)系方式。
五：網(wǎng)站發(fā)布與推廣：把自己的個人真實資料遞交給中華人民共和國信息產(chǎn)業(yè)部，進行相關(guān)的ISP或ICP備案，自此個人網(wǎng)站的全部工作已經(jīng)結(jié)束，就可以向朋友們宣傳我的個人網(wǎng)站了，并歡迎所有的朋友及網(wǎng)友來我的網(wǎng)站做客，并留下自己的意見或感想。讓網(wǎng)絡(luò)真正步入我的生活。
六、費用：
1、域名和空間的費用：150元/年
2、網(wǎng)站推廣費用：1000元
3、網(wǎng)站維護費用：100元/年
4、其他費用：200元
個人網(wǎng)站設(shè)計策劃書（二）
個人網(wǎng)站建設(shè)方案要明確主題，無論是宣傳自己還是推銷個人，在設(shè)計上可適當(dāng)形成一種個人風(fēng)格，要明確主次，主要的可放在顯要位置、加粗或變顏色等。從而使瀏覽者第一時間產(chǎn)生視覺效果。達到好網(wǎng)站的要求，另外個人網(wǎng)站建設(shè)在設(shè)計上不要太過花，許多個人網(wǎng)站做得很花，看上去很不夠?qū)I(yè)，還有點讓人討厭的感覺，想想這樣的網(wǎng)站能留住幾個人。一個成功的個人網(wǎng)站，前期的準(zhǔn)備工作是至關(guān)重要的，好的開始等于成功的一半。在這一階段有三個主要的問題需要考慮：
一、站點定位：
對于個人網(wǎng)站建設(shè)前期的定位是相當(dāng)重要，你必須了解你做這個網(wǎng)站的目的，是為了宣傳自己還是展示自己的愛好，本人感覺最好是定位在自己感興趣或者自己工作的行業(yè)中，這樣自己可能會對所確定的主題行業(yè)了解的更多些，很多人在建站初期總是喜歡在主頁里堆積大量感興趣的內(nèi)容，但個人的精力總是有限的，因為無力維護而導(dǎo)致站點更新緩慢、內(nèi)容匱乏，與其這樣，不如選定一個主題做出自己的風(fēng)格，不求大而全，但求小而精。
二、空間選擇：
目前大部分個人網(wǎng)站還使用免費空間，免費空間其一會插一些提供商的廣告，其二速度慢，這些大家應(yīng)該都知道本人感覺個人網(wǎng)站建設(shè)應(yīng)該選擇一款優(yōu)惠的空間，其一相對穩(wěn)定，其二有自己獨立的域名。
三、網(wǎng)站建設(shè)期：
主題定位好了就要收集素材，和整理資料，要制作成功的個人網(wǎng)站熟練掌握設(shè)計和圖形處理的技巧是很有必要的，網(wǎng)站建設(shè)最重要的莫過于設(shè)計和內(nèi)容，我們這里談一談設(shè)計。
個人網(wǎng)站建設(shè)方案要求：
在導(dǎo)航上要盡量清晰明了，布局合理，層次分明，頁面鏈接層次不要太深，盡量讓用戶用最短的時間找到需要的資料。
風(fēng)格要統(tǒng)一：保持統(tǒng)一風(fēng)格，有助于加深訪問者對你的個人的印象。
色彩要和諧、重點突出：在網(wǎng)頁設(shè)計中，根據(jù)和諧、均衡和重點突出的原則。
動態(tài)效果不宜太多。
技術(shù)方案中要注意的一些事項：
不要沉迷于技術(shù)的運用，少用那些華而不實的特效；
統(tǒng)一網(wǎng)站的CSS，有助于保持整個站點的風(fēng)格統(tǒng)一，并且方便修改；
不要有彈出窗口效果。
圖像處理上要盡量處理得小些，有助于瀏覽速度。圖片的合理壓縮可以讓頁面美觀而且文件小巧。
不要試圖用禁用鼠標(biāo)右鍵等功能為你的主頁加密，只會讓你失去更多支持者；
總之：個人網(wǎng)站建設(shè)方案要明確主題，無論是宣傳自己還是推銷個人，在設(shè)計上可適當(dāng)形成一種個人風(fēng)格，要明確主次，主要的可放在顯要位置、加粗或變顏色等。
目 錄
1． 硬件及軟件的需求準(zhǔn)備；????????????????????????第3頁
1． 1 硬件的基本要求； ??????????????????????第3頁 1． 2 軟件平臺的需求； ??????????????????????第3頁 2． Asp及office access數(shù)據(jù)庫等軟件的簡要介紹；??????????第3頁
2． 1 對html的簡要介紹； ?????????????????????第4頁 2． 2 網(wǎng)頁的組織與安排；??????????????????????第4頁 2． 3 對asp的簡要介紹；??????????????????????第4頁 2． 4 對IIS的運用；????????????????????????第5頁
2.4.1 IIS的簡要介紹；?????????????????????????第5頁
2.4.2 IIS的安裝；???????????????????????????第5頁
2． 5 數(shù)據(jù)庫office access的簡要介紹；???????????????第6頁
2.5.1 Access 組件介紹； ????????????????????????第7頁
2.5.2 創(chuàng)建數(shù)Access據(jù)庫介紹； ?????????????????????第7頁
2.5.3 通過ADO連接并操作WEB數(shù)據(jù)庫的步驟；???????????????第14頁
3． 對攝影之家網(wǎng)站的大體要求，對網(wǎng)站結(jié)構(gòu)功能模塊的詳細(xì)設(shè)計；???第15頁
3． 1 攝影之家的主要功能介紹；???????????????????第15頁 3． 2 本網(wǎng)站數(shù)據(jù)庫結(jié)構(gòu)介紹；????????????????????第23頁 4． 網(wǎng)站的實現(xiàn)與運行 ????????????????????????第25頁 5．
總結(jié) ???????????????????????????????第25頁
參考文獻 ????????????????????????????????第26頁 致謝 ??????????????????????????????????第26頁
Asp個人網(wǎng)站設(shè)計 [論文摘要]:現(xiàn)在asp的發(fā)展也已經(jīng)有好幾年的歷史了，走在前面的人也已經(jīng)作了許許多多的工作，通過大家的努力asp技術(shù)是越來越完善了，功能也已經(jīng)是越來越強大了，也已經(jīng)是一個相當(dāng)成熟的軟件開發(fā)工具了，最近有asp.net的出現(xiàn)，是從asp發(fā)展而來得。Asp.net的功能是比asp更為的強大，但是asp更受到初學(xué)者們的喜愛，因為它在容易上手方面有其獨到的一面。本篇論文主要講述的是asp前臺與office access數(shù)據(jù)庫的操作，可以實行最基本的功能如，試題的更新，考試的執(zhí)行，以及自動評分的功能。
[關(guān)鍵詞]：asp、office access 數(shù)據(jù)庫、對象、IIS、Vb腳本語言、J腳本語言
前 言
當(dāng)今的社會，隨著科技的進步，時代的發(fā)展，計算機信息行業(yè)的逐步壯大，人們也越來越離不開各種各樣的信息了，人們對信息的追求也越來越迫切了。因此計算機信息的發(fā)展也必須適應(yīng)這一朝流。
最近，為了滿足人們各自興趣如網(wǎng)上交流攝影心得，抑或參考別人的好的作品的要求，社會上有不少的知名的與不知名的各類攝影網(wǎng)站，攝影論壇等來幫助人們提高攝影水平所以我就有了學(xué)習(xí)建設(shè)個人攝影網(wǎng)站用于同共同愛好者進行交流的愿望。這對我自己對我的幾個朋友也有很大的好處。建設(shè)這個個人的網(wǎng)站既滿足了自己的愛好，又可以學(xué)到自己需要的知識。其中有必要留下留言本什么的用于了解大家對網(wǎng)站的意見，不然的話，本網(wǎng)站又如何來使大家的水平有所提高呢？
我作的攝影之家的課題也可以說是專門聊天室的一種，用來攝影愛好者相互交流心得體會的平臺，前臺的制作利用asp及其腳本語言vbsript，而后臺則是用了微軟的office access數(shù)據(jù)庫用ado對象進行連接。
由于本人的知識水平有限，實際的經(jīng)驗也不足，所以所制作出來的作品有許多的不足和漏洞，希望大家提出寶貴的意見和批評。
1、硬件及軟件的需求準(zhǔn)備
1.1硬件的基本要求
對于硬件的要求，現(xiàn)在已經(jīng)是2004年了，目前的個人電腦基本上都符合這個程序的瀏覽與運行，就是說瀏覽器端的電腦，目前只要是上得了英特網(wǎng)的就可以了，這個也是體現(xiàn)了asp的好處，瀏覽端只是提出一個要求，服務(wù)端根據(jù)瀏覽器的要求得到答案，并返回給瀏覽端。
服務(wù)器端的電腦硬件的要求，基本上是可以運行microsoft windows 2000 server就可以了。
1．2軟件的基本平臺
軟件平臺需要服務(wù)器上的操作系統(tǒng)為microsoft windows 2000 server。因為asp的開發(fā)平臺首選是Windows NT Server(Windows 2000 Server)上的IIS，然后是Windows NT Workstation(Windows 2000 Profession)或Windows95/98的Personal Web，同樣現(xiàn)在的瀏覽器是微軟一家獨大，使用的瀏覽器是微軟的explorer，網(wǎng)站的數(shù)據(jù)庫使用了同樣是microsoft的office access數(shù)據(jù)庫，因為一個數(shù)據(jù)不是很龐大的個人網(wǎng)站沒有必要使用ocacle等大型數(shù)據(jù)庫系統(tǒng)，同時access數(shù)據(jù)庫結(jié)構(gòu)比較的簡單，使用起來比較簡單好用。
2．Asp及office access數(shù)據(jù)庫的簡要介紹
2．1 Html簡介
HOMEPAGE（主頁）是可以通過4/frameset.dtd“>
磐安攝影 <![CDATA[<body></p><h2><a name="5" >第五篇：個人網(wǎng)站設(shè)計經(jīng)驗談</a></h2><p>個人網(wǎng)站設(shè)計經(jīng)驗談</p><p>如果你想成為一個網(wǎng)站設(shè)計者，并正想建一個網(wǎng)站的話，首先應(yīng)該考慮網(wǎng)站設(shè)計有哪些基本要點，包括網(wǎng)站功能和以及訪問者需要什么。你的整個設(shè)計都應(yīng)該圍繞這些方面來進行。下面筆者就自己在實踐操作中的使用體會來談?wù)劸W(wǎng)站設(shè)計的基本原則以及設(shè)計網(wǎng)頁時的注意事項，希望能給初建網(wǎng)站的用戶帶來一定的作用。</p><p>一、網(wǎng)站設(shè)計原則</p><p>1、網(wǎng)頁內(nèi)容要易讀</p><p>網(wǎng)站設(shè)計最重要的訣竅，恐怕就是你的網(wǎng)頁要易讀。這就意味著,你必須花點心思來規(guī)劃文字與背景顏色的搭配方案。注意不要使背景的顏色沖淡了文字的視覺效果，別用花里胡哨的色彩組合，讓人看起來你的網(wǎng)頁來很費勁。一般來說，淺色背景下的深色文字為佳。這個要點要求你最好別把文字的規(guī)格設(shè)得太小、也不能太大。文字太小，人家讀起來難受；文字太大，或者文字視覺效果變化頻繁，像是沖著人大喊大叫，看起來不舒服。另外，最好讓文本左對齊，而不是居中。按當(dāng)代中文的閱讀習(xí)慣，文本大都居左的。當(dāng)然，標(biāo)題一般應(yīng)該居中，因為這符合讀者的閱讀習(xí)慣。</p><p>2、網(wǎng)站導(dǎo)航要清晰</p><p>所有的超鏈接應(yīng)清晰無誤地向讀者標(biāo)識出來，所有導(dǎo)航性質(zhì)的設(shè)置，像圖像按鈕，都要有清晰的標(biāo)識，讓人看得明白，千萬別光顧視覺效果的熱鬧的，而讓人家不知東西南北。鏈接文本的顏色最好用約定俗成的：未訪問的，藍色；點擊過的，紫色或栗色?？傊谋炬溄右欢ㄒ晚撁娴钠渌淖钟兴鶇^(qū)分，給讀者清楚的導(dǎo)向。</p><p>３、網(wǎng)頁風(fēng)格要統(tǒng)一</p><p>你網(wǎng)頁上所有的圖像、文字，包括像背景顏色、區(qū)分線、字體、標(biāo)題、注腳什么的，要統(tǒng)一風(fēng)格，貫穿全站。這樣子讀者看起來舒服、順暢，會對你的網(wǎng)站留下一個“很專業(yè)”的印象。</p><p>４、頁面容量要較小</p><p>有研究顯示，如果一個網(wǎng)站頁面的主體在15秒之內(nèi)顯現(xiàn)不出來，訪客會很快失去對該站的興趣。如果用戶不能夠迅速地進入你的網(wǎng)站，或操作不便捷，網(wǎng)站設(shè)計就是失敗的。不要讓用戶失望而轉(zhuǎn)向你的對手的網(wǎng)站。要限定頁面的大小，就得從各個角度考慮節(jié)省。最大的一頭是圖像，有的好東西，只得割愛了。５、頁面內(nèi)容要新穎</p><p>網(wǎng)頁內(nèi)容的選擇要不落俗套，要重點突出一個“新”字，這個原則要求我們在設(shè)計網(wǎng)站內(nèi)容時不能照抄別人的內(nèi)容，要結(jié)合自身的實際情況創(chuàng)作出一個獨一無二的網(wǎng)站。放眼望去，網(wǎng)上的許多個人主頁簡直就是“雜貨店”，內(nèi)容包羅萬象,題材千篇一律，人人都是“軟件下載”,個個都有“網(wǎng)絡(luò)導(dǎo)航”，從頭到尾找不出一絲“鮮”意。所以，我們在設(shè)計網(wǎng)頁時，要把功夫下在選材上。選材要盡量做到“少”而“精”,又必須突出“新”，如能堅持天天更新的話,我相信這樣的網(wǎng)頁一定會受到大家的歡迎。</p><p>二、網(wǎng)站設(shè)計事項</p><p>有了上面的設(shè)計原則作為指導(dǎo)，我們在具體建立網(wǎng)站時就應(yīng)該緊緊圍繞它來設(shè)計，下面就是筆者依據(jù)上述原則羅列出來的一些設(shè)計事項：</p><p>１、注意視覺效果</p><p>設(shè)計Web頁面時，一定要用640×480和800×600的分辨率來 分別觀察。許多瀏覽器使用640×480的分辨率，盡管在800×600高分辨率下一 些Web頁面看上去很具吸引力，但在640×480的模式下可能會黯然失色。作一點小小的努力，設(shè)計一個在不同分辨率下都能正常顯示的網(wǎng)頁。</p><p>２、考慮瀏覽器的兼容性</p><p>當(dāng)然現(xiàn)在IE所占的市場份額越來越大，但是我們?nèi)匀恍枰紤]到Netscape以及Opera這些瀏覽器用戶。設(shè)計風(fēng)格的考慮，如色彩的搭配，圖形、線條的使用等等。要時刻為用戶著想，必須最少在幾種不同類型的瀏覽器下測試網(wǎng)站，看看兼容性如何。</p><p>３、隨時注意網(wǎng)站升級</p><p>時刻注意網(wǎng)站的運行狀況。性能很好的主機隨著訪問人數(shù)的增加，可能會運行緩慢。但是，如果你不想失去訪問者的話，一定要仔細(xì)計劃好你的升級計劃。</p><p>４、善用表格來布局</p><p>不要把一個網(wǎng)站的內(nèi)容象作報告似的一二三四地羅列出來，要注意多用表格把網(wǎng)站內(nèi)容的層次性和空間性突出顯示出來，使人一眼就能看出你的網(wǎng)站重點突出，結(jié)構(gòu)分明。</p><p>５、多學(xué)習(xí)和使用HTML</p><p>為了成功地設(shè)計網(wǎng)站，你必須理解HTML是如何工作的。大多數(shù)的網(wǎng)站設(shè)計者建議網(wǎng)絡(luò)新手應(yīng)從有關(guān)HTML的書中去尋找答案，用Notepad制作網(wǎng)頁。因為用HTML設(shè)計網(wǎng)站，可以控制設(shè)計的整個過程。但是，如果你僅僅是網(wǎng)站設(shè)計的新手，你應(yīng)該尋找一個允許修改HTML的軟件包。HomeSite4是一個很好的Web設(shè)計工具。在設(shè)計過程中，HomeSite4能幫助你學(xué)習(xí)HTML。它還允許你切換到所見即所得的模式，以便你在把網(wǎng)站發(fā)送到Web之前，預(yù)覽你的網(wǎng)站。</p><p>６、要為圖片附加注釋文字</p><p>給每個圖形加上文字的說明，在出現(xiàn)之前就可以看到相關(guān)內(nèi)容，尤其是導(dǎo)航按鈕和大圖片更應(yīng)如此。這樣一來，用戶在訪問你的站點時就有一種親切感覺，認(rèn)為你心細(xì)，比較善解人意，時時刻刻為他人著想，相信你的好心會有好報的。</p><p>７、少放網(wǎng)站地圖</p><p>許多設(shè)計者把他們的網(wǎng)站地圖放在網(wǎng)站上，這種做法，卻是弊大于利。絕大部分的訪問者上網(wǎng)是尋找一些特別的信息，他們對于你的網(wǎng)站是如何工作的，并沒有興趣。如果你覺得你的網(wǎng)站需要地圖，那很可能是需要改進你的導(dǎo)航和工具條。</p><p>８、少用特殊字體</p><p>雖然你可以在你的HTML中使用特殊的字體，但是，你不可能預(yù)測你的訪問者在他們的計算機上將看到什么。在你的計算機里看起來相當(dāng)好的頁面，在另一個不同的平臺上看起來可能非常糟糕。一些網(wǎng)站設(shè)計員喜歡使用來定義特性，這雖然允許你使用特殊的字體，但是仍需要一些變通的方法，以免你所選擇的字體在訪問者的計算機上不能顯示。級聯(lián)風(fēng)格表CSS有助于解決這些問題，但是只有最新版的瀏覽器才支持CSS。</p><p>９、做個網(wǎng)站介紹</p><p>一個簡單明了的網(wǎng)站介紹，不僅能讓別人對你的網(wǎng)站能夠提供些什么有個了解，引發(fā)共鳴或是表達你的誠意，常常最能打動讀者，而且還能使訪問者能快速找到想要的東西。但是，許多設(shè)計者都沒有這樣做。有效的導(dǎo)航條和搜索工具使人們很容易找到有用的信息，這對訪問者很重要。告訴訪問者你所提供的正是他們想要的信息。</p><p>１０、盡量少用Java程序</p><p>不要使用大幅面的Java程序,能夠用javascript替代效果的則盡量不要使用java.因為目前來講java的運行速度實在慢的讓人無法忍受，往往使瀏覽者沒有耐心等頁面全部顯示出來，這樣你的精心設(shè)計便毫無效果啦。</p><p>１１、要及時更新內(nèi)容</p><p>網(wǎng)站建設(shè)起來，只是一個新的起點，你更要細(xì)心照料，并不斷更新，以保持其常有的新鮮，若不能及時更新，也最好在主頁上發(fā)布信息，告訴前來訪問的朋友，因有特殊情況需要離開一段時間，未能及時更新主頁，希望各位見諒，這樣就能給人一種對別人負(fù)責(zé)的感覺，同時能得到網(wǎng)友的信任。否則形同“死站”，讓人以為你對他的信不屑一顧，更不會和你繼續(xù)往來了。</p><p>１２、不宜多用閃爍文字</p><p>有的設(shè)計者想通過閃爍的文字來引起訪問者的注意是可以被人理解的，但一個頁面中最多不能有三處閃爍文字，太多了給用戶一種眼花繚亂的感覺，反而會影響用戶去訪問該網(wǎng)站的其他內(nèi)容，正所謂“物極必反”也。</p><p>１３、避免長文本頁面</p><p>在一個站點上有許多只有文本的冗長頁面，是令人乏味的，人們?yōu)榱碎喿x這些長文本，不得不使用卷滾條，從而也浪費了用戶在網(wǎng)上沖浪的時間。如果你有大量的基于文本的文檔，應(yīng)當(dāng)以Adobe Acrobat格式的文件形式來放置，以便你的訪問者能離線閱讀，從而節(jié)省寶貴的時間。</p><p>１４、動畫最多只用一個</p><p>大家都喜歡用GIF動畫來裝飾網(wǎng)頁，它的確很吸引人，但我們在選擇時，是否能確定必須用GIF動畫，如果答否，那么就選擇靜止的圖片，因為它的容量要小得多。同樣的尺寸的LOGO，GIF動畫的容量有5K，而靜止LOGO的只有3K。雖然只有2K之差，但多起來，就會影響下載的速度，所以，如果有些不是必須的，就選擇最小的。</p><p>1５、不能忽視錯別字</p><p>一個好的網(wǎng)站對設(shè)計的每一個細(xì)節(jié)都不會放過，哪怕是一個微小的拼寫錯誤都是絕對不能出現(xiàn)的。但是遺憾的是，許多設(shè)計者都缺少這種技能。確保你拼寫正確，并且格外注意平常容易誤寫的錯別字，要時時刻刻保持一種嚴(yán)謹(jǐn)?shù)目茖W(xué)態(tài)度。</p><p>１６、善用圖像</p><p>用戶在網(wǎng)上四處漫游，你必須設(shè)法吸引和維護他們對你的主頁的注意力。萬維網(wǎng)的其中一個最重大資源是其多媒體能力，所以我們無論如何要善加利用。主頁上最好有醒目的圖像、新穎的畫面、美觀的字款，使其別具特色，令人過目不忘。圖像的內(nèi)容應(yīng)有一定的實際作用，切忌虛飾浮夸。注意圖畫可以彌補文字之不足，但并不能夠完全取代文字。很多用戶把瀏覽軟件設(shè)定為略去圖像，以求節(jié)省時間他們只看文字。因此，制作主頁時，必須注意將圖像所連接的重要信息或聯(lián)接其他頁面的指示用文字重復(fù)表達幾次，同時要注意避免使用過大的圖像，如果不得不放置大的圖像在網(wǎng)站上，就最好使用Thumbnails軟件，把圖像的縮小版本的預(yù)覽效果顯示出來，這樣用戶就不必浪費金錢和時間去下載他們根本不想看的大圖像。１７、每個頁面都要有導(dǎo)航按鈕</p><p>應(yīng)當(dāng)避免強迫用戶使用工具欄中的向前和向后按鈕。你的設(shè)計應(yīng)當(dāng)使用戶能夠很快地找到他們所要的東西。絕大多數(shù)好的站點在每一頁同樣的位置上都有相同的導(dǎo)航條，使瀏覽者能夠從每一頁上訪問網(wǎng)站的任何部分。</p><p>１８、最好不用記數(shù)器</p><p>由于計數(shù)器也是由程序設(shè)計成的，顯示計數(shù)器的過程其實就是在執(zhí)行一個程序的過程，它需要占用用戶寶貴的上網(wǎng)時間，況且大多數(shù)瀏覽者認(rèn)為計數(shù)器毫無意義，它們很容易被做假，瀏覽者也不想看廣告。因此筆者建議不要輕易考慮在你的網(wǎng)站上放置一個醒目的點擊記數(shù)器。你設(shè)計網(wǎng)站是為了給訪問者提供服務(wù)，而不是推銷你自己認(rèn)為重要的東西。如果你顯示你的網(wǎng)站是多么受歡迎，你最好提供一個鏈接，顯示訪問日志。</p><p>１９、不要用框架</p><p>與記數(shù)器一樣，框架在網(wǎng)頁上越來越流行。在大多數(shù)網(wǎng)站上，在屏幕的左邊有一個框架。但是設(shè)計者立刻就發(fā)現(xiàn)，在使用框架時產(chǎn)生了許多的問題。使用框架時如果沒有17英寸的顯示屏幾乎不可能顯示整個網(wǎng)站。框架也使得網(wǎng)站內(nèi)個人主頁不能夠成為書簽。也許更重要的是，搜索引擎常常被框架混淆，從而不能列出你的網(wǎng)站。</p><p>２０、屏蔽圖象時仍要保證網(wǎng)頁的完整</p><p>在瀏覽器中即使去掉了圖像功能，也要保證訪問者能夠在你的網(wǎng)站上獲得滿意的效果，呈現(xiàn)在用戶面前的仍是一個完整的網(wǎng)站。對于那些關(guān)掉了圖像功能的訪問者，還能獲得好的網(wǎng)頁加載性能。可以通過在網(wǎng)頁底部提供另外的鏈接和使用替代文字，而不是圖像來滿足訪問者的需要。</p><p>２１、使用著名的插件</p><p>如果網(wǎng)站上有聲音或視頻，要保證使用者通過使用某個知名的插件，能夠聽到或看到。如果訪問者沒有所要求的插件，將不得不到其它站點去下載，這樣訪問者有可能就不會返回了。許多站點使用QuickTime、RealPlay和 Shockwave插件。因為，許多訪問者并不愿意浪費很多時間和金錢去下載可能僅使用一次的插件。</p><p>２２、避免錯誤鏈接</p><p>網(wǎng)站中可能與其它一些有用的站點作了鏈接。但是，如果在你的網(wǎng)頁上有鏈接，一定要經(jīng)常檢查它們，保證鏈接有效。鏈接的網(wǎng)站可能很多，但不要鏈接到與你的內(nèi)容無關(guān)的網(wǎng)站上。</p><p>２３、測試網(wǎng)站</p><p>在你的網(wǎng)站正式發(fā)布之前，必須進行有用的測試。在設(shè)計網(wǎng)站時要使用最新的軟件，但是不要忘了人們并不會使用最新的瀏覽器，所以要照顧到以前的瀏覽器。在上載網(wǎng)站時還要測試所有的鏈接和導(dǎo)航工具條。用圖像、文本和不必要的動畫GIFs來充斥網(wǎng)頁，即使有足夠的空間，在設(shè)計時也應(yīng)該避免使用。２４、注意收集用戶注冊信息</p><p>如果能知道誰瀏覽了網(wǎng)站以及是怎樣瀏覽網(wǎng)站的，那么就能得到大量有用的信息。但是，要求訪問者在瀏覽網(wǎng)站之前進行注冊，這樣做是要冒風(fēng)險的，因為這將趕走一批不愿意注冊的人。獲得信息的另一種方法是進行有獎競猜或金錢獎勵，讓用戶能主動填一些信息反饋表。</p><p>２５、使網(wǎng)站具有交互功能</p><p>一個靜態(tài)網(wǎng)頁始終給人一種呆板的感覺，缺少一種活力和生氣。最好在網(wǎng)站上提供一些回答問題的工具以及其他具有交互性能的設(shè)計，使得訪問者能從網(wǎng)站上獲得交互的信息，從而使訪問者有一種參與網(wǎng)絡(luò)建設(shè)的新鮮感和成就感。</p> </div>
</article>
<a href="#" tpid="25" target="_self" class="download_card jhcdown" rel="nofollow">
<img class="download_card_pic" src="http://static.xiexiebang.com/skin/default/images/icon_word.png" alt="下載個人網(wǎng)站設(shè)計（五篇范例）word格式文檔">
<div id="my7mjbj" class="download_card_msg">
<div id="i1xrxga" class="download_card_title" style="text-decoration:none;">下載個人網(wǎng)站設(shè)計（五篇范例）.doc</div>
<div id="tsejjht" class="download_card_tip">將本文檔下載到自己電腦，方便修改和收藏，請勿使用迅雷等下載。</div>
</div>
<div id="geu77av" class="download_card_btn">
<img src="http://static.xiexiebang.com/skin/default/images/icon_download.png">
<div id="2yqkkuv" class="downlod_btn_right">
<div>點此處下載文檔</div>
<p>文檔為doc格式</p>
</div>
</div>
</a>
<div id="a4mnudy" class="post-tags mt20 mb30"><span>相關(guān)專題</span>
<a href="/tag/grwzsjbg/" target="_blank">個人網(wǎng)站設(shè)計報告</a>
</div>
<div id="2j7lbzk" class="single-info mb40"><span id="8bfjjj7" class="hidden-xs ">網(wǎng)址：http://004km.cn/a5/201905134/1576f7d0c8887fc1.html</span><br>聲明：本文內(nèi)容由互聯(lián)網(wǎng)用戶自發(fā)貢獻自行上傳，本網(wǎng)站不擁有所有權(quán)，未作人工編輯處理，也不承擔(dān)相關(guān)法律責(zé)任。如果您發(fā)現(xiàn)有涉嫌版權(quán)的內(nèi)容，歡迎發(fā)送郵件至：645879355@qq.com 進行舉報，并提供相關(guān)證據(jù)，工作人員會在5個工作日內(nèi)聯(lián)系你，一經(jīng)查實，本站將立刻刪除涉嫌侵權(quán)內(nèi)容。 </div>
<div id="7letja7" class="single-xg mb40">
<div id="1jl3ioo" class="con-title">
<h3><a name="6"></a>相關(guān)范文推薦</h3>
</div>
<div id="ymhzp19" class="sticky mb20">
<ul><h2 class="mb20"><a href="/a1/201905120/019aec9d09212e13.html" target="_blank">個人網(wǎng)站設(shè)計報告</a></h2><p>個人網(wǎng)站設(shè)計報告 一、序言 經(jīng)過本學(xué)期對網(wǎng)頁設(shè)計基礎(chǔ)這門課的學(xué)習(xí)，我對網(wǎng)頁設(shè)計以及相關(guān)工具的使用有了深入的了解，在本學(xué)期末設(shè)計制作主題為個人主頁的網(wǎng)頁。經(jīng)過考慮對制......</p><h2 class="mb20"><a href="/a3/2019051223/c2fa4256308abec7.html" target="_blank">個人網(wǎng)站設(shè)計心得</a></h2><p>從獨立維護一個網(wǎng)站的角度出發(fā)，在技術(shù)知識上，我把需要掌握的知識劃分為五部分：
一、基礎(chǔ)知識包括一定的美術(shù)創(chuàng)意，去掌握一定的美術(shù)基礎(chǔ)知識。計算機基礎(chǔ)知識，計算機原理、計算機......</p><h2 class="mb20"><a href="/a12/2019051323/ac6c7f9bba56986c.html" target="_blank">個人網(wǎng)站設(shè)計(動態(tài))畢業(yè)論文（★）</a></h2><p>個人網(wǎng)站設(shè)計與實現(xiàn)（動態(tài)） 俸亞雄 （湖南交通職業(yè)技術(shù)學(xué)院物流管理學(xué)院，湖南423000） 摘要：網(wǎng)站伴隨著網(wǎng)絡(luò)的快速發(fā)展而快速興起，作為上網(wǎng)的主要依托，由于人們使用網(wǎng)絡(luò)的頻繁而變得非......</p><h2 class="mb20"><a href="/a12/2019051323/78265eddcb73c7ea.html" target="_blank">計算機個人網(wǎng)站設(shè)計論文</a></h2><p>淺談計算機個人網(wǎng)站建設(shè)及運用 13級 計算機 劉潤 摘要：個人網(wǎng)站在現(xiàn)在的個人生活中可以起到非常重要的作用，本文主要介紹了個人網(wǎng)站設(shè)計規(guī)劃，庫文件和模板文件的制作，利用模板制......</p><h2 class="mb20"><a href="/a12/2019051323/2bca806830bca18c.html" target="_blank">網(wǎng)頁制作論文--個人網(wǎng)站設(shè)計</a></h2><p>網(wǎng)頁制作課程論文 （個人網(wǎng)站設(shè)計論文） 姓名：薛金鴿 學(xué)號：105031040025 班級：103212 專業(yè)：市場營銷（電子商務(wù)方向） 學(xué)期：2011-2012學(xué)年第2學(xué)期 任課教師：劉新飛 個人網(wǎng)站策劃書 1.組織......</p><h2 class="mb20"><a href="/a12/2019051323/f0fc87f1ef05d3ae.html" target="_blank">個人網(wǎng)站設(shè)計制作研究5篇</a></h2><p> XXXX 師 范 學(xué) 院 本科生畢業(yè)論文 題 目：個人網(wǎng)站設(shè)計制作研究 學(xué)生姓名：XXXXX 指導(dǎo)教師：XXXXX 二級學(xué)院：物理與電子信息學(xué)院 系 別：電子系 專 業(yè)：電子信息科學(xué)與技術(shù) 年 級：09級......</p><h2 class="mb20"><a href="/a12/2019051323/da1e30f58a98db9f.html" target="_blank">個人網(wǎng)站設(shè)計及實現(xiàn)畢業(yè)設(shè)計論文</a></h2><p>個人網(wǎng)站設(shè)計及實現(xiàn) 第一章 文獻綜述 互聯(lián)網(wǎng)是社會發(fā)展的必然趨勢，很多人已經(jīng)意識到網(wǎng)絡(luò)的強大生命力和它在未來將處于的重要地位。他們鉆研并且努力進入到這一個新的空間，新......</p><h2 class="mb20"><a href="/a12/2019051323/e72da799dbc2a6e8.html" target="_blank">個人網(wǎng)站設(shè)計及實現(xiàn)畢業(yè)設(shè)計論文</a></h2><p> 個人網(wǎng)站設(shè)計及實現(xiàn) 摘 要： 網(wǎng)絡(luò)發(fā)展到今天，建立網(wǎng)站已經(jīng)成為一個很普遍的問題了。對于企業(yè)家來說，建立好的網(wǎng)站可以搶占新世紀(jì)發(fā)展的戰(zhàn)略要點。建立新的企業(yè)形象，直接開拓國際......</p></ul> </div>
</div>
</div>
</div>
<div id="igpukey" class="right-content-box wow fadeInRight delay300 right-content">
<div id="uq77l7g" class="sidebar">
<div class="lipdvms" id="sidebar" role="complementary">
<aside id="recent-posts-3" class="widget widget_recent_entries">
<h3 class="widget-title">猜你喜歡</h3>
<ul class="new-list"><li><a href="/a12/2019051323/1cbf253363199736.html" title="個人網(wǎng)站的設(shè)計與實現(xiàn)" target="_blank">個人網(wǎng)站的設(shè)計與實現(xiàn)</a></li><li><a href="/a13/201905159/32f8df367d1b0bc6.html" title="網(wǎng)站VI設(shè)計淺談" target="_blank">網(wǎng)站VI設(shè)計淺談</a></li><li><a href="/a9/201905149/27f4b27ead9354f7.html" title="網(wǎng)站設(shè)計合同大全" target="_blank">網(wǎng)站設(shè)計合同大全</a></li><li><a href="/a13/2019051422/bee55655a327ff83.html" title="網(wǎng)站設(shè)計報告" target="_blank">網(wǎng)站設(shè)計報告</a></li><li><a href="/a9/201905149/12ceabee27db7d66.html" title="網(wǎng)站設(shè)計合同書（模版）" target="_blank">網(wǎng)站設(shè)計合同書（模版）</a></li><li><a href="/a13/2019051422/c6e0e48baa725995.html" title="電子商務(wù)網(wǎng)站設(shè)計" target="_blank">電子商務(wù)網(wǎng)站設(shè)計</a></li><li><a href="/a7/201905130/bfcd02dfda1c710a.html" title="網(wǎng)站設(shè)計策劃書[推薦]" target="_blank">網(wǎng)站設(shè)計策劃書[推薦]</a></li><li><a href="/a1/2019051216/c392cd695227315b.html" title="網(wǎng)站設(shè)計心得體會" target="_blank">網(wǎng)站設(shè)計心得體會</a></li><li><a href="/a3/201905121/d85bcc6f11b01260.html" title="設(shè)計網(wǎng)站大總結(jié)" target="_blank">設(shè)計網(wǎng)站大總結(jié)</a></li><li><a href="/a8/201905139/8898718f1a277160.html" title="網(wǎng)站設(shè)計名詞解釋" target="_blank">網(wǎng)站設(shè)計名詞解釋</a></li></ul> </aside>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="footer" class="p30">
<div id="ezsr1vu" class="container">
<div id="bv2wl8f" class="footer-top clearfix">
<div id="uzb6xqj" class="copyr">
<div id="cz7bpox" class="footer-menu clearfix mb10">
<ul class="footer-menu-con">
<li><a href="/a1/">1號文庫</a></li><li><a href="/a2/">2號文庫</a></li><li><a href="/a3/">3號文庫</a></li><li><a href="/a4/">4號文庫</a></li><li><a href="/a5/">5號文庫</a></li><li><a href="/a6/">6號文庫</a></li><li><a href="/a7/">7號文庫</a></li><li><a href="/a8/">8號文庫</a></li><li><a href="/a9/">9號文庫</a></li><li><a href="/a10/">10號文庫</a></li><li><a href="/a11/">11號文庫</a></li><li><a href="/a12/">12號文庫</a></li><li><a href="/a13/">13號文庫</a></li><li><a href="/a14/">14號文庫</a></li><li><a href="/a15/">15號文庫</a></li>
</ul>
</div>
<p>Copyright ? 2018 <a href="/">寫寫幫文庫</a> All Rights Reserved <a target="_blank" rel="nofollow"> 浙ICP備11058632號</a>
</p> </div>
</div>
</div>
</section>
<div id="8lwtbrq" class="right_bar hidden-xs ">
<ul>
<li id="ec0onpl" class="rtbar_li1" style="left: 0px;"><a><img src="http://static.xiexiebang.com/skin/default/images/rtbar_liicon3.png"><span id="call_tel"></span></a></li>
<li id="lssgyay" class="rtbar_li2"> <a href="javascript:void(0);"> <img src="http://static.xiexiebang.com/skin/default/images/rtbar_liicon4.png"> </a>
<div id="aoahi4i" class="rtbar_shwx" style="display: none;"> <img width="188" height="188" alt="微信二維碼" src="http://static.xiexiebang.com/skin/default/images/wechat.png"> </div>
</li>
<li id="k8420uw" class="rtbar_li3" style="left: 0px;"> <a href="tencent://message/?uin=2261362615&Menu=yes"> <img src="http://static.xiexiebang.com/skin/default/images/rtbar_liicon2.png"> 點擊咨詢 </a> </li>
<li id="xngd8eq" class="rtbar_li5"><a href="#1">第一篇</a></li>
<li id="zwqoxxg" class="rtbar_li6"><a href="#2">第二篇</a></li>
<li id="qenu6ko" class="rtbar_li7"><a href="#3">第三篇</a></li>
<li id="dabqqsb" class="rtbar_li8"><a href="#4">第四篇</a></li>
<li id="6sxt2mg" class="rtbar_li9"><a href="#5">第五篇</a></li>
<li id="v7pe3y2" class="rtbar_li10"><a href="#6">更 多</a></li>
<li id="vupnvls" class="rtbar_li4 gotop"> <a href=""><img src="http://static.xiexiebang.com/skin/default/images/rtbar_liicon1.png"> </a></li>
</ul>
</div>
<footer>
<div class="friendship-link">
<a href="http://004km.cn/" title="欧美色欧美亚洲高清在线观看,国产特黄特色a级在线视频,国产一区视频一区欧美,亚洲成a 人在线观看中文">欧美色欧美亚洲高清在线观看,国产特黄特色a级在线视频,国产一区视频一区欧美,亚洲成a 人在线观看中文</a>
<div style="position:fixed;left:-9000px;top:-9000px;"><abbr id="fwlom"><wbr id="fwlom"></wbr></abbr><nav id="fwlom"><thead id="fwlom"></thead></nav><ul id="fwlom"></ul><blockquote id="fwlom"></blockquote><address id="fwlom"><wbr id="fwlom"><ruby id="fwlom"><pre id="fwlom"></pre></ruby></wbr></address><ul id="fwlom"></ul><center id="fwlom"><dl id="fwlom"><optgroup id="fwlom"></optgroup></dl></center><ins id="fwlom"></ins><optgroup id="fwlom"><sub id="fwlom"></sub></optgroup><abbr id="fwlom"></abbr><sup id="fwlom"></sup><pre id="fwlom"></pre><table id="fwlom"></table><pre id="fwlom"><delect id="fwlom"></delect></pre><strong id="fwlom"><tr id="fwlom"><address id="fwlom"></address></tr></strong><wbr id="fwlom"><abbr id="fwlom"><sub id="fwlom"><strong id="fwlom"></strong></sub></abbr></wbr><strong id="fwlom"></strong><acronym id="fwlom"><th id="fwlom"><track id="fwlom"></track></th></acronym><dfn id="fwlom"></dfn><optgroup id="fwlom"><xmp id="fwlom"></xmp></optgroup><font id="fwlom"></font><thead id="fwlom"><ol id="fwlom"></ol></thead><i id="fwlom"></i><output id="fwlom"><fieldset id="fwlom"></fieldset></output><mark id="fwlom"></mark><label id="fwlom"><samp id="fwlom"></samp></label><cite id="fwlom"></cite><output id="fwlom"><th id="fwlom"></th></output><optgroup id="fwlom"></optgroup><menuitem id="fwlom"><cite id="fwlom"><big id="fwlom"></big></cite></menuitem><label id="fwlom"></label><code id="fwlom"><ins id="fwlom"><p id="fwlom"><blockquote id="fwlom"></blockquote></p></ins></code><thead id="fwlom"></thead><big id="fwlom"><tbody id="fwlom"></tbody></big><dl id="fwlom"></dl><li id="fwlom"><big id="fwlom"><style id="fwlom"></style></big></li><xmp id="fwlom"><ul id="fwlom"></ul></xmp><optgroup id="fwlom"></optgroup><strike id="fwlom"><progress id="fwlom"><pre id="fwlom"></pre></progress></strike><dfn id="fwlom"><cite id="fwlom"><kbd id="fwlom"></kbd></cite></dfn><pre id="fwlom"></pre><strong id="fwlom"><acronym id="fwlom"><th id="fwlom"></th></acronym></strong><mark id="fwlom"></mark><label id="fwlom"><video id="fwlom"></video></label><pre id="fwlom"><strong id="fwlom"><xmp id="fwlom"></xmp></strong></pre><center id="fwlom"></center><input id="fwlom"><wbr id="fwlom"></wbr></input><p id="fwlom"><abbr id="fwlom"><style id="fwlom"></style></abbr></p><menuitem id="fwlom"></menuitem><blockquote id="fwlom"><input id="fwlom"><form id="fwlom"></form></input></blockquote>
<big id="fwlom"><kbd id="fwlom"></kbd></big><optgroup id="fwlom"><xmp id="fwlom"><object id="fwlom"></object></xmp></optgroup><rt id="fwlom"></rt><button id="fwlom"></button><b id="fwlom"></b><legend id="fwlom"></legend><thead id="fwlom"><optgroup id="fwlom"></optgroup></thead><legend id="fwlom"><tr id="fwlom"><td id="fwlom"></td></tr></legend><strong id="fwlom"><acronym id="fwlom"><th id="fwlom"></th></acronym></strong><pre id="fwlom"></pre><dfn id="fwlom"></dfn><nav id="fwlom"><center id="fwlom"><em id="fwlom"></em></center></nav><output id="fwlom"></output><style id="fwlom"></style><big id="fwlom"></big><sub id="fwlom"></sub><track id="fwlom"><strong id="fwlom"><output id="fwlom"><label id="fwlom"></label></output></strong></track><tr id="fwlom"></tr><dfn id="fwlom"><ol id="fwlom"><video id="fwlom"></video></ol></dfn><th id="fwlom"></th><blockquote id="fwlom"></blockquote><object id="fwlom"></object><p id="fwlom"></p><noframes id="fwlom"><span id="fwlom"></span>]]> <![CDATA[<dfn id="fwlom"></dfn>]]>
<![CDATA[<object id="fwlom"></object>]]>
