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