第一篇：我國婦幼保健院網站設計中的導航設計研究論文

摘要：對國內6所婦幼保健院的網站導航設計情況進行了在線調查，并對調查結果進行了分析。在此基礎上對醫院網站導航建設提出了相關建議。

關鍵詞：網站導航；導航設計；導航技術

中圖分類號：TP319文獻標識碼：A文章編號文章編號：16727800（2013）008009502

0引言

隨著網絡技術的發展，越來越多的人都通過網絡獲取信息和資源。醫院網站是醫院宣傳與展示的窗口，是醫院與外界相互了解的信息橋梁，它的建設是否科學對醫院的信息建設起著重要作用。婦幼保健機構是衛生事業的重要組成部分，是以婦女、兒童、孕產婦為主要服務對象的專科醫療保健機構，具有獨特的性質和職能。網站導航是用戶瀏覽網站的“引路人”，如果導航設計得科學，可以有效避免用戶迷航，提高用戶對網站資源的利用效率。

1調查對象、內容與方法

1.1調查對象

選擇有代表性的國內6所省級婦幼保健院，分別是北京婦幼保健院、廣東省婦幼保健院、湖北省婦幼保健院、黑龍江省婦幼保健院、四川省婦幼保健院、廣西壯族自治區婦幼保健院。這6所三甲婦幼保健院的網站比較成熟，基本可以代表我國婦幼保健院的網站建設水平。

1.2調查內容與方法

導航結構、輔助性導航如網站地圖、搜索引擎是目前醫院網站中比較典型的網站導航設計相關項目[13]。因此，本文選取網站的導航結構、輔助性導航作為本文的研究內容，并且在線瀏覽查閱這些婦幼保健院的站，按事先擬好的調查內容分別記錄每個婦幼保健院網站導航設計的具體情況。

2婦幼保健院網站導航現狀調查分析

2.1導航結構不清晰

一個優秀的網站導航結構能夠有效地幫助用戶解決4個問題：①我在哪里；②我可以到達哪些地方；③我怎樣才能到達目標地；④我到達目標地后怎樣才能回到我的出發點[4]。但是，仍然有很多網站未能較好解決這些問題。筆者瀏覽以上6所婦幼保健院的網站發現，這些網站的導航結構普遍存在如下問題：網站缺乏當前位置，用戶不知道下一步怎樣走，不知道怎樣回到出發點，不知道所處的位置在哪（如廣西婦幼保健院）；頂部導航過多，缺乏下拉菜單導航即二級導航，用戶很難較快地找到自己想要的信息（如湖北省婦幼保健院）；二級導航位置不明顯或不適合用戶的閱讀習慣，使得用戶容易忽略二級導航的存在，致使用戶達不到想去的目標地（如廣西婦幼保健院、北京婦幼保健院）。

2.2缺乏輔助性導航

常見的輔助性導航有網站地圖和搜索引擎：網站地圖是一個網站所有鏈接的容器，以一個單獨的頁面顯示整個網站內容分布情況，以便用戶快速了解整個網站的結構、框架、內容分布，幫助迷失的用戶找到他們想看的頁面；搜索引擎是指根據一定的策略、運用特定的計算機程序檢索網上信息工具，將縱橫交錯的網頁鏈接起來，允許用戶使用他們熟悉的術語檢索自己需要查找的內容。在網站建設中，如果能很好地將網站地圖和搜索引擎結合使用，便能讓用戶快速準確地找到目標信息。以上6個網站中，有4個網站沒有網站地圖，有3個沒有搜索引擎，既有網站地圖又有搜索引擎的網站只有一所醫院，即北京婦幼保健院。這6所醫院的網站，除了黑龍江省婦幼保健院的網站信息和內容較為簡單外，其余5所醫院的網站內容和信息都比較復雜，若沒有相應的輔助性導航工具，用戶容易迷航。以上數據表明，大多數醫院都不夠重視輔助性導航的作用，沒有深入了解用戶的需求。

2.3導航鏈接文字意義不明確

文字是人類書寫語言的符號和交流信息的重要工具，在網站建設中，導航文字是用戶獲取信息的主要要素，如果鏈接的文字意思不夠明確或過于籠統，就會導致用戶不知道該鏈接到底指向一個什么內容的頁面，不知道怎么找到所需的信息。

3對醫院網站導航設計的建議

導航是連接用戶與內容的橋梁，導航設計的優劣及其是否易于使用都會直接影響用戶對網絡內容的獲取。可以根據用戶認知心理相應地對導航結構、網站地圖、網站搜索等不同類型的導航進行設計，有針對性地滿足不同用戶的需求，快速引導他們找到所需的信息。

3.1導航結構設計

網站的導航結構設計需注意4點：①要保證整個網站中每個網頁的位置、內容、視覺風格統一；②頂部導航要包括到達網站中不屬于內容層次的重要元素的鏈接，并且每個子網都應包含返回首頁的鏈接以及當前位置；③二級導航的位置最好保持固定不變，因為固定的位置能為用戶指引方向，以免迷航；④避免過深的層級關系，如果二級導航比較多，可以考慮設置下拉菜單[5]。根據用戶自上而下、從左到右的認知過程，可以如圖1設置整個網站結構。其中下拉菜單是隱蔽的，即當鼠標經過頂部導航時，下拉菜單導航顯示出來，當鼠標離開頂部導航時，下拉菜單導航隱蔽起來。搜索框和網站地圖放在頂部，易引起用戶的注意，用戶可以方便快速地確定所需的信息。在文章的右上方提供當前位置，可以方便學習者知道自己所處的位置，以免迷航。

