怎樣制作自己的網(wǎng)頁

1、和怎樣制作自己的網(wǎng)頁時(shí)間：2009-09-22 19:35 來源：未知 作者：大寶庫 點(diǎn)擊：9865次 閱讀工具：字體：大中小首先，可以告訴想學(xué)網(wǎng)頁制作的朋友。學(xué)習(xí)制作網(wǎng)頁和學(xué)習(xí)其它知識一樣， 是要有基礎(chǔ)的。在基礎(chǔ)之上學(xué)習(xí)起來會比較輕松和快捷的。其次，要清楚學(xué)習(xí)它是用來做什么。建議你要具備的條件：對電腦熟練操作，使用電腦最好在一年以上，對網(wǎng)頁 設(shè)計(jì)感興趣，有較充足的學(xué)習(xí)時(shí)間，熟悉 ofice辦公軟件。當(dāng)然，這些不是一 定必須的。第一階段：開始時(shí)最好是學(xué)些網(wǎng)頁編輯軟件，女口： FrontPage、Dreamweaver. 這樣可以使您更了解網(wǎng)頁制作與運(yùn)營的原理。 最好使拿本教程來學(xué)學(xué)，結(jié)合教程

2、邊學(xué)習(xí)邊制作。第二階段：會用網(wǎng)頁制作軟件后，已會制作一個(gè)較完整的網(wǎng)站了。 但為了能 使自己設(shè)計(jì)制作的網(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)站。到了這個(gè)時(shí)候，你就成為真正的網(wǎng)站開發(fā)者了。怎樣制作網(wǎng)頁，不是說一兩篇文章能夠說清楚的。以上介紹的是制作網(wǎng)頁的 主要綱要，希望能夠給想要學(xué)習(xí)制作網(wǎng)頁的朋友一個(gè)參考。一、工具1、空間網(wǎng)頁做好了肯定是要發(fā)表上網(wǎng)的， 所以必須先申請一個(gè)空間；免費(fèi)的空間不是很 穩(wěn)定，容量又小，也不好申

3、請，建議到大的網(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)度會快很 多，記得也牢一些。其實(shí)做

4、網(wǎng)頁并不難，但要做出有特色的網(wǎng)頁來，那就非一朝一夕之功了。 一點(diǎn)個(gè)人的粗淺體會，不妥之處敬請指正。網(wǎng)站設(shè)計(jì)八步驟 由于目前所見即所得類型的工具越來越多， 使用也越來越方便，所以制作網(wǎng)頁已 經(jīng)變成了一件輕松的工作，不像以前要手工編寫一行行的源代碼那樣。 一般初學(xué) 者經(jīng)過短暫的學(xué)習(xí)就可以學(xué)會制作網(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)站。、

5、確定網(wǎng)站主題 網(wǎng)站主題就是你建立的網(wǎng)站所要包含的主要內(nèi)容， 一個(gè)網(wǎng)站必須要有一個(gè)明確的 主題。特別是對于個(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)站就越

6、容易。材料既可以從圖書、報(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)容， 我們在下面會有詳細(xì)介紹。 四、選擇

7、合適的制作工具盡管選擇什么樣的工具并不會影響你設(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)用。五、

8、制作網(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)站

9、發(fā)布到自己申請的主頁存放服務(wù)器上。 網(wǎng)站上傳以后， 你 要在瀏覽器中打開自己的網(wǎng)站， 逐頁逐個(gè)鏈接的進(jìn)行測試， 發(fā)現(xiàn)問題，及時(shí)修改， 然后再上傳測試。全部測試完畢就可以把你的網(wǎng)址告訴給朋友，讓他們來瀏覽。七、推廣宣傳 網(wǎng)頁做好之后， 還要不斷地進(jìn)行宣傳， 這樣才能讓更多的朋友認(rèn)識它， 提高網(wǎng)站 的訪問率和知名度。 推廣的方法有很多， 例如到搜索引擎上注冊、 與別的網(wǎng)站交 換鏈接、加入廣告鏈等。八、維護(hù)更新網(wǎng)站要注意經(jīng)常維護(hù)更新內(nèi)容， 保持內(nèi)容的新鮮， 不要一做好就放在那兒不變了， 只有不斷地給它補(bǔ)充新的內(nèi)容，才能夠吸引住瀏覽者 .（ 責(zé)任編輯：大寶庫 ）四一、首先確定你要制作的網(wǎng)頁的主題， 就

