個人網頁製作

你首先做一個小計畫，準備在主頁上告訴人家什麼？比如介紹三個方面：自我介紹，我的愛好，我的工作，那你就先起一個總目錄（資料夾，比如d:\html）,來放你的所有檔案，然後再在這個目錄建立三個子目錄：myself,interest，job。檔案名稱你可以任意，但最好全部小寫，因為有的主機要認大小寫。然後將你的材料copy進相應的子目錄。比如你要在你的主頁里展示你的靚照，那就將你的照片掃描成JPG格式的檔案，放在myself的目錄下·

要注意，網上只能使用JPG和GIF兩種圖像格式，其他諸如BMP和TIF等很通用的格式都不能用在網上，因為它們太大了，但你可以用圖像軟體進行轉換，比如Office 97的照片編輯器。把你準備在你主頁上出現的圖像放進相應的目錄里後，你就可以開始製作了。

基本介紹

• 中文名：個人網頁製作
• 準備材料：做一個小計畫
• 開始製作：用Netscape4.0或者WORD7.0,
• 設計步驟：網站主題等

建站步驟

準備材料

你首先做一個小計畫,準備在主頁上告訴人家什麼？比如介紹三個方面：自我介紹,我的愛好,我的工作,那你就先起一個總目錄（資料夾,比如d:\html）,來放你的所有檔案，然後再在這個目錄建立三個子目錄：myself,interest，job。檔案名稱你可以任意，但最好全部小寫，因為有的主機要認大小寫。然後將你的材料copy進相應的子目錄。比如你要在你的主頁里展示你的靚照，那就將你的照片掃描成JPG格式的檔案，放在myself的目錄下.

要注意,網上只能使用JPG和GIF兩種圖像格式，其他諸如BMP和TIF等很通用的格式都不能用在網上,因為它們太大了,但你可以用圖像軟體進行轉換，比如Office 97的照片編輯器。把你準備在你主頁上出現的圖像放進相應的目錄里後,你就可以開始製作了。

開始製作

你無須去記複雜的HTML（標準通用標記語言下的一個套用）語言，你可以用Netscape4.0或者WORD7.0,我開始用的是Frontpage.打開Netscape,在file選單里選Edit Page,便可以製作了.文字的處理基本跟Word沒什麼兩樣,關鍵是插入圖片和產生連結.我們先做關於你自我介紹的一頁，你先寫上“大家好，我是superboy，下面是我的照片：”這時要放圖片了，只須點擊Insert選單，選取Image,在Choosefile里選取你的圖像檔案即可，然後把這個檔案保存為myself.html檔案，放在myself的目錄下。好，必須做封面了，你在封面寫：“歡迎來到superboy的主頁”以下是“自我介紹，我的愛好，我的工作”。你的自我介紹要連結到下一頁去，你只須用滑鼠選“自我介紹”後按滑鼠右鍵 ，再選create link，然後再選你myself目錄下的myself.html，就將“自我介紹”連結到下一頁了，以後在瀏覽器中一按，就可以跳到鑲有你靚照的頁面啦。

在你的封面做好了所有連結和圖片後，記住你必須將這一頁保存為index.htm(有的主機要求必須為index.html),因為網頁默認的主頁名稱是index.製作主頁其實很簡單，只要多實際製作，工多藝熟。還可以拿來主義，在網上看到什麼好的主頁，用另外儲存為功能保存為.html格式的檔案，細細研究人家是如何做的。還可以借用網頁模版來搞

網上安家

要在網上安你自己的家，你必須先申請一個主頁空間，即向某一個主機申請一塊硬碟空間。有較多的主機提供免費主頁空間，具體見實用連結欄目。這些主機不僅提供免費個人主頁空間，並且還提供留言簿、計數器等很有用的功能。只要到有關站點申請即可，具體方法，參考相關題目。申請完成以後用FTP將你所有的主頁檔案上傳至主機指定的目錄就可以了！

需要注意的是，一定要保持網頁的相對位置，否則會看不到網頁的，有很多朋友都問我:為什麼我的網頁傳上去了可是看不到,老是出現網頁錯誤呢？其實他們都是因為位置的問題，只要把位置改動一下就可以的了。

設計步驟