圖1網站結構設置

3.2搜索引擎設計

用戶如果對整個網站結構沒有清晰認識，當其進入網站時，一般會尋找搜索框輸入關鍵詞進行搜索，如果關鍵詞與網站內容相匹配，網站就會將檢索結果陳列出來。用戶的檢索過程看似簡單，實際上并不簡單，圖2顯示了用戶的檢索過程。

從圖2可知，整個檢索過程中搜索這一步驟非常重要，可以說，用戶能否準確地獲取所需的信息，搜索引擎起到關鍵性作用。實際搜索引擎的原理，可以看作3步：從互聯網上抓取網頁→建立索引數據庫→在索引數據庫中搜索排序。從互聯網上抓取網頁：利用能夠從互聯網上自動收集網頁的Spider系統程序，自動訪問互聯網，并沿著任何網頁中的所有URL鏈接到其它網頁，重復該過程，并把鏈接過的所有網頁收集回來。建立索引數據庫：由分析索引系統程序對收集回來的網頁進行分析，提取相關網頁信息（包括網頁所在URL、編碼類型、頁面內容包含的關鍵詞、關鍵詞位置、生成時間、大小、與其它網頁的鏈接關系等），根據一定的相關度算法進行大量復雜計算，得到每一個網頁針對頁面內容以及超鏈中每一個關鍵詞的相關度（或重要性），然后用這些相關信息建立網頁索引數據庫。在索引數據庫中搜索排序：當用戶輸入關鍵詞搜索后，由搜索系統程序從網頁索引數據庫中找到符合該關鍵詞的所有相關網頁，因為所有相關網頁針對該關鍵詞的相關度早已算好，所以只需按照現成的相關度數值排序，相關度越高，排名越靠前，最后由頁面生成系統將搜索結果的鏈接地址和頁面內容等內容組織起來返回給用戶。

3.3網站地圖設計

網站地圖是為瀏覽者提供導航協助的重要方式之一，一般是以一個單獨的頁面顯示整個網站導航的分布情況。在選擇使用網站地圖時，必須考慮網站主頁設計風格和網站頁面總數。如果網站主頁在設計過程中已具備顯示整個網站資源的功能，則可以選擇不使用網站地圖。如果網站地圖包含太多鏈接，則人們瀏覽的時候容易迷失。因此，如果網站頁面總數超過了100個，就需要挑選出最重要的頁面。建議挑選下面這些頁面放到網站地圖中：①院、科室設置頁面；②管理機構頁面；③幫助頁面；④位于轉化路徑上的所有關鍵頁面；⑤訪問量最大的前10個頁面；⑥如果有站內搜索引擎，則挑選出從該搜索引擎出發點擊次數最高的那些頁面。

4結語

用戶訪問網站的根本目的是獲取信息，導航的作用就是引導用戶瀏覽和查找信息，導航的效率越高，用戶就越可能對網站保持興趣。網站導航是網站信息結構的體現，它們應該在網頁加載時立刻被顯示出來，這樣用戶就可以快速掃描導航選項，了解網站信息建構。在導航設計中要避免舍本逐末，為了單獨追求視覺效果而采取動態導航，這樣不僅導致導航加載速度緩慢，同時也影響了部分計算機應用能力較差的用戶的操作。網站導航是技術與思想的結合體，既要利用先進的計算機技術，又要通過網站整理信息資源，并服務于用戶。從技術角度看，網站導航是為了防止用戶在網絡空間“迷航”，防止迷航的方法包括導游線路、網站地圖、搜索/查詢、人工智能等，這些技術適合不同類型和規模的網絡信息。從上述的調查分析來看，在網站地圖和搜索引擎方面，導航技術還有待發展。婦幼保健院網站應密切關注相關新技術的發展，綜合應用各種技術方法進行網站導航建設。本文對導航設計提出幾點策略，只是從理論上給予建議，而未能從技術上提出具體操作。導航系統在婦幼醫院網站建設中扮演著重要角色，其設計和開發具有一定的特點和規范，但是沒有固定、絕對的范式。隨著婦幼醫院網站開發相關理念、技術的深入發展，導航系統的設計必將朝著標準化和智能化方向發展。

參考文獻參考文獻：

[1]YOUWEIWANG，WENIHUIDAI，YUFEIYUAN.Websitebrowsingaid：anavigationgraphbasedrecommendationsystem[J].DccisionSupportSystems2008，45：387400.[2]SALIMAILINDI，ADBELMAJIDBOUAZZA.AnevaluationstudyofthenavigationandsearchsystemsontwoacademicwebsitesandGoogle[J].TheInternationalInformation&LibraryReview，2010，42：5061.[3]王海娟.淺談圖書館網站導航[J].情報科學，2003，21（7）：782.[4]曹曉東.網站導航代價量化與測試算法研究[D].大連：大連理工大學，2005.[5]程萍，蔣曉.基于用戶認知的購物網站導航系統交互設計準則[J].包裝工程，2012，33（14）：7275.

第二篇：網站設計論文目錄

目錄

摘要................1

第一章 諸論............2

1.1設計思想..............2

1.2開發工具的選用及介紹............2

1.2.1

1.2.2

1.2.3

1.2.4

