怎樣製作自己的網頁及製作流程

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

圖１

圖２

圖３

圖４

圖５下圖中的本地目錄（也就是只的我們自己電腦中的網站存放的位置，當然我們在自己製作網頁的時候應該包含首頁，下面已經做了說明，具體看你的空間說明支持哪個文件做為首頁），遠程網站的目錄就是你申請的空間的目錄，至於具體上傳到哪個目錄要看空間提供商的說明．看到下圖你就可以分清哪個"本地目錄"？哪個"遠程目錄"？在我們上傳時要遵守這個規定！如果上傳的網頁中包含了圖片那麼我們也應該將圖片上傳到遠程網站空間中！在這裡你就應該注意網頁中使用的圖片的問題了！

圖６注意：一般的空間都是給我們設置好了主頁的文件，不同的空間有不同的指標，當大家申請了空間之後得具體看看空間的說明，或直接詢問你的空間提供商．一般情況下是：index.htm,index.html,index.asp,default.asp,index.php,index.aspx,index.cgi等，具體情況要具體分析，我們在製作網頁時選擇上面的一種就可以了！這篇文章就寫到這裡了！希望對大家有幫助．（5）運行維護建好了網站，如果希望儘可能多的人知道並訪問你的站點，還要對網站進行必要的宣傳，宣傳手法多種多樣。這裡列出幾種最常用也是最有效的宣傳方法(一) 導航網站登陸對於一個流量不大, 知名度不高的網站來說, 導航網站能給你帶來的流量遠遠超過搜索引擎以及其他方法。單單推薦給網址之家被其收錄在內頁一個不起眼的地方，每天就給這我朋友的網站帶來200左右的流量。這裡列出幾個流量比較大的導航網站給大家：http://www.hao123.com 網址之家 世界排名 274 可見其流量之大http://www.265.com 265網址 世界排名 9,705 流量也挺大(二） 友情連接友情連接可以給一個網站帶來穩定的客流。另外還有助於網站在GOOGLE等搜索引擎種的排名。談友情連接最好能連接一些流量比自己高的，有知名度的網站。再次是和自己內容互補的網站。然後再是同類網站，同類網站要保證自己網站的內容質量要有特點，並且可以吸引人，要不然不如不連同類網站。多做友情連接，剛開始其站長覺得破壞美工，所以不願意去做。但來，經過分析，他就試著做了幾個。僅僅兩天，統計器證明來友情連接帶來的效果。呵呵！網站不要但求美觀，特別試商業網站，一定要實用第一，技術美觀等次之。忽地想起一個不漂亮，但是一年發展就達到了每天40多萬流量的網站，也不在話下。另外我許多朋友的網站，雖然不漂亮，而且有的還很難看，但卻實實在在給他們帶來了錢。呵呵，請記住這條網站設計理念，實用第一。（三） 搜索引擎登陸排名搜索引擎給網站帶來的流量將越來越大，登陸目前有登陸騎兵等許多軟體。不過最有效的還是手工登陸。通過手工登陸到的網易，yahoo 等搜索引擎都給其帶來不少流量。其他一些門戶網站目前採取了收費登陸，你可以根據自己的情況選擇。不過我個人認為，其投入和回報不太划算。中文搜索引擎，目前用的最多的是百度和GOOGLE ，目前此兩個搜索引擎都有收費服務，當然也有免費登陸。 對於收費服務，根據自己的情況選擇。百度是每下點擊0.3元。google每下點擊為0.5元，其他的中國搜索聯盟也有收費排名服務。個人認為價格較高，不太划算。如果你不想給他們出錢還想盡量獲得較好的排名的話，那麼你就要根據他們的相關規律，優化一下自己的網站，做一些詳細的策略。如標題設計，標籤設計，內容排版設計等等。（四） 網路廣告投放網路廣告投放雖然要花錢，但是給網站帶來的流量卻是很客觀的，不過如何花最少的錢，獲得最好的效果，這就需要許多技巧了。1. 低成本，高回報。 怎樣才能做到如此效果呢？ 個人觀點是對媒體的選擇，如果想獲得知名度，那麼就出錢到那些有知名度的網站投放，如果你只是為了流量，那麼，就把這些媒體網站過濾掉吧，因為他們價格都很貴。 那麼選什麼樣子的網站作為投放媒體呢？ 名氣不大，流量大的網站。目前，許多個人站點雖然名氣不是很大，但是流量特別大，在他們上面做廣告，價格一般都不貴，但是每天就可以給他帶來幾百的客流。比起那些競價排名，實惠多了。2.高成本，高收益。 這個收益不是流量，而是收入。呵呵，對於一個商務網站，客流的質量和客流的流量一樣重要。此類廣告投放要選擇的媒體非常有講究，首先，你要了解自己的潛在客戶是那類人群，他們有什麼習慣，然後尋找他們出沒頻率比較高的網站進行廣告投放。也許價格為高些，但是它給你帶來的客戶質量比較高，所以給你帶來的收益也比較高。比如：作為 賣化妝品的網站 娑詩名妝特賣網 在某著名女性網站投放高，價格雖然有點高，但是帶來的質量比較高，成為自己客戶的也比較多，獲得了很好的收益。對於商業網站，高質量的客流很為重要，廣告投放一定要有目標性。（五） 郵件廣告廣告郵件目前大多都成了垃圾郵件，這主要的原因是因為郵件地址選擇，郵件設計等原因。 廣告郵件要設計的讓人喜歡，發給不討厭它的人，很不容易。1.標題建議：吸引人、簡單明了。不要欺騙人。2.內容建議：採用HTML格式比較好，另外排版一定要清晰。不過，廣告郵件群發如果搞好了，其效果卻是也非常有效，而且成本不高，目前，在國內。200塊錢就可以買到群發軟體帶1億個郵件地址。另外可以在自己的網站加入郵件列表功能，可以讓網友訂閱自己的電子雜誌，然後在電子雜誌種融入病毒式營銷的相關策略。可以取得很好的效果。註：廣告郵件，且勿盲目的亂髮，否則可能會取得相反的效果。（六） 病毒式營銷病毒式營銷主要是利用互利的方法，讓網友幫自己宣傳，製造一種象病毒傳播一樣的效果。下面介紹幾個常用的方法:1.免費服務 如果有條件，可以為網友提供免費留言板，免費域名，免費郵件列表，免費新聞，免費計數器等等。然後這些服務中都可以加入選擇自己的廣告或者連接。由於是免費，所以可以迅速推廣。2.有趣頁面 製作精美的頁面，或有趣的頁面常常在網上被網友迅速宣傳。所以，可以製作一些精美的，或者有趣的頁面像朋友推薦。3.其他方法 自己製作軟體來宣傳，比如製作騰訊QQ除廣告顯IP版本，加上自己的網站連接，如果軟體好的話就會被眾多軟體下載網站收錄。到時你網站的知名度和流量也獲得了很好的提升。（七） BBS 宣傳BBS 宣傳，雖然花費精力，但是效果非常好。網路營銷，細節致勝，網站推廣，全面出擊。呵呵！！ BBS宣傳要選擇自己潛在客戶在的bbs，或者人氣比較好的BBS 。 BBS宣傳注意一下幾個策略：1. 不要直接發廣告。 這樣的帖子很容易被當作廣告貼被刪除。2. 用好頭像，簽名。 頭像可以專門設計一個，宣傳自己的品牌，簽名可以加入自己網站的介紹和連接。3. 發貼要求質量第一 發貼不在乎發貼的數量多少，發的地方多少，而帖子的質量特別重要，為什麼呢？因為發的多，但總體流量不多，我們發貼，關鍵是為了讓更多大額人看，變相的宣傳自己的網站。所以追求的是最終流量。所以發高質量的帖子，專註一點，可以花費較小的精力，獲得較好的效果。4. 適當托一把。 在論壇，有時候為了帖子的氣氛，人氣。你也可以適當的找個托，也可以自己註冊兩個帳號演一把 。 呵呵 ！（八） 活動宣傳活動宣傳也是一種很好的宣傳方式，不過不是什麼活動都能夠有效果的，想有很好的效果，就必須有很好的策劃。偶一直覺得，網站的最好的宣傳方式是口碑相傳，如何能夠讓看到你的網站的網友幫你宣傳呢？ 最基本的是自身要做好，四個字：內容為王。維護網頁維護理論網頁是給人們咨訊和Webmaster發表的地方。如果人們每次來時都是看到同樣的東西，數個也也沒有作出任何更新，這個網頁慢慢就沒有人再想來了。所以定時更新和作出修正是必須的！何時更新那我要幾時才更新一次呢？這要看這是一個什麼類型的網頁、內容和性質等。例如一個以咨訊為主題的網頁，更新得越快就越好，而以內容為主的網頁就可以彈性點。當然你一個月才更新一次也沒有人會怪你。倍受關注的文章：不能不看的美圖誰改變了世界知識改變命運心靈的呼喚屁無色卻有「味」健康來源於食物的平衡配搭慧眼看世界時尚雜誌隨你看
推薦閱讀：