由於所見即所得類型的工具越來越多，使用也越來越方便，所以製作網頁已經變成了一件輕鬆的工作，不像以前要手工編寫一行行的原始碼那樣。一般初學者經過短暫的學習就可以學會製作網頁，於是他們認為網頁製作非常簡單，就匆匆忙忙製作自己的網站，可是做出來之後與別人一比，才發現自己的網站非常粗糙，這是為什麼呢？常言道：“心急吃不了熱豆腐”。建立一個網站就像蓋一幢大樓一樣，它是一個系統工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設計出一個滿意的網站.

網站主題

網站主題就是你建立的網站所要包含的主要內容，一個網站必須要有一個明確的主題。特別是對於個人網站，你不可能像綜合網站那樣做得內容大而全，包羅萬象。你沒有這個能力，也沒這個精力，所以必須要找準一個自己最感興趣內容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。網站的主題無定則，只要是你感興趣的，任何內容都可以，但主題要鮮明，在你的主題範圍內內容做到大而全、精而深。

蒐集材料

明確了網站的主題以後，你就要圍繞主題開始蒐集材料了。常言道：“巧婦難為無米之炊”。要想讓自己的網站有血有肉，能夠吸引住用戶，你就要儘量蒐集材料，蒐集得材料越多，以後製作網站就越容易。材料既可以從圖書、報紙、光碟、多媒體上得來，也可以從網際網路上蒐集，然後把蒐集的材料去粗取精，去偽存真，作為自己製作網頁的素材。

規劃網站

一個網站設計得成功與否，很大程度上決定於設計者的規划水平，規劃網站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。網站規劃包含的內容很多，如網站的結構、欄目的設定、網站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在製作網頁之前把這些方面都考慮到了，才能在製作時駕輕就熟，胸有成竹。也只有如此製作出來的網頁才能有個性、有特色，具有吸引力。如何規劃網站的每一項具體內容，我們在下面會有詳細介紹。四、選擇合適的製作工具

儘管選擇什麼樣的工具並不會影響你設計網頁的好壞，但是一款功能強大、使用簡單的軟體往往可以起到事半功倍的效果。網頁製作涉及的工具比較多，首先就是網頁製作工具了，大多數網民選用的都是所見即所得的編輯工具，這其中的優秀者當然是Dreamweaver和Frontpage了，如果是初學者，Frontpage2000是首選。除此之外，還有圖片編輯工具，如Photoshop、Photoimpact等；動畫製作工具，如Flash、Cool3d、GifAnimator等；還有網頁特效工具，如有聲有色等，網上有許多這方面的軟體，你可以根據需要靈活運用。

製作網頁

材料有了，工具也選好了，下面就需要按照規劃一步步地把自己的想法變成現實了，這是一個複雜而細緻的過程，一定要按照先大後小、先簡單後複雜來進行製作。所謂先大後小，就是說在製作網頁時，先把大的結構設計好，然後再逐步完善小的結構設計。所謂先簡單後複雜，就是先設計出簡單的內容，然後再設計複雜的內容，以便出現問題時好修改。在製作網頁時要多靈活運用模板，這樣可以大大提高製作效率。

上傳測試

網頁製作完成後，最後要發布到Web伺服器上，才能夠讓全世界的朋友觀看，上傳的工具有很多，有些網頁製作工具本身就帶有FTP功能，利用這些FTP工具，你可以很方便地把網站發布到自己申請的主頁存放伺服器上。網站上傳以後，你要在瀏覽器中打開自己的網站，逐頁逐個連結的進行測試，發現問題，及時修改，然後再上傳測試。全部測試完畢就可以把你的網址告訴給朋友，讓他們來瀏覽。

推廣宣傳

網頁做好之後，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它，提高網站的訪問率和知名度。推廣的方法有很多，例如到搜尋引擎上註冊、與別的網站交換連結、加入廣告鏈等。

維護更新

網站要注意經常維護更新內容，保持內容的新鮮，不要一做好就放在那兒不變了，只有不斷地給它補充新的內容，才能夠吸引住瀏覽者。

製作工具

製作網頁主要有以下一些工具

Frontpage：office自帶的一個工具，操作簡單，實用，學起來比較輕鬆，功能不咋地，我不太喜歡。

Dreamweaver：這是網頁三劍客之一，專門製作網頁的工具，可以自動將網頁生成代碼，是普通網頁製作者的首選工具，界面簡單，實用功能比較強大。建議初學者選用。