1.2.5HTML語言................2Macromedia DREAMWEAVER MX............2ASP.net..........3ADO.net..........5Microsoft SQL Server...........6

第二章 網站總體分析與設計..............9

2.1 網站結構分析................9

2.2 頁面設計構思................9

2.3 數據庫設計..........10

第三章 網站制作過程...............11

3.1 靜態頁面制作...............11

3.2 建立數據表..........15

3.3 Asp.net代碼編寫..........16

3.3.1 最新產品................17

3.3.2 產品信息................19

3.3.3 產品信息上傳............21

3.3.4管理員登陸、注銷...............24

3.3.5 在線留言的實現................26

第四章 系統使用說明與安裝..............29 參考文獻.................30 致謝...............31

第三篇：個人網站設計論文

秦皇島職業技術學院信息工程系

分類號： TP319

秦皇島職業技術學院 課程設計（論文）

個人博客網頁設計論文

學生姓專班指導教指導教師職名 王飛飛 業 計算機應用技術 級 1100103 師

稱

目錄

摘要 …………………………………………………………………………………2 前言 …………………………………………………………………………………3 第一章 關于網絡的知識.............................................4

秦皇島職業技術學院信息工程系

1.1 INTERNET的簡介.................................................4 1.2 WWW的簡介....................................................4 1.3網頁基本構成元素..............................................5 1.4 制作網頁前的準備..............................................5 第二章 網站制作實戰...............................................6 2.1 站點..........................................................6 2.1.1 創建站點..................................................6 2.1.2 創建站點內容..............................................6 2.2 首頁..........................................................7 2.2.1 設置首頁布局和頁面屬性....................................7 2.2.2 查看和編輯頭內容..........................................9 2.2.3 插入圖像..................................................9 2.2.4 插入FLASH相冊...........................................10 2.2.5 插入文本.................................................10 2.3 創建其它網頁.................................................11 第三章 建立網頁鏈接..............................................12 3.1 文字鏈接.....................................................12 3.2 圖像鏈接.....................................................13 3.3在HTML語言中建立網頁鏈接....................................14 第四章 網站測試與維護 …………………………………………………………17 結論………………………………………………………………………………18 參考文獻 ……………………………………………………………………… 19 致謝………………………………………………………………………………20

摘 要

本論文主要是對個人網站的建立進行研究和探討。作品的主要技術指標包括：

1、制作出一個具有靜態技術的“個人網站”；

2、在制作的過程中，加強和 1

秦皇島職業技術學院信息工程系

深化以前所學的關于網頁設計的方法，同時更好的理解參考資料上的方法、理論和更好的利用Fireworks、Flash制作網站需要的一些圖片和影片。

本設計的主要內容包括：

1、個人網站的設計思想，整體規劃及相關基礎知識；

2、個人網站的首頁設計，包括簡單的HTML語言及效果圖；

3、個人網站的調試。

網頁規劃包含的內容很多，如網頁的結構、欄目的設置、網頁的風格、顏色搭配、版面布局、文字圖片的運用等，也只有如此制作出來的網頁才能有個性、有特色，具有吸引力。

網站主題就是所要包含的主要內容，一個網站必須要有一個明確的主題。特別是對于個人網站，不可能像單獨的網頁那樣做得內容少而單一。所以必須要找準一些自己最感興趣內容，做深、做透，辦出自己的特色，這樣才能給人留下深刻的印象。

關鍵詞：技術指標

基本設計內容

網站規劃 網站主題

前言

隨著二十一世紀新興科技的飛速發展，如今的交流與交往不再是那么的單調，看如今不曾再有五百里加急文件的傳送，看如今已很少在出現寫信、寄信。人們正在運用現世紀的高科技來增加自己的交際圈，來發展自己的人脈關系，秦皇島職業技術學院信息工程系

同時，其它人也是通過高科技，悄悄的就能很容易地去了解，關注一個人。

正是因為人們的這些需求，所以出現了互聯網，正是因為人們的需求，所以出現了如今的網絡時代，網絡通訊工具。來方便人們的交往，交際與溝通。也正是因為人們的需求，所以出現了個人博客，通過一人簡單的網頁來展現自己的獨特魅力，自己的與眾不同。真正的做到了“足不出戶，便知天下人”。

互聯網加大了我們了解世界的眼界，縮緊了人與人之間的距離，這就更容易的使我們走上了信息化的道路。

我覺得一個網站的開始，應該有一個大體的規劃，網站的布局是最重要的，它起著一個網站成功與否的決定性作用，因為布局的好與壞，帶來的是網站整體上的美觀效果及應用。網站內容上也能決定著網站成功與否，一個網站上的每個字眼都可能決定著這個網站，因為你不知道哪個字就是吸引別人的內容，就是大家都追捧的話題，就是很潮的事物，所以內容上一定要謹慎。再有，就是網站的圖片，一定要確準好路徑，以免圖像的丟失而不能再網站中顯示，其次就是鏈接，在Dreamweaver中提供了很簡單的鏈接命令，根據其提示操作即可。

我做了一個簡單的個人博客的網站，通過這個網站能讓大家更深的了解我，同時更重要的是鍛煉自己的實踐能力，鞏固自己學習的知識，彌補自己學習的不足。

第一章 關于網絡的知識

1.1什么是Internet Internet是由眾多的計算機網絡互聯而成的互聯網，它覆蓋了全世界各地，3

秦皇島職業技術學院信息工程系

