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

目錄

摘要................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

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

目錄 前 言........................................................................................................................................................................2 第一章 緒論.............................................................................................................................................................4 1.1 網站建設的研究背景.................................................................................................................................4 1.2 網站建設的一般流程及其原則...............................................................................................................5 第二章 網站需求分析...........................................................................................................................................8 2.1 需求分析活動..............................................................................................................................................9 2.2 用戶調查活動..............................................................................................................................................9 2.3 市場調研.....................................................................................................................................................10 第三章 網站設計工具.........................................................................................................................................11 3.1 DREAMWEAVER制作工具................................................................................................................................11 3.2 ADOBE PHOTOSHOP軟件工具.........................................................................................................................12 3.3 HTML語言......................................................................................................................................................12 3.4 DIV+CSS..........................................................................................................................................................13 3.5 JAVASCRIPT代碼...........................................................................................................................................13 3.6 淘寶客.........................................................................................................................................................15 第四章 網站總體規劃........................................................................................................................................17 4.1 網站首頁設計............................................................................................................................................17 4.2 網站內容設計............................................................................................................................................17 4.3 網站功能設計............................................................................................................................................18 4.4 網站結構設計............................................................................................................................................18 4.5 網站頁面可視化設計...............................................................................................................................18 4.6 網站風格.....................................................................................................................................................18 4.7 網站的欄目和版塊設計..........................................................................................................................19 第五章 網站頁面實現........................................................................................................................................20 5.1 網站功能分析............................................................................................................................................20 5.2 首頁設計.....................................................................................................................................................20 5.3 內頁設計.....................................................................................................................................................23 5.4 部分技術實現............................................................................................................................................32 總 結........................................................................................................................................................................35 致 謝........................................................................................................................................................................36 參考文獻.................................................................................................................................................................37

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

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

分類號： 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)

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

留言

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

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

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.切換到【顯示代碼視窗】，在代碼視圖狀態下，在和

第五篇：論文參考設計目錄6

?

?

?

?

?

?

?

?

? 基礎護理四層質探法的實施-原創論文-畢業設計 基建項目工程造價控制-原創論文-畢業設計 基層銀行反洗錢初探-原創論文-畢業設計 基層醫院糖尿病健康教育探討-原創論文-畢業設計 基層醫院開展孕婦在妊娠至分娩期間的乳房保健知識宣教探討-原創論文-畢業設計 基層醫院發生護患糾紛的原因分析及對策-原創論文-畢業設計 基層醫院嚴重創傷患者的院前急救護理配合-原創論文-畢業設計 基層醫院上消化道大量出血病人的搶救及護理-原創論文-畢業設計 基于計算機通信技術的停車場收費系統設計+開題報告+論文縮寫+任務書+梯形圖設計-原創論文-畢業設計

?

?

?

?

?

?

?

?

?

?

? 基于網絡的房地產管理系統——信息發布和公文處理的實現-原創論文-畢業設計 基于激勵理論的中國私營企業的人力資源管理機制研究-原創論文-畢業設計 基于城網的人壽保險管理系統-原創論文-畢業設計 基于雙目視覺的圖像邊緣檢測-原創論文-畢業設計 基于價值工程的建筑施工項目成本控制研究-原創論文-畢業設計 基于WEB的網上考試系統的研究與實現-原創論文-畢業設計 基于web的網上書店系統開發-原創論文-畢業設計 基于WEB的教師信息管理系統-原創論文-畢業設計 基于WEB的多媒體網絡課件的制作-原創論文-畢業設計 基于WEB的多媒體網絡課件的制作(論文+源代碼)-原創論文-畢業設計 基于Web的多媒體素材管理庫的開發與應用（ASP源碼+25000字論文+開題報告+文獻綜述+外文翻

譯+外文資料）-原創論文-畢業設計 ?

?

?

?

?

?

?

?

?

?

?

?

?

?

?

? 基于web的信息處理系統（ASP，開題報告+論文+設計報告+源程序）-原創論文-畢業設計 基于WEB方式的在線考試系統開發-原創論文-畢業設計 基于VB的多機泵房監控系統設計-原創論文-畢業設計 基于VB實現的公寓管理系統源代碼-原創論文-畢業設計基于GSM和GPS技術的旅游類公司監控調度系統-原創論文-畢業設計 基于ERP優化成本控制的思考-原創論文-畢業設計 基于Delphi的俄羅斯方塊游戲-原創論文-畢業設計 基于bpl的delphi框架源碼-原創論文-畢業設計 基于ASP技術開發的網上構物系統+ACCESS數據庫+論文+源代碼可執行-原創論文-畢業設計 基于ASP技術企業電子商務網站的規劃與設計-原創論文-畢業設計

