新手20秒明白網(wǎng)站制作過程

1.先下載網(wǎng)頁制作工具，Dreamweaverv8.0簡體注冊版下載地址：2.開始學(xué)習(xí)，去網(wǎng)易學(xué)院學(xué)習(xí)網(wǎng)頁制作的方法?！毒W(wǎng)站設(shè)計系列多媒體教程》3.如果會做了，申請免費(fèi)主頁空間，如果自己有更好了，（注：主機(jī)是空間）沒有請去這里找一個適合自己的申請，免費(fèi)。4.把做好的主頁上傳到您的空間。需要FTP上傳軟件。下載地址：5.用您自己的或者申請的免費(fèi)域名（一般申請免費(fèi)空間都贈送一個二級域名）訪問您的主頁。再給你一個詳細(xì)的好了時下隨著各種通訊技術(shù)的發(fā)展，互聯(lián)網(wǎng)已在中國逐步進(jìn)入普及階段，許多人在充分享受瀏覽新聞，網(wǎng)上聊天，網(wǎng)絡(luò)游戲，網(wǎng)上交易，收發(fā)電子郵件等網(wǎng)絡(luò)的各種樂趣后，開始不滿足于被動式的接受，希望能主動參與網(wǎng)絡(luò)，因此大量的個人網(wǎng)站應(yīng)運(yùn)而生了。計算機(jī)與網(wǎng)絡(luò)專業(yè)技術(shù)人員能利用一技之長及在某一方面的專長輕松制作網(wǎng)頁，但大量的網(wǎng)絡(luò)菜鳥級人物如何制作個人主頁，建立個人網(wǎng)站呢？我大概總結(jié)了以下幾點(diǎn)，希望對一些對這方面缺乏基本了解的人提供一些幫助。如果你是個經(jīng)常上網(wǎng)的網(wǎng)蟲，并對如何建立網(wǎng)站有一定的興趣，那么請你繼續(xù)讀下去，否則我推薦你使用某些網(wǎng)站推出的傻瓜式的個人網(wǎng)頁或請專業(yè)的網(wǎng)頁制作公司代勞，完全沒必要自己動手。1．要建立個人網(wǎng)站，首先必須要了解一下目前網(wǎng)頁制作的基本語言HTML，入門即可，大概花個一二小時就可。2．學(xué)會使用目前流行的網(wǎng)頁制作軟件，如Frontpage、Dreamweaver等一些功能強(qiáng)大，所見所得的軟件，初步了解就可，不用全部掌握，一般是邊用邊學(xué)，不斷提高使用水平。3．廣泛的上網(wǎng)瀏覽各種網(wǎng)頁，一開始最好能下載一些較簡單的個人網(wǎng)頁，因為他們所用到的技術(shù)較為簡單，可用網(wǎng)頁制作軟件打開研究。然后推薦去瀏覽一些專業(yè)的網(wǎng)頁設(shè)計網(wǎng)站，學(xué)習(xí)一些排版經(jīng)驗，同時可下載一些網(wǎng)頁結(jié)構(gòu)模版供自己套用。4．確定你的網(wǎng)站主題，我個人不主張開始就想建軟件大全、書庫等網(wǎng)上流行的為網(wǎng)站主題，因為第一你不夠?qū)I(yè)，網(wǎng)上已有太多的同類軟件，別人不可能上你的網(wǎng)站下載。第二這類網(wǎng)站需要巨大的主頁空間，不僅一開始你申請不到這么大的空間，而且你也不可能經(jīng)常上載維護(hù)。網(wǎng)站主題最好是有你的個人特色，實在不能確定我建議自己做一個私人門戶網(wǎng)站，將平時自己經(jīng)常去的網(wǎng)站做一個較為綜合的連結(jié)。5．網(wǎng)頁最好不要用特別與眾不同的顏色、字體，因為每個人使用的計算機(jī)各不相同，特別的顏色、字體別人不一定能看得到。6．網(wǎng)頁要增加美觀圖片不可缺少，我建議如果你會用一些專業(yè)的作圖軟件最好自己制作，這會有自己的特色，放些私人照片也可以，但切記各種圖片一定要作優(yōu)化處理，減小它的存儲尺寸。提醒一下每頁不要放過多的圖片，因為第一會使網(wǎng)頁顯得雜亂，第二會使你的網(wǎng)頁顯示速度過慢。制作圖片的常用軟件有Photoshop，F(xiàn)ireworks等。7．網(wǎng)頁上可以用一些動畫與特效增加你主頁的美觀與功能，動畫可上網(wǎng)找，同樣最好能自己制作，GIF格式的最常用，可用Ulead的GigAnimator軟件制作，目前流行的是Flash動畫，更多變化，尺寸更小，缺點(diǎn)是有些計算機(jī)上的瀏覽器缺省沒有安裝Flash瀏覽軟件，有些計算機(jī)用戶不能看到Flash。網(wǎng)上還有許多免費(fèi)的Javascript等可供使用，與圖片一樣，我建議每頁不要放太多的動畫與特效。8．網(wǎng)頁基本建成后，上網(wǎng)找免費(fèi)的主頁空間，以其主機(jī)的速度，提供的空間大小和有無基本的CGI功能及其提供的域名是否簡單易記為考量依據(jù)，所謂CGI是指主機(jī)服務(wù)器上提供的程序，一般你可申請有免費(fèi)計數(shù)器、留言板等。找到速度快，主頁存放空間大，域名簡單的網(wǎng)站存放你的網(wǎng)頁。9．接下來是將網(wǎng)頁上傳至你申請的服務(wù)器上，具體上傳的辦法你在申請主頁空間時就會了解，具體使用你制作網(wǎng)頁的軟件即可，我個人推薦使用CuteFTPPro上傳，這個軟件功能強(qiáng)大，簡單易用。10．好，現(xiàn)在你的網(wǎng)站已建立，你可通知你的朋友上去瀏覽，把個人網(wǎng)站印在你的名片上，還想推廣你的網(wǎng)站？那你可去各大搜索網(wǎng)站登錄你的新站，如雅虎、搜虎、新浪等知名網(wǎng)站。你還可與其它網(wǎng)站申請友情連結(jié)、去一些提供連結(jié)交換的網(wǎng)站申請廣告交換，如太極鏈，酷站等。在做這一步時你需要做二個468X60和88X31尺寸的廣告圖片，動畫最好，存儲大小盡量控制在10k以下。11．如果你還想靠你的網(wǎng)站賺一些小錢，你可去一些商業(yè)網(wǎng)站申請廣告連結(jié)，替他們做廣告，一般以從你的網(wǎng)頁點(diǎn)擊到他們的網(wǎng)頁次數(shù)算錢。12．最后我要提醒各位未來網(wǎng)主，你的網(wǎng)站千萬不要放一些明顯與國內(nèi)政治相抵觸的內(nèi)容，這事關(guān)重大，不可兒戲，否則網(wǎng)站被關(guān)閉事小，坐牢也說不定哦。另外，網(wǎng)站內(nèi)容與性有關(guān)可大大增加被瀏覽的數(shù)量，但黃色的內(nèi)容不要放，雖說性質(zhì)比不上反動內(nèi)容，但也有問題。建議打打擦邊球，提供一些性教育、性知識，情情愛愛的內(nèi)容無傷大雅。隨著網(wǎng)絡(luò)技術(shù)的不斷發(fā)展，網(wǎng)絡(luò)應(yīng)用已經(jīng)滲透到人類社會的各個角落。作為網(wǎng)絡(luò)世界的支撐點(diǎn)的網(wǎng)站，更是人們關(guān)注的熱點(diǎn)：政府利用網(wǎng)站宣傳自己的施政綱領(lǐng)，日益成為與百姓交流的直通車；企業(yè)利用網(wǎng)站宣傳自己的形象，挖掘無限商機(jī)；個人利用網(wǎng)站展示個性風(fēng)采，創(chuàng)建彼此溝通的橋梁。越來越多的人希望擁有網(wǎng)站，開辟網(wǎng)絡(luò)世界里的一片天地。如何設(shè)計一個出色的網(wǎng)站呢？關(guān)于這個問題，人們討論的很多，可以討論的內(nèi)容也很多，加之網(wǎng)絡(luò)技術(shù)的飛速發(fā)展，很難提出一個絕對權(quán)威和正確的設(shè)計思路，筆者不才，根據(jù)自己的設(shè)計體會，總結(jié)出以下基本設(shè)計思路：一、定位網(wǎng)站的主題和名稱網(wǎng)站的主題也就是網(wǎng)站的題材，網(wǎng)站設(shè)計開始首先遇到的問題。網(wǎng)站題材千奇百怪,琳瑯滿目，只要想的到，就可以把它制作出來。下面是美國《個人電腦》雜志(PCMagazine)評出的99年度排名前100位的全美知名網(wǎng)站的十類題材：關(guān)的資料內(nèi)容，但如何組織內(nèi)容才能吸引網(wǎng)友們來瀏覽網(wǎng)站呢？欄目的實質(zhì)是一個網(wǎng)站的大綱索引，索引應(yīng)該將網(wǎng)站的主體明確顯示出來。一般的網(wǎng)站欄目安排要注意以下幾方面：1、要緊扣主題將你的主題按一定的方法分類并將它們作為網(wǎng)站的主欄目。主題欄目個數(shù)在總欄目中要占絕對優(yōu)勢，這樣的網(wǎng)站顯的專業(yè)，主題突出，容易給人留下深刻印象。2、設(shè)立最近更新或網(wǎng)站指南欄目設(shè)立"最近更新"的欄目，是為了照顧常來的訪客，讓你的主頁更有人性化。如果主頁內(nèi)容龐大，層次較多，而又沒有站內(nèi)的搜索引擎，設(shè)置"本站指南"欄目，可以幫助初訪者快速找到他們想要的內(nèi)容。3、設(shè)立可以雙向交流的欄目比如論壇，留言本，郵件列表等，可以讓瀏覽者留下他們的信息。4、設(shè)立下載或常見問題回答欄目網(wǎng)絡(luò)的特點(diǎn)是信息共享。如在你主頁上設(shè)置一個資料下載欄目，便于訪問者下載所需資料。另外，如果站點(diǎn)經(jīng)常收到網(wǎng)友關(guān)于某方面的問題來信，最好設(shè)立一個常見問題回答的欄目，既方便了網(wǎng)友，也可以節(jié)約自己更多時間。四、確定網(wǎng)站的目錄結(jié)構(gòu)網(wǎng)站的目錄是指你建立網(wǎng)站時創(chuàng)建的目錄。例如：在用frontpage98建立網(wǎng)站時都默認(rèn)建立了根目錄和images(存放圖片)子目錄。目錄結(jié)構(gòu)的好壞，對瀏覽者來說并沒有什么太大的感覺，但是對于站點(diǎn)本身的上傳維護(hù)，內(nèi)容未來的擴(kuò)充和移植有著重要的影響。下面是建立目錄結(jié)構(gòu)的一些建議：1、不要將所有文件都存放在根目錄下，會造成文件管理混亂你常常搞不清哪些文件需要編輯和更新，哪些無用的文件可以刪除，哪些是相關(guān)聯(lián)的文件，影響工作效率。另外，上傳速度慢。服務(wù)器一般都會為根目錄建立一個文件索引。當(dāng)您將所有文件都放在根目錄下，那么即使你只上傳更新一個文件，服務(wù)器也需要將所有文件再檢索一遍，建立新的索引文件。很明顯，文件量越大，等待的時間也將越長。所以，盡可能減少根目錄的文件存放數(shù)。2、按欄目內(nèi)容建立子目錄子目錄的建立，首先按主菜單欄目建立。例如:企業(yè)站點(diǎn)可以按公司簡介，產(chǎn)品介紹，價格，在線定單，反饋聯(lián)系等建立相應(yīng)目錄。其他的次要欄目，類似what'snew，友情連接內(nèi)容較多，需要經(jīng)常更新的可以建立獨(dú)立的子目錄。而一些相關(guān)性強(qiáng)，不需要經(jīng)常更新的欄目，例如：關(guān)于本站，關(guān)于站長，站點(diǎn)經(jīng)歷等可以合并放在一個統(tǒng)一目錄下。所有程序一般都存放在特定目錄。例如：CGI程序放在cgi-bin目錄。所有需要下載的內(nèi)容也最好放在一個目錄下。3、在每個主欄目目錄下都建立獨(dú)立的images目錄為每個主欄目建立一個獨(dú)立的images目錄是最方便管理的。而根目錄下的images目錄只是用來放首頁和一些次要欄目的圖片。4、目錄的層次不要太深目錄的層次建議不要超過3層，維護(hù)管理方便。5、不要使用中文目錄6、不要使用過長的目錄五、確定網(wǎng)站的鏈接結(jié)構(gòu)網(wǎng)站的鏈接結(jié)構(gòu)是指頁面之間相互鏈接的拓?fù)浣Y(jié)構(gòu)。它建立在目錄結(jié)構(gòu)基礎(chǔ)之上，但可以跨越目錄。建立網(wǎng)站的鏈接結(jié)構(gòu)有兩種基本方式：1、樹狀鏈接結(jié)構(gòu)類似DOS的目錄結(jié)構(gòu)，首頁鏈接指向一級頁面，一級頁面鏈接指向二級頁面。這樣的鏈接結(jié)構(gòu)瀏覽時，一級級進(jìn)入，一級級退出。優(yōu)點(diǎn)是條理清晰，訪問者明確知道自己在什么位置，不會"迷"路。缺點(diǎn)是瀏覽效率低，一個欄目下的子頁面到另一個欄目下的子頁面，必須繞經(jīng)首頁。2、星狀鏈接結(jié)構(gòu)類似網(wǎng)絡(luò)服務(wù)器的鏈接，每個頁面相互之間都建立有鏈接。這種鏈接結(jié)構(gòu)的優(yōu)點(diǎn)是瀏覽方便，隨時可以到達(dá)自己喜歡的頁面。缺點(diǎn)是鏈接太多，容易使瀏覽者迷路，搞不清自己在什么位置，看了多少內(nèi)容。這兩種基本結(jié)構(gòu)都只是理想方式，在實際的網(wǎng)站設(shè)計中，總是將這兩種結(jié)構(gòu)混合起來使用，達(dá)到比較理想的效果。比較好的方案是：首頁和一級頁面之間用星狀鏈接結(jié)構(gòu)，一級和以下各級頁面之間用樹狀鏈接結(jié)構(gòu)。六、設(shè)計網(wǎng)站的整體風(fēng)格風(fēng)格(style)是抽象的，是指站點(diǎn)的整體形象給瀏覽者的綜合感受。這個"整體形象"包括站點(diǎn)的CI(標(biāo)志，色彩，字體，標(biāo)語)，版面布局，瀏覽方式，交互性，文字，語氣，內(nèi)容價值，存在意義，站點(diǎn)榮譽(yù)等等諸多因素。舉個例子：我們覺得網(wǎng)易是平易近人的，迪斯尼是生動活潑的，IBM是專業(yè)嚴(yán)肅的，這些都是網(wǎng)站給人們留下的不同感受。風(fēng)格是獨(dú)特的，是站點(diǎn)不同與其他網(wǎng)站的地方?；蛘呱?，或者技術(shù)，或者是交互方式，能讓瀏覽者明確分辨出這是你的網(wǎng)站獨(dú)有的。例如新世紀(jì)網(wǎng)絡(luò)的黑白色,網(wǎng)易壁紙站的特有框架,即使你只看到其中一頁，也可以分辨出是哪個網(wǎng)站的。風(fēng)格是有人性的。通過網(wǎng)站的外表，內(nèi)容，文字，交流可以概括出一個站點(diǎn)的個性，情緒。是溫文儒雅，是執(zhí)著熱情，是活潑易變,是放任不羈。像詩詞中的"豪放派"和"婉約派"，你可以用人的性格來比喻站點(diǎn)。如何樹立網(wǎng)站風(fēng)格呢？我們可以分這樣幾個步驟：1、確信風(fēng)格是建立在有價值內(nèi)容之上一個網(wǎng)站有風(fēng)格而沒有內(nèi)容，就好比繡花枕頭一包草，好比一個性格傲慢但卻目不識丁的人。你首先必須保證內(nèi)容的質(zhì)量和價值性，這是最基本的。2、你需要徹底搞清楚自己希望站點(diǎn)給人的印象是什么可以從這幾方面來理清思路：a.如果只用一句話來描述你的站點(diǎn)，應(yīng)該是:()參考答案：有創(chuàng)意，專業(yè)，有(技術(shù))實力，有美感，有沖擊力b.想到你的站點(diǎn)，可以聯(lián)想到的色彩是：()參考答案：熱情的紅色，幻想的天藍(lán)色，聰明的金黃色c.想到你的站點(diǎn)，可以聯(lián)想到的畫面是：()參考答案：一份早報，一輛法拉利跑車，人群擁擠的廣場，雜貨店d.如果網(wǎng)站是一個人，他擁有的個性是：()參考答案：思想成熟的中年人，狂野奔放的牛仔，自信憨厚的創(chuàng)業(yè)者e.作為站長，你希望給人的印象是：()參考答案：敬業(yè)，認(rèn)真投入，有深度，負(fù)責(zé)，純真，直爽，淑女f.用一種動物來比喻，你的網(wǎng)站最像：()參考答案：貓(神秘高貴)，鷹(目光銳利)，兔子(聰明敏感)，獅子(自信威信)g.瀏覽者覺得你和其他網(wǎng)站的不同是：()參考答案：可以信賴，信息最快，交流方便，h.瀏覽者和你交流合作的感受是：()參考答案：師生，同事，朋友，長幼。你可以自己先填寫一份答案，然后讓其他網(wǎng)友填寫。比較后的結(jié)果會告訴你：你網(wǎng)站現(xiàn)在的差距，弱點(diǎn)及需要改進(jìn)的地方。3、在明確自己的網(wǎng)站印象后，開始努力建立和加強(qiáng)這種印象經(jīng)過第二步印象的"量化"后，你需要進(jìn)一步找出其中最有特色特點(diǎn)的東西，就是最能體現(xiàn)網(wǎng)站風(fēng)格的東西。并以它作為網(wǎng)站的特色加以重點(diǎn)強(qiáng)化，宣傳。以下做法可作參考：(1)將你的標(biāo)志logo,盡可能的出現(xiàn)在每個頁面上?；蛘唔撁?，或者頁腳，或則背景。(2)突出你的標(biāo)準(zhǔn)色彩。文字的鏈接色彩，圖片的主色彩，背景色，邊框等色彩盡量使用與標(biāo)準(zhǔn)色彩一致的色彩。(3)突出你的標(biāo)準(zhǔn)字體。在