它是采用開放系統協議的計算機通訊網絡。然而，Internet不僅僅是計算機的互聯網，它還是全球最大的信息資源寶庫，它提供了包括科研、教育、文化娛樂、商業和信息交流等各種各樣的服務，使得世界范圍內的人與人之間的交流在時間和空間上變的更小了。

Web頁瀏覽：這是目前利用最廣泛、最直接的互聯網服務，通過瀏覽WWW（萬維網）中的網頁，可以了解世界各地的新聞，查看最新的股市行情，最新的娛樂動態、科技發明，找到眾多的就業信息??幾乎想找到什么樣的信息，就有什么信息。正是有了WWW、Internet才會變得如此豐富多彩，才能走進千家萬戶。1.2 WWW的簡介

WWW的全稱為World Wide Web，含義是“環球網”，又稱“萬維網”、3W、Web。WWW是一個基于超文本（Hypertext）方式的信息檢索服務工具。我們上網瀏覽到的網頁就是這樣的超文本，也就是HTML(Hypertext Mark-up Language,超文本標記語言)文件，這些網頁檔被放置到WWW服務器上，并且都有一定的地址。當我們想瀏覽某個網站時，首先要在計算機上安裝瀏覽器，如

Internet Explorer或Netscape，然后在瀏覽器中輸入網站的地址（網址），就可以進入網站進行瀏覽。在這些網頁中，都有超連接，當將鼠標指針移動到某個地方（如文本或圖像）時，鼠標指針就會變成一個小手形形狀，單擊它就可以連接到另個網頁中，從而使得瀏覽者能在不同的信息之間動畫和聲音等信息。通跳轉，我們之所以能在Internet的海洋中穿梭自如，正是超連接的功勞。

秦皇島職業技術學院信息工程系

1.3網頁基本構成元素

要學會制作網頁，首先需要了解網頁都是由什么元素構成的。文字：文本是構成網頁的基本元素。一個最簡單的網頁可以只有幾行文本。圖片：正是有個各種美麗的圖片，網頁才變得多姿多彩。動畫：如今，網頁上的動畫越來越多，最常用的有GIF動畫、Flash動畫等。超連接：如上所述，超連接幾乎是必不可少的。一個沒有超連接的網頁，就如同汪洋大海中的一座孤島，失去了與外界的一切聯系。其它元素：還可以在網頁中添加聲音、視頻等元素。1.4 制作網頁前的準備

計算機必備：計算機速度夠快，最好能夠上網。操作系統：Windows 98/NT/Me/2000/XP.其它軟件：看圖軟件ACDSee、圖像處理軟件Photoshop、上傳工具CuteFTP、Fireworks、動畫軟件Flash等。

秦皇島職業技術學院信息工程系

第二章 網站制作實戰

2.1 站點 2.1.1 創建站點

要制作一個網站，第一步操作都是一樣的，就是要創造一個“站點”，從菜單中選擇“站點/管理站點”在彈出的對話框中選擇“新建”，之后再選擇其中的“站點”，再次彈出一個對話框，在文本框中輸入自己已經企化好的網站名稱“my web”。填好后，單擊“下一步”，進入下一個步驟。由于我要做的是一個靜態的網頁，所以選擇上面的一項“否，我不想使用服務器技術。單擊“下一步”，進入下一個步驟。在此選項中有兩個選擇，選擇推薦的“編輯我的計算機上的本地副本，完成后再上傳到服務器”。底下的文本框允許在本地磁盤上指定一個文件夾，Dreamweaver將在其中儲存站點檔的本地副本。單擊該文本框后面的文件夾圖示，之后單擊“下一步“，進入下一個步驟。這一步是如何設置連接到遠程服務器，彈出式菜單中有6中選擇，這里選擇“無”。而后“下一步”再“完成”，即可。2.1.2 創建站點內容

站點創建完成后，就可以創建Web頁來填充站點了。在“右側浮動面板組”中選擇“檔/檔”面板，在彈出的菜單中選擇“新建文件”，新建一個檔后將其命名為“index.htm(或index.html),它就是未來的首頁。

秦皇島職業技術學院信息工程系

2.2 首頁

2.2.1 設置首頁布局和頁面屬性

一、設置首頁布局

每個網站都會有一個首頁，就功能上而言，它代表著一個網站的風格與特色，就網站架構上而言，它代表了網站的第一層架構，首頁是打開網站后在瀏覽器中顯示的第一個頁面。它是起什么名字通常要視Server端的設置，一般的有index.htm,default.htm或home.htm等，目前主要以index.htm的居多。當然，后綴名為html也是正確的。具體設置方法是：右健單擊“檔”浮動面板中的index.htm,在彈出的菜單中選擇“設成首頁”。操作步驟：

1、在“插入快捷欄”的“布局”分類中，單擊“布局表格”按紐。

2、將變成“+”形狀的鼠標游標放到編輯中網頁上，在要繪制的地方進行拖動就可以進行創建了。（如果繪制的是第一個表格必須從網頁的最左上角開始繪制）。“index”表格布局如下圖：

秦皇島職業技術學院信息工程系

二、設置首頁的頁面屬性

首先雙擊“檔”浮動面板中的index.htm,進入頁面的編輯窗口。右健單擊空白區域，在菜單中選擇“頁面屬性”，之后彈出“頁面屬性”對話框，若選擇主菜單“修改/頁面屬性”項，也可以把打開該對話框。