設計 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 基于ASP.NET的手機銷售網-原創論文-畢業設計 基于ASP.NET的企業信息門戶網站設計-原創論文-畢業設計 基于.net的學校網站開發-原創論文-畢業設計 培養閱讀興趣構建和諧課堂-原創論文-畢業設計 城郊信用聯社推行貸款五級分類的成效、難點和對策-原創論文-畢業設計 城市街頭搶劫搶奪犯罪的研究-原創論文-畢業設計 城市舊村改造問題探析-原創論文-畢業設計 城市房屋拆遷估價問題及對策建議-原創論文-畢業設計 城市區級家政網站的設計與開發-原創論文-畢業設計 城市化進程中流動人口犯罪的預防-原創論文-畢業設計 城市交通事故管理查詢系統設計-原創論文-畢業設計 垂體瘤切除術后并發癥的觀察與護理-原創論文-畢業設計 坐式分娩觀察-原創論文-畢業設計 坐式分娩的臨床觀察-原創論文-畢業設計 地震局網站的設計-原創論文-畢業設計 地質災害評估管理系統-原創論文-畢業設計 地空數據鏈實時信息處理和監控仿真系統-原創論文-畢業設計 地塞米松乳膏對淺靜脈炎的療效觀察-原創論文-畢業設計 地基處理和基礎設計-原創論文-畢業設計 地基基礎加固與設計方法淺析-原創論文-畢業設計 在語文教學中正確地把握語境-原創論文-畢業設計 在職護理人員繼續教育現況及發展趨勢研究-原創論文-畢業設計 在線銷售管理系統設計與實現-原創論文-畢業設計 在校生乙肝患者心理護理的研究-原創論文-畢業設計在臨床護理中如何預防孕婦宮縮乏力而致的產后大出血-原創論文-畢業設計 土木工程專業建設的探索和實踐-原創論文-畢業設計 土建結構工程的安全性和耐久性-原創論文-畢業設計 土建結構工程的安全性與耐久性-原創論文-畢業設計 土地征用若干問題的法律研究-原創論文-畢業設計 圖書館圖書管理系統-原創論文-畢業設計

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 圖書管理查詢系統-原創論文-畢業設計 圖書管理信息系統-原創論文-畢業設計 圖書發行信息管理系統-原創論文-畢業設計 圖書借閱管理系統含源代碼-原創論文-畢業設計 圖書信息管理系統-原創論文-畢業設計 圖書倉庫管理系統-原創論文-畢業設計 圖書倉庫應用管理系統-原創論文-畢業設計 國際融資租賃合同中的幾個法律問題初探-原創論文-畢業設計 國際原油價格上漲對我國汽車消費增長的影響分析-原創論文-畢業設計 國泰財富中心附著式電動整體升降腳手架的施工方案設計-原創論文-畢業設計 國有銀行與外資銀行競爭問題探討-原創論文-畢業設計 國有商業銀行轉制過程中的內部控制分析-原創論文-畢業設計 國有商業銀行的危機-原創論文-畢業設計 國有商業銀行內部審計的現狀與對策-原創論文-畢業設計 國有企業人力資源研究-原創論文-畢業設計 國家賠償法與精神損害賠償之我鑒-原創論文-畢業設計 國外跨國公司戰略聯盟在我國的經營戰略演變及其啟示-原創論文-畢業設計 國內臨床心理護理研究-原創論文-畢業設計 國產鹽酸氯普魯卡因在剖腹產手術中的臨床觀察-原創論文-畢業設計 固而蘇與沐舒坦對早產兒呼吸窘迫綜合征臨床治療的療效觀察與對比分析-原創論文-畢業設計 圍生期綜合護理預防新生兒寒冷損傷綜合癥的效果觀察-原創論文-畢業設計 圍生期健康教育對母嬰狀況的影響-原創論文-畢業設計 圍手術期疼痛的治療及護理體會-原創論文-畢業設計 圍手術期患者心理狀態-原創論文-畢業設計 圍城中人生困境的探討-原創論文-畢業設計