關(guān)于計算機畢業(yè)論文（ 2012 — 2013 學年）論文（設(shè)計）題目_____________________________________ 院 系 名 稱_____________

關(guān)于計算機畢業(yè)論文

（ 2012 — 2013 學年）

論文（設(shè)計）題目_____________________________________ 院 系 名 稱___________________________________ 專 業(yè) 班 級______________________________________ 學 生 姓 名______________________________________ 學 號______________________________________ 指 導(dǎo) 教 師______________________________________

日期 2013年 月 日

目 錄

摘 要.............................................................. 3

引 言.............................................................. 4

第一章 網(wǎng)站制作的基礎(chǔ)知識........................................... 5

1.1建站工具..................................................... 5

1.2網(wǎng)站建設(shè)的三個階段........................................... 5

1.3網(wǎng)站設(shè)計步驟................................................. 5

第二章 制作網(wǎng)頁.................................................... 7

2.1 建立站點 .................................................... 7

2.2 制作首頁 .................................................... 7

2.2.1 頁面設(shè)置............................................... 7

2.2.2 網(wǎng)頁布局............................................... 8

2.2.3 插入圖像............................................... 9

2.2.4 插入多媒體............................................. 9

2.2.5插入文本 .............................................. 10

2.3 建立子網(wǎng)頁 ................................................. 10

第三章 網(wǎng)頁鏈接................................................... 11

3.1文本鏈接.................................................... 11

3.2圖像鏈接.................................................... 12

3.3郵件鏈接.................................................... 12

3.4錨點鏈接.................................................... 13

第四章 HTML語言 .................................................. 14

4.1HTML 語言結(jié)構(gòu)................................................ 14

4.2 網(wǎng)頁的基本代碼 ............................................. 14

4.3表格的基本語法.............................................. 15

4.4超鏈接代碼.................................................. 15

第五章 網(wǎng)站維護和測試............................................. 16

總 結(jié)............................................................. 17

參考文獻........................................................... 18

2

摘 要

隨著經(jīng)濟社會的發(fā)展，計算機已被應(yīng)用到社會生活的各個領(lǐng)域。與此同時，互聯(lián)網(wǎng)作為信息技術(shù)的通信橋梁連接著全球的計算機，而網(wǎng)站作為網(wǎng)絡(luò)信息主要的表現(xiàn)形式而且還是互聯(lián)網(wǎng)信息的主要承載者，在Internet 上表現(xiàn)出其及其重要的地位，并發(fā)揮著其及其重要的作用。無論是在國內(nèi)還是國外都得以迅速的發(fā)展和壯大，并被人們重視和關(guān)注?；ヂ?lián)網(wǎng)已經(jīng)徹底的改變了世界，互聯(lián)網(wǎng)的世界里蘊藏著無限的可能，在這種情況下，各行各業(yè)及其個人、單位、工廠、企事業(yè)等等在網(wǎng)上構(gòu)筑屬于自己的網(wǎng)絡(luò)信息平臺，保護自己的網(wǎng)絡(luò)資源并在互聯(lián)網(wǎng)上開辟自己的市場和消費群體，以及構(gòu)造自己的數(shù)字化世界和加強全球范圍內(nèi)不同地域的人們聯(lián)系交流等等活動也就顯的日益重要。于是各種各樣的網(wǎng)站便如雨后春筍般地出現(xiàn)魚龍混雜且良莠不齊。Internet 的日益興起和以網(wǎng)頁為載體的網(wǎng)絡(luò)信息的廣泛傳播和應(yīng)用，使得網(wǎng)站的建設(shè)及網(wǎng)頁制作得到發(fā)展的空間，大至大型企業(yè)的產(chǎn)品推銷、售后服務(wù)、解決方案，小至個人Web 頁面開發(fā)，形形色色，五彩繽紛，網(wǎng)站建設(shè)和網(wǎng)頁制作也成為計算機網(wǎng)絡(luò)領(lǐng)域最熱門的話題。

基于如今社會的需要，本論文主要介紹怎樣制作一個靜態(tài)的個人網(wǎng)站。并且在建立個人網(wǎng)站的過程中逐漸理解和加強大學這幾年所學習的關(guān)于制作網(wǎng)站的各種知識點。在我個人的理解中，制作一個具有特色的個人網(wǎng)站，能夠有自己的個性和特點。這樣才能吸引人。只有一個目標，那就是做好自己。

關(guān)鍵詞： 個人 設(shè)計 網(wǎng)站

3

引 言

人類已進入21世紀, 科學技術(shù)突飛猛進, 經(jīng)濟知識和信息產(chǎn)業(yè)初見端倪, 特別是信息技術(shù)和網(wǎng)絡(luò)技術(shù)的訊速發(fā)展和廣泛應(yīng)用, 對社會的政治, 經(jīng)濟, 軍事, 文化等領(lǐng)域產(chǎn)生越來越深刻的影響, 也正在改變?nèi)藗兊墓ぷ? 生活學習, 交流方式。信息的獲取, 處理, 交流和應(yīng)用能力, 已經(jīng)成為人們最重要的能力之一。