在“頁面屬性”對話框中，左側窗口顯示“分類”，其中包括了“外觀”、“鏈接”、“標題”、“標題/編碼”、“跟蹤圖像”5項，右側區域則顯示各類中可以設置的項目

“index”首頁設置的屬性如下圖所示：

秦皇島職業技術學院信息工程系

2.2.2 查看和編輯頭內容

一個網頁文件結構上實際是由兩部分組成，頭（head）內容和主體（body）內容主體內容（body）是文檔的主要部分，也是包含文本和圖像等的可見部分。頭內容（head）是除文檔標題外的不可見部分，包含有文文件類型、語言編碼、搜索引擎的關鍵的關鍵詞和內容指示器以及樣式定義等重要信息，這些元器并不是每個頁面都需要的，例如，可以僅為主頁提供關鍵詞。2.2.3 插入圖像

圖像是網頁中不可或缺的組成成份，恰當地使用圖像，可以使網站充滿生活生命力與說服力，吸引更多的瀏覽者，加深他們欣賞你網站的意愿。首先將游標停留在要插入圖像的位置，然后單擊“菜單欄”下面“插入快健欄”的下拉表，選擇其中的“常用”類，則右側將會顯示該類中可以插入的對象快鍵按鈕。左起第5個即為“圖像：圖像”按鈕，單擊它右側的下拉列表，選擇第1項“圖像”。隨即彈出“選擇圖像源文件”對話框。從計算機磁盤中選擇想要插入的圖像文件，下面的“相對于”下拉表框中，可選擇文件URL地址的類型，插入logo圖像，如圖所示:

秦皇島職業技術學院信息工程系

最后單擊“確定”按鈕，即可完成插入圖像的操作。2.2.4 插入FLASH相冊

在Dreamweaver 8中，除了之前講到的可以插入“圖像”外，還可插入動畫、聲音、視頻，FLASH相冊等媒體元素，并且還可以在Dreamweaver自身內插入Macromedia Flash MX2004按鈕和文本對象，以及進行相關的后期處理和添加設計備注等操作。在Dreamweaver 8文文件中，可以插入媒體文件包Flash 相冊、QuickTime、AVI java、applet Active X控件以及各種格式的音頻檔。要在瀏覽器中播放放Flash 相冊，必須在瀏覽器中集成“Flash 播放器（Flash Player）”。操場作步驟：

步驟1、將游標停留在要插入Flash的位置，然后單擊菜單欄下面“插入”的下拉列表，選擇其中的“FLASH”分類，找到圖像查看器命令，單擊彈出保存對話框，選擇要保存的地方和名稱，點擊保存。

步驟

2、在Dreamweaver中將會產生一個flash相冊，在Dreamweaver中的最右邊將會有一個flash元素，一次將flash的屬性修改，既可完成一個flash相冊的制作。2.2.5 插入文本

文字是人類語言最基本的表達方式，在網頁中，文本內容也可以說是重要的組成部分，它是最關鍵的因素。插入文本的兩種方式：一種是在網頁編輯窗口中直接用鍵盤敲入文本。另一種是復制文本的方式。直接使用Dreamweaver的文本復制功能，將大段的文本內容拷貝到網頁的編輯窗口來進行排版的工作，10

秦皇島職業技術學院信息工程系

具體步驟如下：打開文本編輯軟件（如Microsoft Word），選中要復制的文本，它們將反白顯示，執行菜單“編輯/復制”命令或直接用快捷鍵Ctrl+C，之后切換回Dreamweaver,將游標停留在插入文本的位置，執行主菜單“編輯/粘貼”命令或直接使用快捷鍵Ctrl+v,即可將大段的文本快速粘貼到網頁中。這在我的“閑情逸致”中用到很多。2.3 創建其它網頁

還有其它的幾個網站與主頁的制作相同，一個網頁是圖像和文字的組合。“相冊”子頁中的FLASH相冊的插入和前面的介紹相同。

秦皇島職業技術學院信息工程系

第三章 建立網頁鏈接

網站實際上是由很多網頁組成的，那么網頁之間是如何聯系的呢？這就是本章要講的內容----網頁的“鏈接”。“鏈接”，又稱“超鏈接"（Hyperlink）,它作為網頁的橋梁。網頁中的很多對象都可以加入“鏈接”屬性。在Dreamweaver 8中，如果以“鏈接”的媒介來劃分的話，則“鏈接”可以分為“文字鏈接”、“圖像鏈接”、“圖像地圖鏈接”、“內部鏈接和外部鏈接”、“E-mail鏈接”、“命名錨記鏈接”、“文件下載鏈接”和“跳轉菜單”，共8種。3.1 文字鏈接

“文字鏈接”即以文字作為媒介的鏈接，它是網頁中最常被使用的鏈接方式，具有“文件小、制作簡單和便于維護”的特點。接下來結合我的個人網站為實例，來講解如何為文字建立“鏈接”。操作步驟：

步驟1、準備好已經制作完成的首頁的各個欄目頁面

步驟

2、在Dreamweaver 中打開首頁，之后反白選取作為“鏈接”的文字。步驟

3、觀察“屬性面板”，其中包括一個“鏈接”文本框。步驟

4、接下來需要把鏈接的位址加入到文本框中。

步驟

5、在“鏈接”文本框下面還有一個“目標”下拉列表，從中可以選擇鏈接網頁顯示的窗口方式，共有4種。如圖：

步驟