10、是你建這個(gè)網(wǎng)站的內(nèi)容是什么（注： 網(wǎng) 站和網(wǎng)頁的關(guān)系與區(qū)別就好比一本書和其中的一個(gè)頁面的關(guān)系）；二、確定你的網(wǎng)頁的閱讀對象，就是你的網(wǎng)頁是準(zhǔn)備給那些人看的；三、選擇制作網(wǎng)頁的工具軟件，常見的有dreamweaver和office 組件里面的 frontpage ，如果你是初學(xué)者， 哪我建議你使用 frongpage, 因?yàn)檫@個(gè)軟件的入 門比較簡單（當(dāng)然功能也很強(qiáng)大），如果你會使用word的話，哪就可以很快作出網(wǎng)頁的，如何你想作專業(yè)的網(wǎng)頁制作人員，哪我建議你使用dreamweaver，目前的版本是XM我現(xiàn)在就使用，很好用的，這個(gè)軟件的好處是不怎么產(chǎn)生垃圾 代碼，并且支持各種代碼的性能很好，基本上

11、各種代碼可以直接編輯。四、如果你作好了頁面， 就需要考慮你的網(wǎng)頁放到什么地方發(fā)表， 也就是平 常我們說的發(fā)表空間， 我們學(xué)校的用戶網(wǎng)絡(luò)中心已經(jīng)申請好了空間， 大家可以直 接使用（有發(fā)布空間的標(biāo)志是你有了 FTP賬號，這個(gè)需要申請）。五、找到發(fā)布空間以后， 你需要把自己的網(wǎng)頁上傳到你的發(fā)布空間， 這個(gè)需 要一個(gè)上傳軟件，我推薦使用 ACEFTP這個(gè)軟件體積小，速度快，注意我發(fā)現(xiàn) 這個(gè)軟件的 2.0 中文版不能夠正確使用，我建議使用 1.31 版。六、 制作網(wǎng)頁需要的其他相關(guān)軟件：ACDSEE這個(gè)是查看圖片的最好軟件， 也可以對圖片作簡單的處理，目前的版本是 4.0 ，網(wǎng)上很多地方可以下載；另外

12、如果你對圖片需要復(fù)雜處理的話，哪最好選擇使用PHOTOSH，目前的版本是7.0, 也有中文補(bǔ)丁，使用起來很方便， 當(dāng)然，這個(gè)軟件的學(xué)習(xí)使用相對是比較難點(diǎn)的。7、使用層的時(shí)候最好定義為 div 標(biāo)簽而不是 layer ，因?yàn)榍罢咴趦煞N主流瀏覽 器都有很好的兼容性。8、在用圖片制作熱區(qū)鏈接時(shí)，最好給熱區(qū)命名，防止有時(shí)只能在圖片上畫 出直線。9、當(dāng)我們將框架結(jié)構(gòu)建立好后， 可以將此框架體文件和 Site 窗體并排放置， 然后從 Site 中選擇網(wǎng)頁文件拖放到相應(yīng)的框架中。這適用于框架比較復(fù)雜的頁 面。10、如果對一張圖片不滿意， 想更換另一張， 最簡單的方法雙擊此圖片， 直 接選擇要替換的圖片即可。

13、11、 在預(yù)覽網(wǎng)頁之前最好先保存一下，有時(shí)候在不能正確預(yù)覽網(wǎng)頁， 而存一 下就可能會解決這個(gè)問題。12、如果你的頁面中使用了 CSS或是Java Applet，最好不要使用“file ->convert- >3.0 browser compatible ”命令， 因?yàn)檫@一選擇會把所有 3.0 瀏覽器不認(rèn)識的定義都抹去。 最可怕的是我們不知道在這個(gè)過程中 Dreamweaver 到底做了什么，具體發(fā)生了那些變化。 而且要提醒你，對一批頁面執(zhí)行此操作時(shí)， 一定要先備份，否則可沒地方買后悔藥。（ 責(zé)任編輯：大寶庫 ）用Dreamweaver制作網(wǎng)頁的基本步驟時(shí)間：2010-06-29 0

