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