6、還可以設置一些“鏈接”的屬性，單擊“屬性面板”中的“頁面 12

秦皇島職業技術學院信息工程系

屬性”，選擇其中的“鏈接”分類，可以進行的設置有“鏈接字體”、“大小”、“鏈接顏色”、“變換圖像鏈接”顏色、“已訪問鏈接”顏色、“活動鏈接”顏色及“下劃線樣式”。

步驟

7、至此，第1個欄目的鏈接就制作完畢了，按下Ctrl+S保存網頁，再按下F12預覽，測試一下，當鼠標放在“放松心情”這4個文字上時將變成手形，并且瀏覽器窗口下面的狀態區中會顯示鏈接到的網頁的位址，單擊文字，頁面會立即跳轉到第1個欄目中，這表示鏈接已經制作成功了。

步驟

8、同理，按照以上步驟，再為“閑情逸致”和“個人主頁”等其它欄制作指向對應欄目的鏈接。

至此，整個“文字鏈接”的實例就全就全部完成了。3.2 圖像鏈接

“圖像”也是常被使用的鏈接媒體，它和“文字鏈接”非常相似。為圖像加入鏈接，首先應該在網頁中插入“圖像”，有關插入“圖像”或“導航條”按鈕的內容，接下來以我的網站“my web“為例，講解如何建立“圖像鏈接”。操作步驟：

步驟

1、首先仍然要準備好已經制作完成的首頁和各個欄目的頁面 步驟

2、在Dreamweaver中打開網站的首頁，之后選取要制作“鏈接”的圖像。

步驟

3、觀察“屬性面板”，在“鏈接”文本框中輸入鏈接的文字位址。步驟

4、如果有需要，可以在“目標”下拉列表中選擇“鏈接”網頁顯示 13

秦皇島職業技術學院信息工程系 的窗口方式，分別為-blank、-parent、-self或-top。

步驟

5、至此，第1個欄目的圖像鏈接就制作完畢了，按下Ctrl+S保存網頁，再按下F12預覽，測試一下，將鼠標放在“動畫制作”4個文字上時將變成手形，同時瀏覽器窗口下面的狀態區中會顯示出鏈接到的網頁的地址，并且會顯示出“替代”文本“動畫制作”，單擊文字，頁面會立即跳轉到第3個欄目中，這表示鏈接已經制作成功了。

步驟

6、同理，按照以上步驟，再為其它幾幅圖像制作指向對應欄目的鏈接。

步驟

7、在欄目頁面中制作“返回首頁”的鏈接，使得單擊后可以跳轉回首頁。

至此，整個“圖像鏈像”的實例就全部完成了。3.3在HTML語言中建立網頁鏈接

一、文字鏈接

在HTML語言中用超鏈接標記指向一個目標。其基本格式為：舉個簡單的“文本鏈接”的實例，該實例相對應的HTML代碼如下所示。

a href-“index2.html”target=”-blank”>平面設計（新開窗口，-blank)

相冊（原窗口，默認為空）

留言

第四篇：PHP網站設計中信息安全的研究

PHP網站設計中信息安全防御的研究

來源：中國論文下載中心[ 11-09-16 08:44:00 ]作者：羅有明編輯：studa11071

1摘要：網絡具有開放性和共享性的特點，在給人們的生活帶來便利的同時，也對網絡用戶的信息安全帶來了威脅。本文研究了在PHP網站開發過程中信息安全防御技術，列舉在PHP網站開發時容易出現的安全漏洞以及這些漏洞帶來的危害，同時還介紹了黑客常用的攻擊手段并給出相應的解決方案。

關鍵詞：安全防御；PHP；網站

0引言

當前網絡與信息安全產業已成為對各國的國家安全、政治穩定、經濟發展、社會生活、健康文化等方方面面具有生存性和保障性支撐作用的關鍵產業。網絡與信息安全可能會影響個人的工作、生活，甚至會影響國家經濟發展、社會穩定、國防安全。因此，網絡與信息安全產業在整個產業布局乃至國家戰略格局中具有舉足輕重的地位和作用。本文對PHP網站設計中信息安全防御的研究具有重要的意義。

1PHP編碼過程中的安全問題及其防范

服務器和PHP的運行環境配置好后，并不意味著網絡應用就安全了，程序員的安全意識也起著決定性的作用。如果程序員的安全意識不高，對用戶的所有輸入都沒有進行安全驗證，那么，所有有害的指令都將作為合法指令被執行。

1.1SQL注入的防范

程序員在編寫代碼的時候，沒有對用戶輸入數據的合法性進行判斷，使得用戶可以提交一段數據庫查詢代碼，根據程序返回的結果，獲得某些他想得知的數據，這就是所謂的SQL Injection，即SQL注入。

1）經典的'or 1=1' 注入

‘or 1=1’注入是非常經典的注入語句，一般用在登錄系統時繞過密碼驗證，以任意用戶名登入。其原理是利用程序員在編寫驗證程序的時候沒有驗證用戶的輸入是否含有非預期的字符串，直接傳遞給mysql_query()函數執行，or 1=1使得無論密碼是否匹配保證驗證語句為真，達到繞過密碼驗證的目的2）利用union語句的注入

Union 語句是利用其特性，使程序默認的語句出錯，讓程序執行union之后自己構造的SQL語句，達到注入的目的。

3）防SQL注入的通用解決方案