14、8:46來源:未知 作者:大寶庫 點(diǎn)擊：4984次閱讀工具：字體：大中小本教程主要是針對初學(xué)者，如何使用Dreamweaver制作一個(gè)網(wǎng)頁？這個(gè)教程具體 詳細(xì)講解了制作網(wǎng)頁的步驟，及注意的問題，并且拿一個(gè)實(shí)例來給大家做了一下 詳細(xì)講解！創(chuàng)建網(wǎng)頁頁面1、在Dreamveaver “文件新建常規(guī)基本頁HTML，這樣就建好了 一個(gè)頁面，英文版的默認(rèn)的文件名為 un titled.htm 。中文版的的默認(rèn)的文件名 為“無標(biāo)題文檔”。htm就表示這個(gè)網(wǎng)頁文件是一個(gè)靜態(tài)的 HTMI文件。給它改 名為 index.htm。注：網(wǎng)站第一頁的名字通常是index.htm或index.html。其它頁面的名字 可

15、以自己取。這也就是主頁，上傳后打開網(wǎng)頁默認(rèn)連接到此頁。2、在標(biāo)題空格里輸入網(wǎng)頁名稱，點(diǎn)擊修改-頁面屬性，打開“頁面屬性” 窗口。在這里可以設(shè)置網(wǎng)站的標(biāo)題、背景顏色或背景圖像，超級鏈接的顏色（一 般默認(rèn)即可），其他都保持默認(rèn)即可。3 此時(shí)光標(biāo)位于左上角，可輸入一句話，如“歡迎來到我的主頁”。選取 文字，用菜單“窗口 /屬性”打開屬性面板，選取文字大小為6,再使文字居中， 然后在文字前用幾個(gè)回車使其位于頁面中間等。4 .如要選取字體，則選擇字體中的最后一項(xiàng)：編輯字體列表。然后在對話 框中選+號，接著在“可用字體”欄中選擇需要加入到字體列表中的一種字體， 點(diǎn)擊中間的按鈕就可以加入了。注：在網(wǎng)頁上最常

16、用的是宋體字。不要將特殊的字體加到列表中使用，因 為別人電腦上未裝就看不到。如果需要用的話，要做成圖片后再使用。注：在網(wǎng)頁上打入空格的辦法是：把輸入法調(diào)為全角。注：在網(wǎng)頁上換行的辦法是：shift+Enter 。只按Enter則為換段。下面拿一個(gè)現(xiàn)成的例子來給大家講解一下：現(xiàn)在，以下邊的簡單網(wǎng)頁為例，敘述一下制作過程。簡單網(wǎng)頁如下圖:我的主頁歡迎瀏也我的上貝I請悠多提寶貴惹見!I 細(xì) *郵訶i¥“；!*“!§50ff!t<ZZ.帕 tcf«t?在開始制作之前，我們先對這個(gè)頁面進(jìn)行一下分析?？纯催@個(gè)頁面用到了 哪些東西。網(wǎng)頁頂端的標(biāo)題“我的主頁”是一段文字。網(wǎng)

17、頁中間是一幅圖片。最下端的歡迎詞是一段文字。網(wǎng)頁背景是一深紫紅顏色。構(gòu)思好這個(gè)網(wǎng)頁的結(jié)構(gòu)，我們就可以開始制作了。首先啟動(dòng)Dreamweave，確保你已經(jīng)用站點(diǎn)管理器建立好了一個(gè)網(wǎng)站（根 目錄）。為了制作方便，請您事先打開資源管理器，把要使用的圖片收集到網(wǎng)站目 錄images文件夾內(nèi)?！静迦霕?biāo)題文字】進(jìn)入頁面編輯設(shè)計(jì)視圖狀態(tài)。在一般情況下，編輯器默認(rèn)左對齊，光標(biāo)在 左上角閃爍，光標(biāo)位置就是插入點(diǎn)的位置。如果要想讓文字居中插入，點(diǎn)屬性面 板居中按鈕即可。啟動(dòng)中文輸入法輸入“我的主頁”四個(gè)字。字小不要緊，我們可以對它進(jìn)行設(shè)置?！驹O(shè)置文字的格式】 選中文字，在上圖屬性面板中將字體格式設(shè)置成默認(rèn) 字體，

