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

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

2、邊學習邊制作。第二階段：會用網(wǎng)頁制作軟件后，已會制作一個較完整的網(wǎng)站了。 但為了能 使自己設計制作的網(wǎng)頁盡善盡美，還是學習網(wǎng)頁的核心技術吧！網(wǎng)頁編輯語言（包 括:html、css、javascript 、asp、xml 等）。你可以選擇地學習。第三階段：結合你自己已掌握地知識來開發(fā)網(wǎng)站，可以開發(fā)出別人給你定義 的目標網(wǎng)站。到了這個時候，你就成為真正的網(wǎng)站開發(fā)者了。怎樣制作網(wǎng)頁，不是說一兩篇文章能夠說清楚的。以上介紹的是制作網(wǎng)頁的 主要綱要，希望能夠給想要學習制作網(wǎng)頁的朋友一個參考。一、工具1、空間網(wǎng)頁做好了肯定是要發(fā)表上網(wǎng)的， 所以必須先申請一個空間；免費的空間不是很 穩(wěn)定，容量又小，也不好申

3、請，建議到大的網(wǎng)站如新浪、網(wǎng)易去先買一個個人空 間，大概有個20M以上的就可以了。2、軟件推薦使用Dreamweaver6.0中文版，這個軟件最大的特點就是“所見即所得”， 也即是制作過程中看到的，便是到時發(fā)布到網(wǎng)絡上的。、教程 花點時間，找個比較通俗易懂的教程看一看是很有必要的。 每個網(wǎng)頁的組成，不 外是文字、表格、圖、動畫還有就是背景音樂等幾個大的元素， 搞清楚如何將這 些元素擺放進去，你也就算懂得如何制作網(wǎng)頁了。三、制作開始時建議去下載一個比較簡單的網(wǎng)頁， 在制作軟件中將它打開，然后仔細觀察 人家的網(wǎng)頁的構成，模仿它去填充各種元素，實踐中再配合著教城，進度會快很 多，記得也牢一些。其實做

4、網(wǎng)頁并不難，但要做出有特色的網(wǎng)頁來，那就非一朝一夕之功了。 一點個人的粗淺體會，不妥之處敬請指正。網(wǎng)站設計八步驟 由于目前所見即所得類型的工具越來越多， 使用也越來越方便，所以制作網(wǎng)頁已 經變成了一件輕松的工作，不像以前要手工編寫一行行的源代碼那樣。 一般初學 者經過短暫的學習就可以學會制作網(wǎng)頁， 于是他們認為網(wǎng)頁制作非常簡單，就匆 匆忙忙制作自己的網(wǎng)站，可是做出來之后與別人一比，才發(fā)現(xiàn)自己的網(wǎng)站非常粗 糙，這是為什么呢？常言道：“性急吃不了熱豆腐”。建立一個網(wǎng)站就像蓋一幢 大樓一樣，它是一個系統(tǒng)工程，有自己特定的工作流程，你只有遵循這個步驟， 按部就班地一步步來，才能設計出一個滿意的網(wǎng)站。、

5、確定網(wǎng)站主題 網(wǎng)站主題就是你建立的網(wǎng)站所要包含的主要內容， 一個網(wǎng)站必須要有一個明確的 主題。特別是對于個人網(wǎng)站，你不可能像綜合網(wǎng)站那樣做得內容大而全， 包羅萬 象。你沒有這個能力，也沒這個精力，所以必須要找準一個自己最感興趣內容， 做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。 網(wǎng)站的主題無 定則，只要是你感興趣的，任何內容都可以，但主題要鮮明，在你的主題范圍內 內容做到大而全、精而深。二、搜集材料 明確了網(wǎng)站的主題以后，你就要圍繞主題開始搜集材料了。 常言道：“巧婦難為 無米之炊”。要想讓自己的網(wǎng)站有血有肉，能夠吸引住用戶，你就要盡量搜集材 料，搜集得材料越多，以后制作網(wǎng)站就越

6、容易。材料既可以從圖書、報紙、光盤、 多媒體上得來，也可以從互聯(lián)網(wǎng)上搜集，然后把搜集的材料去粗取精，去偽存真， 作為自己制作網(wǎng)頁的素材。三、規(guī)劃網(wǎng)站 一個網(wǎng)站設計得成功與否，很大程度上決定于設計者的規(guī)劃水平， 規(guī)劃網(wǎng)站就像 設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含 的內容很多，如網(wǎng)站的結構、欄目的設置、網(wǎng)站的風格、顏色搭配、版面布局、 文字圖片的運用等， 你只有在制作網(wǎng)頁之前把這些方面都考慮到了， 才能在制作 時駕輕就熟， 胸有成竹。 也只有如此制作出來的網(wǎng)頁才能有個性、 有特色，具有 吸引力。 如何規(guī)劃網(wǎng)站的每一項具體內容， 我們在下面會有詳細介紹。 四、選擇

7、合適的制作工具盡管選擇什么樣的工具并不會影響你設計網(wǎng)頁的好壞， 但是一款功能強大、 使用 簡單的軟件往往可以起到事半功倍的效果。 網(wǎng)頁制作涉及的工具比較多， 首先就 是網(wǎng)頁制作工具了， 目前大多數(shù)網(wǎng)民選用的都是所見即所得的編輯工具， 這其中 的優(yōu)秀者當然是 Dreamweaver和Frontpage 了，如果是初學者，F(xiàn)rontpage2000 是首選。除此之外，還有圖片編輯工具，如Photoshop、Photoimpact 等；動畫制作工具，如 Flash 、Cool 3d 、Gif Animator 等；還有網(wǎng)頁特效工具，如有聲 有色等，網(wǎng)上有許多這方面的軟件，你可以根據(jù)需要靈活運用。五、

8、制作網(wǎng)頁 材料有了， 工具也選好了， 下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實 了，這是一個復雜而細致的過程， 一定要按照先大后小、 先簡單后復雜來進行制 作。所謂先大后小， 就是說在制作網(wǎng)頁時， 先把大的結構設計好， 然后再逐步完 善小的結構設計。 所謂先簡單后復雜， 就是先設計出簡單的內容， 然后再設計復 雜的內容， 以便出現(xiàn)問題時好修改。 在制作網(wǎng)頁時要多靈活運用模板， 這樣可以 大大提高制作效率。六、上傳測試網(wǎng)頁制作完畢，最后要發(fā)布到 Web服務器上，才能夠讓全世界的朋友觀看，現(xiàn)在 上傳的工具有很多，有些網(wǎng)頁制作工具本身就帶有FTP功能，利用這些FTP工具， 你可以很方便地把網(wǎng)站

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

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

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

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

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

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

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

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

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

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

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

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

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