另外一個工具就是代碼編輯工具，例如寫字本、EditPlus等，這些工具主要編輯asp等動態網頁。

此外還有一些網路編程工具，javascript、java編輯器等。

網頁製作也是一個比較吃香的行業，要真正做一個好的網站，還必須有良好的設計功底。所以還得學很多邊緣性的軟體，例如photoshop、flash等。

大型的網站往往還需要資料庫的支持，所以還得懂資料庫。sql、甲骨文等。

Dreameaver

主要的使用工具有：Dreameaver 、javascript、IIS和Access.而在此次設計中主要用到Dreameaver 設定首頁，編輯功能，排版功能，設計模版功能，插入文本包括插入文本元素插入圖像和圖文混排和外部圖像的編輯等功能。關於Dreameaver的插入FLASH功能我用的比較少，在首頁里我插入了一副FLASH，主要是它的功能我還不是很了解，我相信我以後會更好的使用它。

IIS

第二個主要工具就是IIS。系統不會默認安裝IIS，但是我們可以通過"控制臺"中的"添加/刪除程式"對話框添加。安裝IIS應通過使用控制臺的"添加/刪除程式"對話框，可以安裝IIS、添加可選組件或者刪除可選組件來實現。安裝時，IIS 安裝諸如通用檔案、文檔以及Internet信息服務管理單元等可選組件。您可以選擇不安裝可選組件，但是如果不選擇某些組件，可能會降低IIS功能或禁用IIS服務。如果您不熟悉可選組件以及這些組件如何影響IIS，請使用默認設定安裝IIS。安裝結束後，可以閱讀IIS在線上文檔中的"安裝IIS可選組件"，以便獲取更多信息。如果在安裝了IIS後如果Web瀏覽器返回"找不到伺服器"錯誤或"無法顯示該頁"錯誤，則你可以使用命令進行測試：名稱解析伺服器將 IIS Web 伺服器的名稱解析為其 IP 地址 ，伺服器回響遠程計算機的網路請求。

資料庫ACCESS

第三個主要的工具是資料庫ACCESS，我們主要是用它來做一個資料庫，然後在資料庫裡面建一個表，這樣我們做的資料庫才能顯示出來。要使用資料庫，我們也要像IIS那樣先安裝它，這個的安裝很簡單，和我們的WORD安裝一樣，我就不在詳細說明里。

javascript是一種基於對像的腳本語言，每個對像均有屬於自己的屬性和方法。在它之中，還會經常用到的對像有String,Math,ARRAY和Date,分別用於實現對字元串，數學運算，數組，日期與時間的處理。我主要用它來實現了網頁滑鼠特效。

技術特點

區別

首先Active Server Pages(動態伺服器主頁)的縮寫,它是一個伺服器端的腳本環境,在站點的Web伺服器上解釋腳本,可產生並執行動態、互動式、高效率的站點伺服器應用程式。ASP可以勝任基於微軟Web伺服器的各種動態數據發布，它與傳統的靜態主頁有很大的區別：信息系統納入Internet的框架之後,首先要解決的問題是通過網頁訪問後台資料庫信息而傳統的不是這樣。所有應用程式都是被分割為頁面的形式,用戶的互動操作是以提交表單等方式來實現的,這就要求Web站點具有很強的動態數據發布能力。用ASP所設計出的是動態主頁,可接收用戶提交的信息並作出反應, 其中的數據可隨實際情況而改變,無須人工對網頁檔案進行更新即可滿足套用需要。

軟體的技術層面

從軟體的技術層面看，ASP有如下的特點：無需編譯ASP腳本集成於HTML（標準通用標記語言下的一個套用）當中，無需編譯或連結即可直接解釋執行；易於生成使用常規文本編輯器即可進行*.asp頁面的設計；獨立於瀏覽器用戶端，只要使用可解常規HTML碼的瀏覽器，即可瀏覽ASP所設計的主頁。

套用的層面

從套用的層面看，ASP有如下的功能：處理由瀏覽器傳送到站點伺服器的表單輸入。訪問和編輯伺服器端的資料庫表。使用瀏覽器即可輸入、更新和刪除站點伺服器的資料庫中的數據。讀寫站點伺服器的檔案，實現訪客計數器、座右銘等功能。由cookies 讀寫用戶端的硬碟檔案，以記錄用戶的數據。可以實現在多個主頁間共享信息，以開發複雜的商務站點應用程式。