個(gè)人網(wǎng)頁制作簡(jiǎn)明教程

《個(gè)人網(wǎng)頁制作簡(jiǎn)明教程》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。

1、個(gè)人網(wǎng)頁制作簡(jiǎn)明教程個(gè)人網(wǎng)頁制作簡(jiǎn)明教程（孫曉鵬整理）資料來源：http://www.jzxue.com/目錄1.認(rèn)識(shí)網(wǎng)頁2.制作主頁前的準(zhǔn)備3.如何選擇網(wǎng)頁制作工具4.如何把握網(wǎng)頁布局5.安裝Dreamweaver86.規(guī)劃站點(diǎn)7.制作模板8.制作首頁9.套用模板和修改模板10.網(wǎng)頁的發(fā)布1.認(rèn)識(shí)網(wǎng)頁1.1.什么是網(wǎng)頁網(wǎng)頁的學(xué)名稱作HTML文件，是一種可以在www網(wǎng)上傳輸，并被瀏覽器認(rèn)識(shí)和翻譯成頁面顯示出來的文件。WWW是“WorldWideWeb"的縮寫；HTML的意思則是“HypertextMarkupLanguage”,中文翻譯為“

2、超文本標(biāo)記語言”。“超文本”就是指頁面內(nèi)可以包含圖片、鏈接、甚至音樂，程序等非文字的元素。網(wǎng)頁就是由HTML語言編寫出來的。HTML語言是一種排版語言，語法就類似于這樣：“頁高8寬5，(1,2)處插入高1寬1的圖片A...”如果您是使用WPS或則Word的高手，那么恭喜您，網(wǎng)頁制作的學(xué)習(xí)您已經(jīng)走了一半路了！1.2.HTML全稱HyperTextMarkupLanguage，正式名稱是超文本標(biāo)記語言，HTML語言發(fā)展很快，已歷經(jīng)HTML1.0、HTML2.0和HTML3.0、HTML4.0多個(gè)版本，現(xiàn)在HTML5.0正在測(cè)試，同時(shí)DHTML(

3、動(dòng)態(tài))、VHTML(虛擬)、SHTML等也飛速發(fā)展起來。我們現(xiàn)在一般只要掌握HTML4.0就可以了。html利用標(biāo)記（tag）用來描述網(wǎng)頁的字體、大小、顏色及頁面布局的語言，使用任何的文本編輯器都可以對(duì)它進(jìn)行編輯，與VB、C++等編程語言有著本質(zhì)上的區(qū)別。-1-個(gè)人網(wǎng)頁制作簡(jiǎn)明教程舉一個(gè)簡(jiǎn)單的例子：HTML原代碼：www.jzxue.com從不懂上網(wǎng)到網(wǎng)絡(luò)高手在瀏覽器的顯示效果：www.jzxue.com從不懂上網(wǎng)到網(wǎng)絡(luò)高手其中就是兩個(gè)HTML標(biāo)記。它以起始標(biāo)記及結(jié)束標(biāo)記標(biāo)記文字www.jzxue.com，令它顯示成粗體。也有懶蟲(像我一樣

4、:－)覺得一下要記住HTML那么多枯燥的標(biāo)記實(shí)在太麻煩了。那么有一個(gè)偷懶的辦法：找一個(gè)所見即所得的網(wǎng)頁制作工具，即使一點(diǎn)HTML語言都不會(huì)，也可以制作出出色的網(wǎng)頁。(噓——，別聲張！)后面，我會(huì)為大家介紹這類工具的。說到底，我還是推薦您稍微了解一些HTML的語法。這樣，您可以更精確的控制頁面的排版，可以實(shí)現(xiàn)更多的功能。當(dāng)大家稱贊羨慕您的主頁的時(shí)候，您就會(huì)覺得很值得哦！2.制作主頁前的準(zhǔn)備2.1.主頁題材下面我們開始著手策劃制作主頁。首先面臨的問題便是我要制作什么內(nèi)容，選擇什么樣的主頁題材。網(wǎng)絡(luò)上的主頁題材千奇百怪、琳瑯滿目。只要你想的到，就

