簡單介紹一下制作主頁的過程和方法:
一、準備材料
你首先做一個小計劃,準備在主頁上告訴人家什么?比如介紹三個方面:自我介紹,我的愛好,我的工作,那你就先起一個總目錄(文件夾,比如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。這兩個軟件都
具有完善的網站管理、上傳內容等功能,其特點如下。
◆Dreamweaver:網頁制作軟件三劍客之一,該軟件是現在使用最多的網頁編輯工具,它支持DHTML動態網頁、Flash動畫和插件,能實現很多用FrontPage無法實現的功能,如動態按鈕、下拉菜單等。另外,它還可以用來作為動態網站的開發平臺。
◆FrontPage:該軟件是目前最簡單、最容易上手,且功能強大的主頁制作利器,特別
適合初學網頁設計的讀者使用。一般來說,如果您會用Word,就會用FrontPage。不過,FrontPage也有不少缺點:首先是兼容性不好,利用FrontPage做出來的網頁往往不能用Netscape瀏覽器正常顯示;其次,生成的垃圾代碼多;此外,FrontPage對動態網頁支持不好,不支持Flash,顯得有點落伍了。
如前所述,目前大部分網頁都是利用HTML編寫的。因此,如果您希望成為網頁設計高手,最好系統學習一下該語言。要使用HTML編寫網頁,可以在Dreamweaver的代碼視圖中編寫,也可以宜接使用Windows附帶的記事本程序或HomeSite、HTMLedPro和WebEditPro等文本編輯工具進行編寫。
(二)網頁設計輔助軟件
要設計好網頁,除了需要Dreamweaver、FrontPage等軟件外,還會用到Fireworks、Flash和Photoshop等軟件,這些軟件的主要功能與特點如下。
◆Fireworks:網頁制作軟件三劍客之一。該軟件主要用于制作網頁圖像、標志、GIF動畫、圖像按鈕與導航欄等。Flash:網頁制作軟件三劍客之—。該軟件主要用于制作矢量動畫,如廣告、網站篇頭動畫、動畫短片和MTV等。此外,利用該軟件還可以制作交互性很強的游戲、網頁和課件等。
◆Photoshop:該軟件是Adobe公司出品的一個優秀而且功能強大的圖形圖像處理軟件,起初它的應用領域主要是平面設計而不是網頁設計,但是它所具有的強大功能完全涵蓋了網頁設計所涉及到的各種需求(除了多媒體)。
此外,比較常見的圖像處理與動畫制作軟件還有CorelDRAW(優秀的矢量繪圖軟件)、
FreeHand(優秀的矢量繪圖軟件,也可用來制作網頁圖像)、GIFAnimator(GIF動畫制作軟
件)、Cool3D(特效字動畫制作軟件)和SwiSHmax(小巧卻十分強大的動面制作工具,支
持導出swf格式)等。
提示:選用什么樣的網頁設計輔助軟件需要根據實際情況來決定,書中建議初學者使用Fireworks,這樣可以很快上手,從而達到節省時間和精力的目的。此外,了解平面設計知識、具有一定平面設計能力的讀者可以使用PhotoshoP,從而發揮出Photoshop的強大優勢,設計出更為優秀的作品。
(三)常用網站程序設計語言
如果網站中包含動態網頁,由于動態網頁通常都是用HTML和其他語言組合編寫,或者完全由其他語言編寫的,因此,讀者除了需要學習一些常用的網頁設計軟件外,還應掌握一些常用的網站程序設計語言。下面是一些與動態網頁設計相關的語言,其特點如下。
◆JavaScript和VBscript腳本語言:它們都以小程序段的形式出現,也都是解釋性的腳本語言,我們可以直接在HTML中插入JavaScript扭和VBScript腳本。JavaScript和VBscript的最大特點是能夠方便地操縱網頁上的元素,并與瀏覽器交互。通過JavaScript和VBScript,網頁可以直接處理訪問考的請求,而不用在客戶機與服務器之間來回傳遞數據。注意,這兩種語言都是在瀏覽器中運行的,由于他們對內容的解釋與服務器無關,所以他們主要用來配合下面的語言完成特定的工作。
◆Java:一種面向對象的編程語言,主要用于網絡應用程序的開發。傳統的軟件往往
都與具體的實現環境有關,換個環境就需要做一番改動,既耗時又費力,而Java語言能與執行碼(二進制碼)兼容,從而使所開發的軟件能不加修改地運行在不同環境的系統中,只要所用的系統能提供Java語言解釋器即可,目前Java技術主要用于服務器(EJB)的程序開發。
◆GGI:英文為CommonGatewayInterface,通用網關接口。其擴展名為.cgi.GGI可以是任何運行在Web服務器上的程序。GGI主要用于響應瀏覽器的輸入請求,并根據請求執行相應操作(如查詢數據庫、計算數值或調用其他程序),然后將操作結果返回到覽器。用戶可用任何編程語言編寫GGl(如UNIXShell、Perl等),只要該語言能夠在Web服務器上運行即可。GGI是早期網站的主要開發工具,但是由于GGI本身存在很多缺陷,因此正在被下面的幾種語言逐步替代。
◆ASP:是ActiveServerPage(動態服務器主頁)的縮寫,其擴展名為.asp。它是微軟(Microsoft)推出的網站程序開發語言。它實際上是HTML與VB的結合,可用來創建動態、交互式Web服務器端應用程序。其中可包括HTML標簽、文本和腳本命令,可調用ActiveX組件來執行任務,例如連接到數據庫或進行商務計算。瀏覽器從Web服務器上請求.asp文件時,ASP腳本開始運行,并將生成的HTML頁傳送給瀏覽器。由于腳本在服務器上而不是在客戶端運行,所以不必擔心瀏覽器能否處理腳本。ASP具有簡單、易學和易維護的特點,但是由于它的響應延遲較大,安全性較低,主要用于小型企業網站和個人網站。
◆ASP.net:是由微軟開發的一種基于。NET技術的網站開發語言,其擴展名為.as。它不是ASP的簡單升級,而是執行效率較高,響應延遲較小,安全性較高,因此主要用于大中型網站項目的開發,但是它只能工作在Windows系列的操作系統上。
◆PHP:是英文HypertextPreprocessor(超級文本預處理語言)的縮寫,擴展名是.php。PHP四與ASP頗為相似,其文件都是在服務器端執行的,語言的風格類似于C語言。PHP的執行效率比完全生成HTML標簽的GGI要高許多,而且支持幾乎所有流行的數據庫以及操作系統,它的特點類似于ASP.net,主要用于大中型網站項目的開發。
◆JSP:是英文JavaServerPages的縮寫,是由SunMicrosystems公司倡導、許多公司參與一起制定的一種動態網頁技術標準。它在HTML代碼中,插入JSP標簽(tag)及Java程序片段(Scriptlet),構成JSP頁面,其擴展名為.jsp,當客戶端請求JSP文件時,Web服務器執行該JSP文件,然后以HTML的格式返回給客戶。JSP是構建在Servlet之上的高層次的動態網頁標準,它具有與平臺無關、響應運度快、執行效率高和安全性高等特點,它與PHD同樣支持幾乎所有流行的數據庫以及操作系統,目前主要用于大中型網站項目的開發。
提示:選用什么樣的語言需要依據實際開發的項目來決定,如果僅僅是開發小型網站,那么使用ASP就足夠了,因為ASP比其他語言更容易學習和維護,而且總體成本較低。如果您對網站開發語言比較感興趣,可以參看其他相關書籍。
DreamweaverMX2004可以自動生成包含HTML標簽和簡單JavaScript程序的網頁,因
此,要制作靜態網頁或簡單的動態網頁,使用Dreamweaver就完全可以了。但是要制作復雜的動態網頁,就必須掌握相關的編程語言和簡單的數據庫知識。
由于目前所見即所得類型的工具越來越多,使用也越來越方便,所以制作網頁已經變成了一件輕松的工作,不像以前要手工編寫一行行的源代碼那樣
一般初學者經過短暫的學習就可以學會制作網頁,于是他們認為網頁制作非常簡單,就匆匆忙忙制作自己的網站,可是做出來之后與別人一比,才發現自己的網站非常粗糙,這是為什么呢?常言道:“性急吃不了熱豆腐”
建立一個網站就像蓋一幢大樓一樣,它是一個系統工程,有自己特定的工作流程,你只有遵循這個步驟,按部就班地一步步來,才能設計出一個滿意的網站
一、確定網站主題網站主題就是你建立的網站所要包含的主要內容,一個網站必須要有一個明確的主題
特別是對于個人網站,你不可能像綜合網站那樣做得內容大而全,包羅萬象
你沒有這個能力,也沒這個精力,所以必須要找準一個自己最感興趣內容,做深、做透,辦出自己的特色,這樣才能給用戶留下深刻的印象
網站的主題無定則,只要是你感興趣的,任何內容都可以,但主題要鮮明,在你的主題范圍內內容做到大而全、精而深
二、搜集材料明確了網站的主題以后,你就要圍繞主題開始搜集材料了
常言道:“巧婦難為無米之炊”
要想讓自己的網站有血有肉,能夠吸引住用戶,你就要盡量搜集材料,搜集得材料越多,以后制作網站就越容易
材料既可以從圖書、報紙、光盤、多媒體上得來,也可以從互聯網上搜集,然后把搜集的材料去粗取精,去偽存真,作為自己制作網頁的素材
三、規劃網站一個網站設計得成功與否,很大程度上決定于設計者的規劃水平,規劃網站就像設計師設計大樓一樣,圖紙設計好了,才能建成一座漂亮的樓房
網站規劃包含的內容很多,如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等,你只有在制作網頁之前把這些方面都考慮到了,才能在制作時駕輕就熟,胸有成竹
也只有如此制作出來的網頁才能有個性、有特色,具有吸引力
如何規劃網站的每一項具體內容,我們在下面會有詳細介紹
四、選擇合適的制作工具盡管選擇什么樣的工具并不會影響你設計網頁的好壞,但是一款功能強大、使用簡單的軟件往往可以起到事半功倍的效果
網頁制作涉及的工具比較多,首先就是網頁制作工具了,目前大多數網民選用的都是所見即所得的編輯工具,這其中的優秀者當然是Dreamweaver和Frontpage了,如果是初學者,Frontpage2000是首選
除此之外,還有圖片編輯工具,如Photoshop、Photoimpact等;動畫制作工具,如Flash、Cool3d、GifAnimator等;還有網頁特效工具,如有聲有色等,網上有許多這方面的軟件,你可以根據需要靈活運用
五、制作網頁材料有了,工具也選好了,下面就需要按照規劃一步步地把自己的想法變成現實了,這是一個復雜而細致的過程,一定要按照先大后小、先簡單后復雜來進行制作
所謂先大后小,就是說在制作網頁時,先把大的結構設計好,然后再逐步完善小的結構設計
所謂先簡單后復雜,就是先設計出簡單的內容,然后再設計復雜的內容,以便出現問題時好修改
在制作網頁時要多靈活運用模板,這樣可以大大提高制作效率
六、上傳測試網頁制作完畢,最后要發布到Web服務器上,才能夠讓全世界的朋友觀看,現在上傳的工具有很多,有些網頁制作工具本身就帶有FTP功能,利用這些FTP工具,你可以很方便地把網站發布到自己申請的主頁存放服務器上
網站上傳以后,你要在瀏覽器中打開自己的網站,逐頁逐個鏈接的進行測試,發現問題,及時修改,然后再上傳測試
全部測試完畢就可以把你的網址告訴給朋友,讓他們來瀏覽
推廣的方法有很多,例如到搜索引擎上注冊、與別的網站交換鏈接、加入廣告鏈等
八、維護更新網站要注意經常維護更新內容,保持內容的新鮮,不要一做好就放在那兒不變了,只有不斷地給它補充新的內容,才能夠吸引住瀏覽者★要想學做網頁,首先得了解制作網頁的工具
制作網頁主要有以下一些工具Frontpage:office自帶的一個工具,操作簡單,實用,學起來比較輕松,功能不咋地,我不太喜歡
Dreamweaver:這是網頁三劍客之一,專門制作網頁的工具,可以自動將網頁生成代碼,是普通網頁制作者的首選工具,界面簡單,實用功能比較強大
建議初學者選用
另外一個工具就是代碼編輯工具,例如寫字本、EditPlus等,這些工具主要編輯asp等動態網頁
此外還有一些網絡編程工具,javascript、java編輯器等
網頁制作也是一個比較吃香的行業,要真正做一個好的網站,還必須有良好的設計功底
所以還得學很多邊緣性的軟件,例如photoshop、flash等
大型的網站往往還需要數據庫的支持,所以還得懂數據庫
sql、甲骨文等
總之,掌握好網頁制作,能獨立完成一個網站的制作工作,那就不要考慮吃飯問題
隨便混就好了!祝你成功