個人網頁制作

個人網頁制作

前台工程師的任務
網站制作屬于前台工程師的一項任務,前台工程師任務包括:網站設計、網站用戶體驗、網站JAVA效果、網站制作等工作。網站制作是策劃師、網絡程序員、網頁設計等崗位,應用各種網絡程序開發技術和網頁設計技術,為企事業單位、公司或個人在全球互聯網上建設站點,并包含域名注冊和主機托管等服務的總稱。[1]
    中文名:個人網頁制作 外文名: 适用領域:IT 所屬學科: 準備材料:做一個小計劃 開始制作:用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

主要的使用工具有:Dreanweaver、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讀寫用戶端的硬盤文件,以記錄用戶的數據。可以實現在多個主頁間共享信息,以開發複雜的商務站點應用程序。

相關詞條

相關搜索

其它詞條