網(wǎng)站域名是您自己做網(wǎng)站的基礎(chǔ),沒有網(wǎng)站域名就無法讓別人在互聯(lián)網(wǎng)上訪問到您的網(wǎng)站。因此網(wǎng)站域名在互聯(lián)網(wǎng)上也是唯一的,就像www.famouscelebritydeaths.com,已經(jīng)被萬戶網(wǎng)絡(luò)公司注冊了,哪就就注冊不了這個網(wǎng)站域名了,只能注冊還沒有被注冊的網(wǎng)站域名。
學(xué)習(xí)制作網(wǎng)頁和學(xué)習(xí)其它知識一樣,是要有基礎(chǔ)的。在基礎(chǔ)之上學(xué)習(xí)起來會比較輕松和快捷的。其次,要清楚學(xué)習(xí)它是用來做什么。
建議你要具備的條件:對電腦熟練操作,使用電腦最好在一年以上,對網(wǎng)頁設(shè)計感興趣,有較充足的學(xué)習(xí)時間,熟悉office辦公軟件。當(dāng)然,這些不是一定必須的。
第一階段:開始時最好是學(xué)些網(wǎng)頁編輯軟件,如:FrontPage、Dreamweaver.這樣可以使您更了解網(wǎng)頁制作與運營的原理。最好使拿本教程來學(xué)學(xué),結(jié)合教程邊學(xué)習(xí)邊制作。
第二階段:會用網(wǎng)頁制作軟件后,已會制作一個較完整的網(wǎng)站了。但為了能使自己設(shè)計制作的網(wǎng)頁盡善盡美,還是學(xué)習(xí)網(wǎng)頁的核心技術(shù)吧!網(wǎng)頁編輯語言(包括:html、css、javascript、asp、xml等)。你可以選擇地學(xué)習(xí)。
第三階段:結(jié)合你自己已掌握地知識來開發(fā)網(wǎng)站,可以開發(fā)出別人給你定義的目標(biāo)網(wǎng)站。到了這個時候,你就成為真正的網(wǎng)站開發(fā)者了。
怎樣制作網(wǎng)頁,不是說一兩篇文章能夠說清楚的。以上介紹的是制作網(wǎng)頁的主要綱要,希望能夠給想要學(xué)習(xí)制作網(wǎng)頁的朋友一個參考。
-------二-------
(一)工具
1、空間
網(wǎng)頁做好了肯定是要發(fā)表上網(wǎng)的,所以必須先申請一個空間;免費的空間不是很穩(wěn)定,容量又小,也不好申請,建議到大的網(wǎng)站如新浪、網(wǎng)易去先買一個個人空間,大概有個20M以上的就可以了!
2、軟件
推薦使用Dreamweaver6.0中文版,這個軟件最大的特點就是“所見即所得”,也即是制作過程中看到的,便是到時發(fā)布到網(wǎng)絡(luò)上的!
(二)教程
花點時間,找個比較通俗易懂的教程看一看是很有必要的。每個網(wǎng)頁的組成,不外是文字、表格、圖、動畫還有就是背景音樂等幾個大的元素,搞清楚如何將這些元素擺放進(jìn)去,你也就算懂得如何制作網(wǎng)頁了。
(三)制作
開始時建議去下載一個比較簡單的網(wǎng)頁,在制作軟件中將它打開,然后仔細(xì)觀察人家的網(wǎng)頁的構(gòu)成,模仿它去填充各種元素,實踐中再配合著教城,進(jìn)度會快很多,記得也牢一些。
其實做網(wǎng)頁并不難,但要做出有特色的網(wǎng)頁來,那就非一朝一夕之功了。
一點個人的粗淺體會,不妥之處敬請指正。
-------三--------
網(wǎng)站設(shè)計八步驟
由于目前所見即所得類型的工具越來越多,使用也越來越方便,所以制作網(wǎng)頁已經(jīng)變成了一件輕松的工作,不像以前要手工編寫一行行的源代碼那樣。一般初學(xué)者經(jīng)過短暫的學(xué)習(xí)就可以學(xué)會制作網(wǎng)頁,于是他們認(rèn)為網(wǎng)頁制作非常簡單,就匆匆忙忙制作自己的網(wǎng)站,可是做出來之后與別人一比,才發(fā)現(xiàn)自己的網(wǎng)站非常粗糙,這是為什么呢?常言道:“性急吃不了熱豆腐”。建立一個網(wǎng)站就像蓋一幢大樓一樣,它是一個系統(tǒng)工程,有自己特定的工作流程,你只有遵循這個步驟,按部就班地一步步來,才能設(shè)計出一個滿意的網(wǎng)站。
(一)確定網(wǎng)站主題
網(wǎng)站主題就是你建立的網(wǎng)站所要包含的主要內(nèi)容,一個網(wǎng)站必須要有一個明確的主題。特別是對于個人網(wǎng)站,你不可能像綜合網(wǎng)站那樣做得內(nèi)容大而全,包羅萬象。你沒有這個能力,也沒這個精力,所以必須要找準(zhǔn)一個自己最感興趣內(nèi)容,做深、做透,辦出自己的特色,這樣才能給用戶留下深刻的印象。網(wǎng)站的主題無定則,只要是你感興趣的,任何內(nèi)容都可以,但主題要鮮明,在你的主題范圍內(nèi)內(nèi)容做到大而全、精而深。
(二)搜集材料
明確了網(wǎng)站的主題以后,你就要圍繞主題開始搜集材料了。常言道:“巧婦難為無米之炊”。要想讓自己的網(wǎng)站有血有肉,能夠吸引住用戶,你就要盡量搜集材料,搜集得材料越多,以后制作網(wǎng)站就越容易。材料既可以從圖書、報紙、光盤、多媒體上得來,也可以從互聯(lián)網(wǎng)上搜集,然后把搜集的材料去粗取精,去偽存真,作為自己制作網(wǎng)頁的素材。
(三)規(guī)劃網(wǎng)站
一個網(wǎng)站設(shè)計得成功與否,很大程度上決定于設(shè)計者的規(guī)劃水平,規(guī)劃網(wǎng)站就像設(shè)計師設(shè)計大樓一樣,圖紙設(shè)計好了,才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內(nèi)容很多,如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風(fēng)格、顏色搭配、版面布局、文字圖片的運用等,你只有在制作網(wǎng)頁之前把這些方面都考慮到了,才能在制作時駕輕就熟,胸有成竹。也只有如此制作出來的網(wǎng)頁才能有個性、有特色,具有吸引力。如何規(guī)劃網(wǎng)站的每一項具體內(nèi)容,我們在下面會有詳細(xì)介紹。
(四)選擇合適的制作工具
盡管選擇什么樣的工具并不會影響你設(shè)計網(wǎng)頁的好壞,但是一款功能強大、使用簡單的軟件往往可以起到事半功倍的效果。網(wǎng)頁制作涉及的工具比較多,首先就是網(wǎng)頁制作工具了,目前大多數(shù)網(wǎng)民選用的都是所見即所得的編輯工具,這其中的優(yōu)秀者當(dāng)然是Dreamweaver和Frontpage了,如果是初學(xué)者,F(xiàn)rontpage2000是首選。除此之外,還有圖片編輯工具,如Photoshop、Photoimpact等;動畫制作工具,如Flash、Cool 3d、Gif Animator等;還有網(wǎng)頁特效工具,如有聲有色等,網(wǎng)上有許多這方面的軟件,你可以根據(jù)需要靈活運用。
(五)制作網(wǎng)頁
材料有了,工具也選好了,下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實了,這是一個復(fù)雜而細(xì)致的過程,一定要按照先大后小、先簡單后復(fù)雜來進(jìn)行制作。所謂先大后小,就是說在制作網(wǎng)頁時,先把大的結(jié)構(gòu)設(shè)計好,然后再逐步完善小的結(jié)構(gòu)設(shè)計。所謂先簡單后復(fù)雜,就是先設(shè)計出簡單的內(nèi)容,然后再設(shè)計復(fù)雜的內(nèi)容,以便出現(xiàn)問題時好修改。在制作網(wǎng)頁時要多靈活運用模板,這樣可以大大提高制作效率。
(六)上傳測試
網(wǎng)頁制作完畢,最后要發(fā)布到Web服務(wù)器上,才能夠讓全世界的朋友觀看,現(xiàn)在上傳的工具有很多,有些網(wǎng)頁制作工具本身就帶有FTP功能,利用這些FTP工具,你可以很方便地把網(wǎng)站發(fā)布到自己申請的主頁存放服務(wù)器上。網(wǎng)站上傳以后,你要在瀏覽器中打開自己的網(wǎng)站,逐頁逐個鏈接的進(jìn)行測試,發(fā)現(xiàn)問題,及時修改,然后再上傳測試。全部測試完畢就可以把你的網(wǎng)址告訴給朋友,讓他們來瀏覽。
(七)推廣宣傳
網(wǎng)頁做好之后,還要不斷地進(jìn)行宣傳,這樣才能讓更多的朋友認(rèn)識它,提高網(wǎng)站的訪問率和知名度。推廣的方法有很多,例如到搜索引擎上注冊、與別的網(wǎng)站交換鏈接、加入廣告鏈等。
(八)維護(hù)更新
網(wǎng)站要注意經(jīng)常維護(hù)更新內(nèi)容,保持內(nèi)容的新鮮,不要一做好就放在那兒不變了,只有不斷地給它補充新的內(nèi)容,才能夠吸引住瀏覽者。
------四------
(一)首先確定你要制作的網(wǎng)頁的主題,就是你建這個網(wǎng)站的內(nèi)容是什么(注:網(wǎng)站和網(wǎng)頁的關(guān)系與區(qū)別就好比一本書和其中的一個頁面的關(guān)系);
。ǘ┐_定你的網(wǎng)頁的閱讀對象,就是你的網(wǎng)頁是準(zhǔn)備給那些人看的;
(三)選擇制作網(wǎng)頁的工具軟件,常見的有dreamweaver和office組件里面的frontpage,如果你是初學(xué)者,哪我建議你使用frongpage,因為這個軟件的入門比較簡單(當(dāng)然功能也很強大),如果你會使用word的話,哪就可以很快作出網(wǎng)頁的,如何你想作專業(yè)的網(wǎng)頁制作人員,哪我建議你使用dreamweaver,目前的版本是XM,我現(xiàn)在就使用,很好用的,這個軟件的好處是不怎么產(chǎn)生垃圾代碼,并且支持各種代碼的性能很好,基本上各種代碼可以直接編輯。
。ㄋ模┤绻阕骱昧隧撁,就需要考慮你的網(wǎng)頁放到什么地方發(fā)表,也就是平常我們說的發(fā)表空間,我們學(xué)校的用戶網(wǎng)絡(luò)中心已經(jīng)申請好了空間,大家可以直接使用(有發(fā)布空間的標(biāo)志是你有了FTP賬號,這個需要申請)。
。ㄎ澹┱业桨l(fā)布空間以后,你需要把自己的網(wǎng)頁上傳到你的發(fā)布空間,這個需要一個上傳軟件,我推薦使用ACEFTP,這個軟件體積小,速度快,注意我發(fā)現(xiàn)這個軟件的2.0中文版不能夠正確使用,我建議使用1.31版。
。┲谱骶W(wǎng)頁需要的其他相關(guān)軟件:ACDSEE,這個是查看圖片的最好軟件,也可以對圖片作簡單的處理,目前的版本是4.0,網(wǎng)上很多地方可以下載;另外如果你對圖片需要復(fù)雜處理的話,哪最好選擇使用PHOTOSHOP,目前的版本是7.0,也有中文補丁,使用起來很方便,當(dāng)然,這個軟件的學(xué)習(xí)使用相對是比較難點的。
(七)使用層的時候最好定義為div標(biāo)簽而不是layer,因為前者在兩種主流瀏覽器都有很好的兼容性。
。ò耍┰谟脠D片制作熱區(qū)鏈接時,最好給熱區(qū)命名,防止有時只能在圖片上畫出直線。
(九)當(dāng)我們將框架結(jié)構(gòu)建立好后,可以將此框架體文件和Site窗體并排放置,然后從Site中選擇網(wǎng)頁文件拖放到相應(yīng)的框架中。這適用于框架比較復(fù)雜的頁面。
。ㄊ┤绻麑σ粡垐D片不滿意,想更換另一張,最簡單的方法雙擊此圖片,直接選擇要替換的圖片即可。
。ㄊ唬┰陬A(yù)覽網(wǎng)頁之前最好先保存一下,有時候在不能正確預(yù)覽網(wǎng)頁,而存一下就可能會解決這個問題。
(十二)如果你的頁面中使用了CSS或是Java Applet,最好不要使用“file->convert->3.0 browser compatible”命令,因為這一選擇會把所有3.0 瀏覽器不認(rèn)識的定義都抹去。最可怕的是我們不知道在這個過程中Dreamweaver 到底做了什么,具體發(fā)生了那些變化。而且要提醒你,對一批頁面執(zhí)行此操作時,一定要先備份,否則可沒地方買后悔藥。
個人網(wǎng)頁制作流程
(1)入門基礎(chǔ)知識
WWW基本概念
上 WWW 你應(yīng)該會了吧!這是重要的一步!不管你是用學(xué)校的網(wǎng)絡(luò),或是使用自己家的電腦上 ISP上網(wǎng),至少你要能連上網(wǎng)絡(luò),這樣我們才能繼續(xù)下去! 有些人會搞不清楚 INTERNET 和 WWW 或是 BBS 究竟有什么分別,以最簡單的話來解釋:INTERNET 是一個網(wǎng)絡(luò)的大環(huán)境,而它擁有多項的服務(wù)項目,如:WWW、BBS、FTP、Gopher、Mail、News...等。就好象一家大的百貨公司一樣,有娛樂場、美食部、家電商...等的道理是一樣的(只是的比喻)。 現(xiàn)在應(yīng)該知道 INTERNET 和 WWW 的差別了吧!WWW是20世紀(jì)90年代初興起的一種服務(wù)。
網(wǎng)頁:就是我們現(xiàn)在要準(zhǔn)備做的東西。
首頁:就是當(dāng)我們進(jìn)入網(wǎng)站時,第一眼看到的網(wǎng)頁。
網(wǎng)站:由一堆網(wǎng)頁所構(gòu)成的網(wǎng)站內(nèi)容,各個網(wǎng)頁之間主要通過超級連接聯(lián)系,這就叫網(wǎng)站。
WWW:則是由一堆網(wǎng)站所連接而成的。
簡單說就是:網(wǎng)頁 → 網(wǎng)站 → WWW。
網(wǎng)頁制作流程
為了讓網(wǎng)友們對于網(wǎng)頁制作有初步的概念,先簡單的說一下制作網(wǎng)頁的一般流程:
主題架構(gòu):就是網(wǎng)站內(nèi)容主題及操作界面,先要想好。
制作工具:準(zhǔn)備制作網(wǎng)頁的工具、圖片制作工作、網(wǎng)絡(luò)工具等。
編寫網(wǎng)頁:開始動手,編寫網(wǎng)頁,最累最有成就感的時候。
選擇空間:制作好網(wǎng)頁就要放到網(wǎng)絡(luò)上,得找個免費空間來放。
上傳網(wǎng)頁:有了存放網(wǎng)頁的空間,就將制作好的網(wǎng)頁上傳到網(wǎng)絡(luò)上。
維護(hù)網(wǎng)頁:后續(xù)的維護(hù)網(wǎng)頁工作,保持網(wǎng)頁內(nèi)容的新鮮度。
。2)設(shè)置網(wǎng)站的主題
網(wǎng)站的種類
★專業(yè)網(wǎng)站: 越專業(yè)、越豐富、、越有參考性,那么你的網(wǎng)站將屹立不搖,在網(wǎng)絡(luò)中占有一席之地。
★教學(xué)網(wǎng)站: 如電腦軟件的使用、或任何的教學(xué)內(nèi)容,事事能教,畢竟好學(xué)的人不少,你不就是嗎!
★下載網(wǎng)站: 許多免費的資源,若能有心的去收集,最好再加點說明,那么也是相當(dāng)吸引人的。
★網(wǎng)址網(wǎng)站: 到處去搜集網(wǎng)站,做個總的整理,方便網(wǎng)友連接訪問,也就節(jié)省了查詢時間,是吸引人相當(dāng)不錯的方法。不過維護(hù)上不太容易。
★個性網(wǎng)站: 就是與眾不同的網(wǎng)頁!這就要看個人的巧思及創(chuàng)意了。越獨特,越吸引人。
★地下網(wǎng)站: 基本上不鼓勵這個!不過,所謂“殺頭的生意有人做嘛”如:情色站、破解站,越非法,大家就越好奇,不過,小心別惹禍上身。
不同類型網(wǎng)站的架構(gòu)與特色
至于網(wǎng)站整個的操作架構(gòu),本人認(rèn)為不同性質(zhì)的網(wǎng)站,多少會有不同的需求以及操作介面。所以就將上述幾種網(wǎng)站,將其架構(gòu)或操作介面做簡單的整理:
?專業(yè)網(wǎng)站: 專業(yè)性網(wǎng)站,圖片是少不了的,因此,要注重于版面的安排以及圖片的設(shè)計,讓網(wǎng)友能對你的專業(yè)知識有清楚的認(rèn)識。
?教學(xué)網(wǎng)站: 內(nèi)容第一,解說清楚,若能圖問并茂更佳,要注意網(wǎng)站操作要簡單清楚,此外要注意瀏覽的速度,別做太多無所謂的美化。
★下載網(wǎng)站: 要注意連接的有效性,以及軟件版本的更新消息。此外,清楚的分門別類是必要的,若有清楚詳細(xì)的使用說明則更佳。
?網(wǎng)址網(wǎng)站: 重視搜集網(wǎng)站連接的完整度,搜集越完整越好。此外,頁面簡單清楚即可,不必太復(fù)雜,瀏覽速度必須要快,而且需要時時去注意連接的有無失效。
★個性網(wǎng)站: 美工及創(chuàng)意是免不了!尤其是創(chuàng)意占極重要地位,此外,有必要好好的宣傳一下,如三天兩頭就到 BBS 上去宣傳。
★地下網(wǎng)站: 基本上,這種站絕少重視什么美工創(chuàng)意,速度也不是挺要緊(為了瞄她一眼,再久都等。┎贿^,小心被抓或被罵。
成功網(wǎng)站的要素
除了以上說的一堆外,簡單的講,一個成功的網(wǎng)頁不外乎以下幾點:
1. 有豐富內(nèi)容
2. 瀏覽速度快
3. 網(wǎng)頁版面靚
4. 經(jīng)常去更新
5. 多些好連接
6. 常去做宣傳
就這樣了!如何?想好你的主題了嗎?咱們就開始動手了!
。3)工具選擇
首頁制作工具:
文字編輯軟件:在選擇網(wǎng)頁制作工具時,最簡單的莫過于記事本了,如果你想選擇記事本的話,那么前提你必須熟悉HTML的各種標(biāo)簽,否則最好別選擇記事本!目前我主要是使用記事本了。當(dāng)然在這里我們還可以選擇其它的文字編輯軟件,比如:word等,最后保存為web格式就可以了。
HTML輔助工具:設(shè)計者需要知道 html 標(biāo)簽的用法,此類軟件旨在使設(shè)計者能夠快速且方便的做出首頁,不用死記標(biāo)簽,部分軟件甚至?xí)刑崾、診錯、建議的功能。不過初學(xué)者最好不要使用,難以進(jìn)入快速的狀態(tài)。如Home site 3.01等。
所見即所得類工具:給初學(xué)者入門用,用法簡單,不需要記住HTML的各種標(biāo)簽,只要用幾分鐘就可以快速制作出網(wǎng)頁,如:FrontPage、Dreamweaver等。
圖片制作工具
網(wǎng)頁需要美觀,需要在網(wǎng)頁中加入一些漂亮的圖片,這時我們必須熟悉一些圖片制作工具的使用。在這里首推:Photoshop,當(dāng)然你也可以選擇其它的制圖軟件,如:Fireworks,Ulead Gif Animator,ACDSee等大家熟悉哪個就選擇哪個了,當(dāng)然也可以選擇其它的!只要能制作出精美圖片就可以了!
網(wǎng)絡(luò)工具
LeadFTP,CuteFTP都是非常上傳工具,可以把我們制作的網(wǎng)頁上傳到網(wǎng)絡(luò)空間。
Teleport Pro可以將他人的網(wǎng)站全部下載到我們自己的硬盤中,慢慢觀摩學(xué)習(xí)。
(4)上傳網(wǎng)頁
我們制作好了自己的精美網(wǎng)頁,其主要目的就是要發(fā)布到互連網(wǎng)上讓別人來看!這也是我們制作完網(wǎng)頁的最后一步!在論壇中應(yīng)wang heng的要求,我給大家寫一篇關(guān)于如何上傳網(wǎng)頁的文章,今天我就給大家在這里寫一篇!希望會對大家有幫助!
其實上傳網(wǎng)頁方法有很多,有的軟件就直接代有上傳的功能!不過在這里我具體給大家介紹一下使用專門的上傳軟件來實現(xiàn)上傳.在上傳之前我們應(yīng)該首先知道你申請的空間的地址,用戶名和密碼.之后我們就可以使用上傳軟件上傳了!
什么才為合適的建站工具?那些不影響網(wǎng)頁設(shè)計的好壞的功能強大、使用簡單的軟件往往更受青睞。網(wǎng)頁制作涉及的工具比較多,網(wǎng)站設(shè)計得成功與否,設(shè)計者的規(guī)劃能力有相當(dāng)程度的影響力。網(wǎng)站規(guī)劃包含的內(nèi)容很多,如網(wǎng)站的結(jié)構(gòu)、項目的設(shè)定、網(wǎng)站的風(fēng)格、顏色搭配、版面布局、文字圖片的運用等,只有如此制作出來的網(wǎng)頁才能有個性、有特色,具有吸引力。
|