在不久的將來知識經(jīng)濟將占世界經(jīng)濟發(fā)展的主導(dǎo)地位, 國家綜合國力和國際競爭能力越來越取決于教育發(fā)展, 科學技術(shù)和知識創(chuàng)新的水平, 教育在經(jīng)濟和社會發(fā)展過程中將呈現(xiàn)出越來越突出的重要作用。

隨著Internet 的出現(xiàn)，網(wǎng)絡(luò)正在改變整個世界，由于Internet 具有傳播信息容量極大、形態(tài)多樣、迅速方便、全球覆蓋、自由和交互的特點，已經(jīng)發(fā)展成為新的傳播媒體，而將教育和網(wǎng)絡(luò)相結(jié)合，將會更好的推動教育的發(fā)展?，F(xiàn)在不僅很多大學和眾多企業(yè)部門都已經(jīng)建立了自己的網(wǎng)站，而且個人網(wǎng)站也如雨后春筍般大量的出現(xiàn)，通過計算機網(wǎng)絡(luò)實現(xiàn)宣傳、交流及資源的整合

4

第一章 網(wǎng)站制作的基礎(chǔ)知識

1.1建站工具

編輯網(wǎng)頁的工具有很多，但是我們一般用的是Macromedia 公司的網(wǎng)頁制作三劍客來制作網(wǎng)頁。三劍客分別為Dreamweaver CS3、fireworks 、flash 。

1.2網(wǎng)站建設(shè)的三個階段

（1）、網(wǎng)站的定位 即網(wǎng)站設(shè)計的最終目標及指導(dǎo)方針。確立網(wǎng)站的主題，解決為誰設(shè)計、吸引誰，交流什么。

（2）、制作網(wǎng)頁 通過網(wǎng)頁設(shè)計體現(xiàn)網(wǎng)站整體協(xié)調(diào)一致的風格。網(wǎng)站的色彩基調(diào)、配色方案、頁面色彩的格調(diào)、頁面構(gòu)圖及圖片、動畫的處理等都要反復(fù)研究。方便的導(dǎo)航設(shè)計使用戶易于訪問站點中的資源。

（3）、網(wǎng)站的發(fā)布與維護 完成對網(wǎng)站所有文件的測試并上傳到服務(wù)器，進行網(wǎng)站的推廣和宣傳，建立信息的收集反饋系統(tǒng)，及時更新網(wǎng)頁。

1.3網(wǎng)站設(shè)計步驟

（1）、設(shè)定網(wǎng)站主題并搜集資料 分析網(wǎng)站的訪問對象是什么樣的群體，確定網(wǎng)站要為訪問者提供什么樣的服務(wù)。圍繞網(wǎng)站設(shè)計要達到的目標，進一步?jīng)Q定網(wǎng)站展示的內(nèi)容和網(wǎng)站要實現(xiàn)的功能。

（2）、建立站點的目錄結(jié)構(gòu) 用來分類保存網(wǎng)站中的不同的資源，精心設(shè)計的網(wǎng)站目錄結(jié)構(gòu)有利于網(wǎng)站類容的擴充和移植需要。很多初學者往往不注意建立站點的目錄結(jié)構(gòu)，所有的文件都保存在一個目錄中，這給今后的網(wǎng)站維護和擴充帶來了很大的困難。例如，files 保存非index 之外是文件，images 保存圖片文件，sounds 保存聲音文件等等。

（3）、建立網(wǎng)頁的鏈接關(guān)系 網(wǎng)頁的鏈接結(jié)構(gòu)要層次清晰、訪問方便快捷，就要設(shè)計網(wǎng)站中網(wǎng)頁的鏈接關(guān)系。用最少的點擊打開網(wǎng)站內(nèi)的任何一個網(wǎng)頁，為用戶提供最便捷的服務(wù)。

5

（4）、頁面設(shè)計與網(wǎng)頁制作 網(wǎng)站圖標、網(wǎng)頁標題、導(dǎo)航欄設(shè)計、各頁風格、頁面規(guī)劃、便捷的鏈接、合理使用框架、巧用背景色、合適的圖片、網(wǎng)頁空白。

（5）、網(wǎng)站測試 已經(jīng)建好的一個設(shè)計精美的網(wǎng)站在發(fā)布之前要進行嚴格的測試。如果在測試過程中發(fā)現(xiàn)了錯誤，就要及時修改，在準確無誤后，可正式在Internet 上發(fā)布。