18、大小可任意更改字號。并選中“ B'將字體變粗。【設(shè)置文字的顏色】首先選中文字，在屬性面板中，單擊顏色選擇圖標(biāo)，在 彈出的顏色選擇器中用滴管選取顏色即可。【設(shè)置網(wǎng)頁的標(biāo)題和背景顏色】點(diǎn)擊“修改”菜單選“頁面屬性”。系統(tǒng)彈出頁面屬性對話框(如下圖)請?jiān)跇?biāo)題輸入框填入標(biāo)題“我的主頁”。設(shè)置背景顏色：網(wǎng)頁背景可以是圖片，也可以是顏色。此例是顏色。如上圖打開背景顏色選擇器進(jìn)行選取。 如果背景要設(shè)為圖片，點(diǎn)擊背景圖象“瀏覽” 按鈕，系統(tǒng)彈出圖片選擇對話框，選中背景圖片文件，點(diǎn)擊確定按鈕。設(shè)計(jì)視圖狀態(tài)，在標(biāo)題“我的主頁”右邊空白處單擊鼠標(biāo)，回車換一行，按照以下的步驟插入一幅畫圖片，并使這張圖片居中。

19、您也可以通過屬性面板中的 左對齊按鈕讓其居左安放?！静迦雸D像】選擇以下任意一種方法：(1) 使用插入菜單：在“插入”菜單選“圖像”，彈出“選擇圖像源文件”對話框，選中該圖像文件，單擊確定。如下圖:（2）使用插入欄：單擊插入欄對象按鈕 選 按鈕，彈出“選擇圖像源文件” 對話框，其余操作同上。（3）使用面板組“資源”面板（如下圖）：點(diǎn)按鈕，展開根目錄的圖片文 件夾，選定該文件，用鼠標(biāo)拖動(dòng)至工作區(qū)合適位置。2 曲禪式 i? 代碼T應(yīng)用趕序21£-X£-a3-注：為了管理方便，我們把圖片放在“images ”文件夾內(nèi)。如果圖片少，您 也可以放在站點(diǎn)根目錄下。注意文件名要用英文或用拼

20、音文字命名而且使用小寫， 不能用中文，否則要出現(xiàn)一些麻煩。一個(gè)圖片就插入完畢了。（插入*swf動(dòng)畫文件，選擇“插入”菜單媒 體Flash ）?！据斎霘g迎文字】在圖片右邊空白處單擊，回車換行。仍然按照上述方法，輸入文字“歡迎 您,，”然后，利用屬性面板對文字進(jìn)行設(shè)置。保存頁面。一個(gè)簡單的頁面就這樣編輯完畢了?！绢A(yù)覽網(wǎng)頁】在頁面編輯器中按 F12預(yù)覽網(wǎng)頁效果。網(wǎng)站中的第一頁，也就是首頁，我們通常在存盤時(shí)取名為index.htm?！拘〗Y(jié)】我們制作了一個(gè)簡單的網(wǎng)頁。內(nèi)容有四: 圖片插入和對齊設(shè)置； 文字的格式、顏色和加粗等設(shè)置; 背景顏色的設(shè)置； 預(yù)覽網(wǎng)頁，查看實(shí)際效果。不僅要掌握還要舉一反三反復(fù)練習(xí)

21、。dreamweaver8 序歹U號|Dreamweaver 8 序列號（Windows 系統(tǒng)）WPD800-58436-27232-80204WPD800-54236-82932-27874WPD800-50434-44832-09154WPD800-52830-64832-84599WPD800-57135-54432-16498WPD800-51933-19032-29398WPD800-58838-01832-94676WPD800-50038-81232-23768WPD800-50036-83532-46061WPD800-54230-86332-66017WPD800-50430

22、-69032-87991WPD800-58838-85432-17374DWD800-80414-27237-60464WPD800-54238-61132-10697WPD800-50434-28532-09195WPD800-50434-44832-09154WPD800-50438-43132-60296WPD800-52836-88632-87970WPD800-50836-81932-91159WPD800-53735-53632-48591WPD800-52830-42932-95093Dreamweaver 8 序列號（Mac系統(tǒng)）WPD800-57533-91832-61682

23、WPD800-50036-22132-61740WPD800-58838-49132-19616WPD800-50434-44832-09154WPD800-53139-78632-74988WPD800-58834-46532-77738WPD800-51537-79832-91728WPD800-58436-27232-80204WPD800-50036-83532-46061WPD800-54232-80332-94711DWD800-04016-87237-49988DWW600-58026-46355-83953« Dreamweaver 8 序列號（Windows 系統(tǒng)）WPD800-58436-27232-80204WPD800-54236-82932-27