注入的手段是多種多樣，十分靈活的，但有一個共同點，都是利用沒有對輸入進行過濾。防止注入的方法也就是對傳遞給查詢語句的參數進行過濾。

第五篇：計算機個人網站設計論文

淺談計算機個人網站建設及運用

13級 計算機 劉潤

摘要：個人網站在現在的個人生活中可以起到非常重要的作用，本文主要介紹了個人網站設計規劃，庫文件和模板文件的制作，利用模板制作網頁，制作網頁特效的制作并使用ASP＋IIS＋Access技術實現了我的網站的各種功能，其中和數據庫的連接使用到了ODBC技術等。通過此次的學習能快速掌握個人網站設計制作的基本技巧和基本網站建設過程。

關鍵詞：網站；網頁制作；模版

引 言

在Internet飛速發展的今天，互聯網成為人們快速獲取、發布和傳遞信息的重要渠道，它在人們的政治、經濟、生活等方面發揮著重要的作用。Internet上發布信息主要是通過網站來實現的，獲取信息也是要在Internet海洋中按照一定的檢索方式將所需要的信息從網站上下載下來。因此網站建設居Internet應用上的地位顯而易見，它已成為政府、企事業單位信息化建設、個人網站建設中的重要組成部分，從而倍受人們的重視。個人網站已成為同學們討論最熱門的話題，適用于想通過建立網站交友、突出自我個性的廣大網站制作愛好者。

主要介紹了個人網站設計規劃，庫文件和模板文件的制作，利用模板制作網頁，制作網頁特效的制作等。通過此次的學習能快速掌握個人網站設計制作的基本技巧和基本網站建設過程。

首頁中主要涉及了個人簡介，照片匣子，我的作品，友情鏈接等。

一、個人網站設計規劃

隨著網絡技術的飛速發展，越來越多的個人擁有了自己的網站，為了設計一個有效的，引人注目的站點，應該有計劃，有步驟地完成一系列操作。在動手建立網站以前，對網頁進行完整，詳盡的整體設計是至關重要的。個人網站設計制作主要包括以下幾個步驟。

（一）確定網站的主題

對于主題的選擇主要按下列三個條件去考慮，本例所講的是一個個人介紹性質的網站，主體就是介紹個人的相關信息。

1、主題要小而精。一般來說，個人主頁的選材定位要小，內容要精。

2、對于個人網站來說主題最好是自己擅長或者喜愛的內容。這樣在制作時，才不會覺得無聊或者力不從心。興趣是制作網站的動力，沒有熱情，很難設計制作出優秀的作品。

3、主題不要太濫或者目標太高。

如果主題已經確定，就可以圍繞主題給該網站起一個名字，網站名稱也是網站設計的一部分，而且是關鍵的要素。

（二）確定網站的目錄結構

網站的目錄是指建立網站時創建的目錄。目錄結構的好壞，對瀏覽者來說并沒有什么太大的感覺，但是對站點本身的上傳維護以及以后的內容的擴充和移植有著重要的影響。

本站只是個人介紹性質的頁面，主要是靜態的幾個頁面，因此在建立目錄的時候，可以將其中的頁面文件直接放在根目錄下，所有的圖片可以放在images文件夾中。

下面是建立目錄結構的建議：

1、不要將所有文件都存放在根目錄下。

2、按欄目內容建立子目錄。

3、在每個主目錄下都建立獨立的images目錄。

4、目錄的層次不要太深。

（三）確定網站的整體風格

風格是指站點的整體形象給瀏覽者的綜合感受，包括站點的標志，色彩，字體，標語，版面布局，內容價值，存在意義，站點榮譽等諸多因素。本站采用白色，綠色等為主的色調，綠色具有清爽，理想，希望，生長的含義,采用這種明亮的綠色，和褐色的沉穩,營造了一個清晰明塊，充滿無限希望與活力的氛圍。

從整體風格的角度來看，下面就是一個好的網站標準：

1、簡潔實用：這是非常重要的，網絡特殊環境下，盡量以最高效率的方式將用戶所想得到的信息傳送給他就是最好的，所以要去掉所有冗余的東西。

2、整體性好：一個網站強調的就是一個整體，只有圍繞一個統一的目標所做的設計才是成功的。

3、網站形象突出：一個符合美的標準的網頁是能夠使網站的形象得到最大限度的提升的。頁面用色協調，布局符合形式美的要求：布局有條理，使網頁富有可欣賞性。

4、交互式強：發揮網絡的優勢，使每個使用者都參與到其中來，這樣的設計才能算是成功的設計。

（四）確定網站主要欄目和布局

因為每臺顯示器分辨率不同，所以同一個頁面的大小可能出現640*480像素，800*600像素，1024*768像素等不同尺寸。本站的所有頁面采用800*600像素制作。

通常版面布局按照如下步驟進行。

1、草案

新建頁面就像一張白紙，沒有任何表格，框架和約定俗成的東西，可以盡可能地發揮想象力，用一張白紙和一支鉛筆將想到的景象畫上去，當然用作圖軟件Photoshop，Fireworks等都可以。這屬于創作階段，不講究細膩工整，不必考慮細節功能，只以粗陋的線條勾畫出創意的輪廓既可。盡可能多畫，幾張，最后選定滿意的作為繼續創作的樣板。

2、粗略布局

在草案的基礎上，將確定需要放置的功能模塊安排到頁面上。必須遵循出重點，平衡協調的原則，將網站標志，主要欄目等最重要的模塊放在最顯眼，最突出的位置，然后再考慮次要模塊的排放。