5、可以把它制作出來。以下列出一些常見的題材，是否對(duì)你有點(diǎn)啟發(fā)。(1)一般來說，個(gè)人主頁的選材要小而精。如果你想制作一個(gè)包羅萬象的站點(diǎn)，把所有您認(rèn)為精彩的東西都放在上面，那么往往會(huì)事與愿違的，給人的感覺是沒有主題，沒有特色，樣樣有卻樣樣都很膚淺，因?yàn)槟豢赡苡心敲炊嗟木θゾS護(hù)它。注意：網(wǎng)頁的最大特點(diǎn)就是更新快。目前最受歡迎的個(gè)人主頁都是天天更新甚至幾小時(shí)更新一次。(2)題材最好是你自己擅長(zhǎng)或者喜愛的內(nèi)容。比如：您對(duì)詩歌感興趣，可以放置自己的詩詞；對(duì)足球感興趣，可以報(bào)道最新的球場(chǎng)戰(zhàn)況等等。這樣在制作時(shí)，才不會(huì)覺得無聊或者力不從心。(3)不要太濫

6、或者目標(biāo)太高?！疤珵E”是指到處可見，人人都有的題材；“目標(biāo)太高”是指在這一題材上已經(jīng)有非常優(yōu)秀，知名度很高的站點(diǎn)，你要超過它是很困難的。OK!如果你已經(jīng)有一個(gè)絕妙的主意了，那我們就開始下一步：規(guī)劃框架。2.2.規(guī)劃框架選定了一個(gè)好的題材，是不是可以立刻動(dòng)手制作了？不，經(jīng)驗(yàn)告訴我們，您必須規(guī)劃框架，這是很重要的一步！每個(gè)網(wǎng)站都是一項(xiàng)龐大的工程。好比造高樓，沒有設(shè)計(jì)圖紙，規(guī)劃好結(jié)構(gòu)，盲目的建造，結(jié)果往往是倒塌；也好比寫文章，構(gòu)思好提綱，才不至于邏輯混亂，虎頭蛇尾。全面仔細(xì)規(guī)劃架構(gòu)好自己網(wǎng)站，不要急于求成。規(guī)劃一個(gè)網(wǎng)站，可以用樹狀結(jié)構(gòu)先把每個(gè)頁面

7、的內(nèi)容大綱列出來，尤其當(dāng)你要制作一個(gè)很大的網(wǎng)站(有很多頁面)的時(shí)候，特別需要把這個(gè)架構(gòu)規(guī)劃好，也要考慮到以后可能的擴(kuò)充性，免得做好以后又要一改再改整個(gè)網(wǎng)站的架構(gòu)，十分累人，也十分費(fèi)錢。大綱列出來后，你還必須考慮每個(gè)頁面之間的鏈接關(guān)系。是星形、樹形，或是網(wǎng)形鏈接。這也是判別一個(gè)網(wǎng)站優(yōu)劣的重要標(biāo)志。鏈接混亂，層次不清的站點(diǎn)會(huì)造成瀏覽困難，影響內(nèi)容的發(fā)揮。-2-個(gè)人網(wǎng)頁制作簡(jiǎn)明教程為了提高瀏覽效率，方便資料的尋找，本站的框架基本采用“蒲公英”式，即所有的主要鏈接都在首頁上，每個(gè)主鏈接再分別展開，主鏈接之間相互鏈接?？蚣芏ㄏ聛砹?，然后開始一步一步有

8、條理、有次序地做來，就胸有成竹得多，也為你的主頁將來發(fā)展打下良好的基礎(chǔ)。下一步，你可以動(dòng)手制作具體內(nèi)容了，我將告訴你一些收集資料的竅門。2.3.資料收集題材選定，框架選定，接下來