（6）、網(wǎng)站發(fā)布 把制作好的網(wǎng)站發(fā)布到自己的服務(wù)器系統(tǒng)上，也可以使用上傳工具把網(wǎng)站發(fā)布到ISP 提供的虛擬主機上。在國外或國內(nèi)網(wǎng)站提供免費的主頁空間和域名，上傳后就可以使用瀏覽器訪問自己的網(wǎng)站了

（7）、推廣宣傳與后期維護 網(wǎng)頁上傳后，及時更新網(wǎng)站內(nèi)容，為瀏覽者提供豐富、及時的信息。網(wǎng)頁的更新速度是衡量一個網(wǎng)站的主要目標。同時為了增加網(wǎng)站的訪問量，要采用各種方法加以推廣。例如在搜索引擎上注冊，發(fā)布網(wǎng)絡(luò)廣告提供免費服務(wù)或者使用傳統(tǒng)的促銷媒介等等方式來推廣網(wǎng)站。

6

第二章 制作網(wǎng)頁

2.1 建立站點

選擇“站點”，單擊“管理站點”，單擊“新建”，選擇站點。如圖（2—1）：

圖2—1

在按上圖完成所填部分，在面板組就會出現(xiàn)站點等文件夾了。在右邊的面板組中選擇“站點”文件名，右擊“新建文件”，命名為“index ”，完成首頁的命名。

2.2 制作首頁

2.2.1 頁面設(shè)置

首先雙擊“index.html ”, 進入頁面的編輯窗口。右健單擊空白區(qū)域，在菜單中選擇“頁面屬性”，之后彈出“頁面屬性”對話框，若選擇主菜單“修改/頁面屬性”項，也可以把打開該對話框。在“頁面屬性”對話框中，左側(cè)窗口顯示“分類”，其中包括了“外觀”、“鏈接”、“標題”、“標題/編碼”、“跟蹤圖像”5項，右側(cè)區(qū)域則顯示各類中可以設(shè)置的項目。首頁設(shè)置的屬性如圖（2—2）所示：

7

圖2—2

2.2.2 網(wǎng)頁布局

在網(wǎng)頁布局中一般采用表格來進行布局。下面簡單介紹下表格的布局方式。通過單擊“插入”面板中的“常用”選項中的“表格”來打開“表格”對話框，對話框可分為“表格大小”、“頁眉”、“輔助功能”三部分。對表格的各項屬性設(shè)置如圖（2—3）所示：

圖2—3

8

2.2.3 插入圖像

圖像是網(wǎng)頁中不可或缺的組成成份，恰當?shù)厥褂脠D像，可以使網(wǎng)站充滿生活生命力與說服力，吸引更多的瀏覽者，加深他們欣賞你網(wǎng)站的意愿。首先將游標停留在要插入圖像的位置，通過單擊“常用”欄中的“圖像”的下拉按鈕，單擊第一個“圖像”按鈕，隨即彈出“選擇圖像源文件”對話框。從計算機磁盤中選擇想要插入的圖像文件。如圖（2—4）所示：

圖2—4

2.2.4 插入多媒體

將光標移到要插入Flash 動畫的位置，選擇“插入”面板中的“常用”選項卡單擊“媒體”右側(cè)的命令，再單擊第一個“Flash ”選項。再從打開選擇文件對話框中選擇你所需要的Flash 動畫（*.swf），調(diào)整Flash 動畫的大小，既可以手動調(diào)整，也可以在下面的屬性里添上我自己事先設(shè)置好的大小，如圖（2—5）所示, 在瀏覽器中，F(xiàn)lash 動畫才可以被看到，要想看看效果的話，只有按F12預(yù)覽下。

9

圖2—5

2.2.5插入文本

文字是人類語言最基本的表達方式，在網(wǎng)頁中，文本內(nèi)容也可以說是重要的組成部分，它是最關(guān)鍵的因素。插入文本的兩種方式：一種是在網(wǎng)頁編輯窗口中直接用鍵盤敲入文本；另一種是復(fù)制文本的方式。直接使用Dreamweaver 的文本復(fù)制功能，將大段的文本內(nèi)容拷貝到網(wǎng)頁的編輯窗口來進行排版的工作，具體步驟如下：打開文本編輯軟件（如Microsoft Word ），選中要復(fù)制的文本，執(zhí)行菜單“編輯/復(fù)制”命令或直接用快捷鍵Ctrl C，之后切換回Dreamweaver, 將游標停留在插入文本的位置，執(zhí)行主菜單“編輯/粘貼”命令或直接使用快捷鍵Ctrl v,即可將大段的文本快速粘貼到網(wǎng)頁中。

2.3 建立子網(wǎng)頁

制作子網(wǎng)頁的一般步驟和首頁的步驟差不多。如果說你的首頁中有標題的話，那么在子網(wǎng)頁中也一定要和首頁的位置是一樣的。在子網(wǎng)頁中一般需要大量的文字敘述或者圖片，這就需要做好細節(jié)工作了。

10