根據本站的主要欄目確定了本站的布局草圖。我們可以把頂部導航區作top庫文件，在制作其他網頁文件時直接引用。在本站中的其他頁面風格和欄目相似，如果每次都重新設定網頁結構以及導航條，各類圖標就顯得非常麻煩，可以利用Dreamweaver先制作一個模板，然后利用模板再來創建其他的頁面。

二、創建個人網站站點

在制作網頁前，要先為網頁定義一個個人網站站點，用來存放站點中所有網頁文件及附屬文件。建設站點前先將配套的素材文件夾復制到本地硬盤上，在本地硬盤上創建個人網站，具體操作步驟如下。

1、選擇【站點】|【管理站點】命令，彈出【管理站點】對話框，在【管理站點】對話框中，單擊【新建】按鈕，然后從彈出的菜單中選擇【站點】。如下圖3-1所示：

圖3-1 管理站點

圖3-2 輸入站點名稱

2、彈出【站點定義】對話框，如果對話框顯示的是【高級】選項卡，則單擊【基本】選項卡，彈出【站點定義向導】的第一個界面，要求為站點輸入名稱。如圖3-2所示.3、單擊【下一步】按鈕，出現向導的下一個界面，詢問是否要使用服務器技術。選擇【否，我不想使用服務器技術】選項，指示目前該站點是一個靜態站點，沒有動態頁面。

4、單擊【下一步】按鈕，打開一個對話框，在文本框中輸入站點路徑。

5、單擊【下一步】按鈕，詢問是否使用遠程服務器，這里選擇【無】，因為將整個站點制作完成以后再上傳。

6、單擊【完成】按鈕，即出現【管理站點】對話框，其中顯示了新建的站點。

7、單擊【完成】按鈕，關閉【管理站點】對話框。現在，已經為站點定義了一個本地根文件夾，就可以在站點中制作網頁了，當制作完成以后，就可以上傳到服務器上供大家瀏覽了。

三、制作網頁模板

因為本網站中的幾個頁面都要用到相同的頁面元素和排版方式，因此可以使用模板以避免重復地在每個頁面輸入或修改相同的部分，在網站改版的時候，只要改變模板，就能自動更改所有基于這個模板的網頁。

（一）制作庫文件

在Dreamweaver中，庫項目是可以重復使用的項目之一，庫的用途和模板類似，都是可將同一內容用于不同的網頁，庫文件具體制作步驟如下。

1.選擇【文件】|【新建】命令，新建一空白網頁。

2.選擇【插入】|【圖像】命令，彈出【選擇圖像源文件】對話框，選擇lbi.jpg。3.單擊【確定】按鈕，即可插入圖像。

4.選擇【文件】|【另存為】命令，彈出【另存為】對話框，在【文件名】文本框中輸入文件名3.lbi，在【保存類型】中選擇【庫文件（* lbi）。

5.單擊【保存】按鈕，至此庫文件制作完成。

（二）制作模板

使用模板創建文檔可使站點具有統一的結構和外觀。無論是新建站點還是更新已有站點，如果要使站點中的所有頁面都共有某種特色，則模板非常有用。使用模板可以個次修改若干頁面，而不用對新頁面逐個設置屬性。制作模板具體步驟如下。

1.選擇【文件】|【新建】命令，彈出【新建文檔】對話框，在【常規】選項卡中選擇

【模板頁】類別中的【HTML模板】選項。如圖4-1.圖4-1 HTML

模板

2.單擊【創建】按鈕，創建一空白模板網頁。選擇【窗口】|【資源】命令，打開資源面板，在資源面板中選擇images/bj_01.jpg文件。如圖4-2

圖4-2 打開文件 3.單擊【插入】按鈕，即可插入庫文件。

4.將光標置于庫文件的下邊，選擇【插入】|【表格】命令，彈出【表格】對話框，并設置【行數】、【列數】，【表格寬度】設置為1005像素，單擊【確定】按鈕即可插入需要的表格。

5.將光標置于第1行單元格中單擊鼠標面板中【背景圖像】文本框右邊的 圖標，彈

出【選擇圖像源文件】對話框，從中選擇圖像文件夾中的images/bj_01.jpg文件，如圖4-3所示.圖4-3 選擇文件

6.單擊【確定】按鈕，即可插入背景圖像

7.用PHOTOSHOP CS2制作圖片Bj-04.jpg，如圖4-4

圖4-4 制作圖片

8.按需要分別插入圖片，使其組合成一個完整的頁面背景.9.預覽，效果如圖4-5所示

圖4-5 效果圖

（三）設置模板可編輯區

1.接上一節，將鼠標置于文檔想創建可編輯區域的位置。

2.選擇【插入】|【模板對象】|【可編輯區域】命令，彈出【新建可編輯區域】對話框，在對話框中，將【名稱】設置為index_1,如圖4-6所示.圖4-6 創建可編輯區域

3.單擊【確定】按鈕，即可創建可編輯區域，如圖4-7所示.圖4-7 可創建區域

（四）用模板制作網頁說明

可以利用模板快速的制作出大量的風格類似的網頁，當模板改變時，所有基于模板的網頁也隨之改變，這樣能有效的實現網站的更新。

四、利用模板制作網頁

（一）制作登錄主頁

1.切換到【顯示代碼視窗】，在代碼視圖狀態下，在和