第一篇：3設(shè)置自己的網(wǎng)頁

班級：學(xué)習(xí)小組：姓名：教師評價：

第三節(jié)設(shè)置自己的網(wǎng)頁

【學(xué)習(xí)目標(biāo)】能按要求設(shè)計并制作一個簡單的網(wǎng)頁

【重點(diǎn)難點(diǎn)】能夠正解打開上節(jié)課網(wǎng)頁，并在其中制作。

【自主學(xué)習(xí)】

1、網(wǎng)站與網(wǎng)頁

網(wǎng)頁設(shè)計制作是基礎(chǔ)，是建設(shè)網(wǎng)站的第一步，但網(wǎng)站的設(shè)計要復(fù)雜得多。

將數(shù)量眾多的網(wǎng)頁有條理地組合在一起，形成一個網(wǎng)站，可不是一件容易的事。

網(wǎng)站建設(shè)的一般流程是：選定網(wǎng)站主題，規(guī)劃結(jié)構(gòu)，設(shè)計制作，測試修改，發(fā)布站點(diǎn)等。

2、設(shè)計一個簡單網(wǎng)站

①確定網(wǎng)站的主題

主題定位要準(zhǔn)，內(nèi)容要精。題材最好是自己擅長或者喜愛的內(nèi)容。

②設(shè)計網(wǎng)站的基本結(jié)構(gòu)

網(wǎng)站的主題確定后，下一步的任務(wù)就是根據(jù)主題，將所要表達(dá)的信息進(jìn)行劃分，確定網(wǎng)站的基本結(jié)構(gòu)，最終完成網(wǎng)站的欄目設(shè)計。

3、設(shè)計主頁的布局與色彩

主頁的布局應(yīng)根據(jù)網(wǎng)站的類型而設(shè)計，不同網(wǎng)站的主頁有不同的風(fēng)格，但應(yīng)具備標(biāo)題、網(wǎng)站標(biāo)識（logo）、導(dǎo)航、網(wǎng)頁內(nèi)容等基本布局元素。

①常見的網(wǎng)頁布局：“同”字形、“匡”字形、“回”字形、“川”字形

②繪制網(wǎng)頁布局

根據(jù)網(wǎng)站的內(nèi)容和自己的設(shè)計風(fēng)格確定了主頁基本構(gòu)思后，先不要急于動手。一般來說，網(wǎng)頁設(shè)計師們會先在紙上繪制自己網(wǎng)站的藍(lán)圖。

③色彩搭配

選擇色彩要和網(wǎng)頁的內(nèi)涵相關(guān)聯(lián)，網(wǎng)頁色彩搭配時，網(wǎng)頁的色彩要容易引人注目，色彩和表達(dá)的內(nèi)容氣氛相適合。常用的配色方案：暖色調(diào)、冷色調(diào)、對比色調(diào)

【學(xué)法指導(dǎo)】

1、依據(jù)學(xué)習(xí)目標(biāo)和自主學(xué)習(xí)要求，進(jìn)行快速、高效預(yù)習(xí)。

2、按照合作探究要求，積極討論，精彩展示。

【自學(xué)提綱】

設(shè)計一個簡單的網(wǎng)頁

①啟動Frontpage 2003。

②根據(jù)下列步驟進(jìn)行。

（1）請同學(xué)們單擊工具欄上的“打開”按鈕，打開前面我們建立的網(wǎng)頁。注意講解這個時候看不到任何東西。

（2）請同學(xué)們利用鍵盤輸入文字：“美麗家園”

（3）請同學(xué)們按照要求設(shè)置字體和對齊方式。選擇字體大小為7號字，并選擇對齊方式為居中方式進(jìn)行。

（4）通過鍵盤自己調(diào)節(jié)文字在頁面中的位置。

（5）完成后可以請同學(xué)們在“編輯區(qū)”點(diǎn)擊“預(yù)覽”方式看看作完后在網(wǎng)頁的顯示效果，如有不滿意及時調(diào)整。

（6）完成后教師可以選折先做好的同學(xué)演示給沒有完成的同學(xué)看。

【合作探究】

加入網(wǎng)頁主題和欄目標(biāo)題

輸入“美麗家園” 作為網(wǎng)頁的主題名稱，然后輸入“班級簡介”“班級新聞”“興趣小組”“個人主頁”作為網(wǎng)頁的四個欄目，現(xiàn)在每個欄目還沒有具體內(nèi)容，以后我們慢慢補(bǔ)充。

【當(dāng)堂訓(xùn)練】

制作一個個人主頁

1、新建一個空白網(wǎng)頁，將其用為一個個人主頁進(jìn)行編輯。

認(rèn)真閱讀獨(dú)立思考規(guī)范書寫

2、在編輯窗口中加入個人主頁的標(biāo)題和幾個欄目名稱，如標(biāo)題可以叫做“小小之家”，欄目可以為“個人介紹”

“友情鏈接”“興趣愛好”等。

3、將編輯過的網(wǎng)頁保存。

【課堂小結(jié)】本節(jié)課網(wǎng)頁制作是要打開前面我們建立好的網(wǎng)頁，而不能建立一個新網(wǎng)頁。

【布置作業(yè)】完成當(dāng)堂訓(xùn)練

【知識拓展】

博客

博客，又譯為網(wǎng)絡(luò)日、部落格或部落閣等，是一種通常由個人管理、不定期張貼新的文章的網(wǎng)站。博客上的文章通常根據(jù)張貼時間，以倒序方式由新到舊排列。許多博客專注在特定的課題上提供評論或新聞，其他則被作為比較個人的日記。一個典型的博客結(jié)合了文字、圖像、其他博客或網(wǎng)站的鏈接及其它與主題相關(guān)的媒體，能夠讓讀者以互動的方式留下意見，是許多博客的重要要素。大部分的博客內(nèi)容以文字為主，仍有一些博客專注在藝術(shù)、攝影、視頻、音樂、播客等各種主題。博客是社會媒體網(wǎng)絡(luò)的一部分。比較著名的有新浪、網(wǎng)易、搜狐等博客。

博客的歷程

在網(wǎng)絡(luò)上發(fā)表Blog的構(gòu)想始于1998年，但到了2000年才開始真正流行；

2000年博客開始進(jìn)入中國，并迅速發(fā)展，但都業(yè)績平平；

2004年木子美事件，才讓中國民眾了解到了博客，并運(yùn)用博客；

2005年，國內(nèi)各門戶網(wǎng)站，如新浪、搜狐，原不看好博客業(yè)務(wù)，也加入博客陣營，開始進(jìn)入博客春秋戰(zhàn)國時代。

起初，Bloggers將其每天瀏覽網(wǎng)站的心得和意見記錄下來，并予以公開，來給其他人參考和遵循。但隨著Blogging快速擴(kuò)張，它的目的與最初已相去甚遠(yuǎn)。網(wǎng)絡(luò)上數(shù)以千計的Bloggers發(fā)表和張貼Blog的目的有很大的差異。因為它也逐漸被應(yīng)用在企業(yè)內(nèi)部網(wǎng)絡(luò)（Intranet）。截至2013年，BSP商家風(fēng)起云涌，已有數(shù)十家大型博客站點(diǎn)。新浪博客，搜狐博客，中國博客網(wǎng)，騰訊博客，博客中國等。

博客主要用途

1、個人自由表達(dá)和出版；

2、知識過濾與積累；

3、深度交流溝通的網(wǎng)絡(luò)新方式；

4、博客營銷。

其他用途

1、作為網(wǎng)絡(luò)個人日記。

2、個人展示自己某個方面的空間，讓更多人了解你。

3、網(wǎng)絡(luò)交友的地方，能認(rèn)識各行各業(yè)的形形色色的人。

4、抒發(fā)個人感情的地方，把自己所想寫在日志里，不受局限，言論自由。

5、話語權(quán)。著名的中文搜索引擎優(yōu)化博客昝輝說話語權(quán)是博客的最重要的作用。一點(diǎn)不假，一個成器的博客就像一個媒體，一個旗幟。

第二篇：網(wǎng)頁標(biāo)題設(shè)置詳解

1、什么是網(wǎng)頁標(biāo)題、網(wǎng)頁描述、網(wǎng)頁關(guān)鍵字

網(wǎng)頁標(biāo)題用英文Title表示，是顯示在瀏覽器標(biāo)題欄處的一行文字信息，網(wǎng)頁標(biāo)題是對一個網(wǎng)頁的高度概括，一般來說，網(wǎng)站首頁的標(biāo)題就是網(wǎng)站的正式名稱，而網(wǎng)站中文章內(nèi)容頁面的標(biāo)題就是文章的題目，欄目首頁的標(biāo)題通常是欄目名稱。當(dāng)然這種一般原則并不是固定不變的，在實(shí)際工作中可能會有一定的變化，但無論如何變化，總體上仍然會遵照這種規(guī)律。

例如，現(xiàn)在會看到很多網(wǎng)站的首頁標(biāo)題較長，除了網(wǎng)站名稱（公司名稱）之外，還有網(wǎng)站相關(guān)業(yè)務(wù)之類的關(guān)鍵詞，這主要是為了在搜索引擎檢索結(jié)果中獲得排名優(yōu)勢而考慮的，也屬于正常的搜索引擎優(yōu)化方法。因為一般的公司名稱（或者品牌名稱）中可能不包含核心業(yè)務(wù)的關(guān)鍵詞，這樣當(dāng)用戶通過核心業(yè)務(wù)來檢索時，如果網(wǎng)站標(biāo)題中沒有這樣的關(guān)鍵詞，在搜索結(jié)果排名中將處于不利地位。

從網(wǎng)絡(luò)營銷的角度來講，在設(shè)計網(wǎng)頁標(biāo)題時，應(yīng)注意同時兼顧對用戶的注意力，以及對搜索引擎檢索的需要。在瀏覽一個網(wǎng)站時，用戶往往是先看到一篇文章（也就是一個網(wǎng)頁）的標(biāo)題，如果標(biāo)題對自己有吸引力，才會進(jìn)一步點(diǎn)擊并閱讀有關(guān)內(nèi)容，因此需要讓網(wǎng)頁標(biāo)題有一定吸引力。考慮到網(wǎng)絡(luò)營銷中搜索引擎營銷的特點(diǎn)，搜索引擎對網(wǎng)頁標(biāo)題中所包含的關(guān)鍵詞具有較高的權(quán)重，盡量讓網(wǎng)頁標(biāo)題中含有用戶檢索所使用的關(guān)鍵詞。因此網(wǎng)頁標(biāo)題設(shè)計不宜過短，除了對用戶有吸引力之外，還應(yīng)含有與網(wǎng)頁內(nèi)容相關(guān)的重要關(guān)鍵詞。

總結(jié)：

網(wǎng)頁標(biāo)題的設(shè)計原則：注意同時兼顧對用戶的注意力，以及對搜索引擎檢索的需要。網(wǎng)頁標(biāo)題設(shè)計的一般規(guī)律：

一、網(wǎng)頁標(biāo)題不宜過短或過長

二、網(wǎng)頁標(biāo)題應(yīng)概況網(wǎng)頁的核心內(nèi)容

三、網(wǎng)頁標(biāo)題中應(yīng)含有豐富的關(guān)鍵詞

2、關(guān)于網(wǎng)頁標(biāo)題、網(wǎng)頁描述的合理長度

百度Title應(yīng)該控制在60個字符也就是30個文字以內(nèi)，description標(biāo)簽描述應(yīng)該控制在220個字符即110個文字以內(nèi)。Google的Title字?jǐn)?shù)應(yīng)該控制在66個字符也就是33個文字以內(nèi)，description標(biāo)簽描述應(yīng)該控制在240個字符即120個文字以內(nèi)

3、網(wǎng)頁標(biāo)題及網(wǎng)頁描述的作用

網(wǎng)頁標(biāo)題的作用是：讓訪問者了解網(wǎng)頁的主要內(nèi)容，引導(dǎo)訪問者瀏覽，還有就是通過合理的設(shè)置標(biāo)題及描述提高搜索引擎收錄排名

第三篇：如何自己制作網(wǎng)頁

如何自己制作網(wǎng)頁

2009-09-09 09:10:39 作者： 來源：互聯(lián)網(wǎng) 瀏覽次數(shù)：184 文字大小：【大】【中】【小】

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

一、確定網(wǎng)站主題 網(wǎng)站主題就是你建立的網(wǎng)站所要包含的主要內(nèi)容，一個網(wǎng)站必須要有一個明確的主題。特別是對于個人網(wǎng)站，你不可能像綜合網(wǎng)站那樣做得內(nèi) 容大而全，包羅萬象。你沒有這個能力，也沒這個精力，所以必須要找準(zhǔn)一個自己最感興趣內(nèi)容，做深、做透，辦出自己的特色，這樣才能給 用戶留下深刻的印象。網(wǎng)站的主題無定則，只要是你感興趣的，任何內(nèi)容都可以，但主題要鮮明，在你的主題范圍內(nèi)內(nèi)容做到大而全、精而深。

二、搜集材料 明確了網(wǎng)站的主題以后，你就要圍繞主題開始搜集材料了。常言道：“巧婦難為無米之炊”。要想讓自己的網(wǎng)站有血有肉，能夠吸引住用戶，你 就要盡量搜集材料，搜集得材料越多，以后制作網(wǎng)站就越容易。材料既可以從圖書、報紙、光盤、多媒體上得來，也可以從互聯(lián)網(wǎng)上搜集，然 后把搜集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁的素材。

三、規(guī)劃網(wǎng)站 一個網(wǎng)站設(shè)計得成功與否，很大程度上決定于設(shè)計者的規(guī)劃水平，規(guī)劃網(wǎng)站就像設(shè)計師設(shè)計大樓一樣，圖紙設(shè)計好了，才能建成一座漂亮的樓 房。網(wǎng)站規(guī)劃包含的內(nèi)容很多，如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風(fēng)格、顏色搭配、版面布局、文字圖片的運(yùn)用等，你只有在制作網(wǎng)頁之前 把這些方面都考慮到了，才能在制作時駕輕就熟，胸有成竹。也只有如此制作出來的網(wǎng)頁才能有個性、有特色，具有吸引力。如何規(guī)劃網(wǎng)站的

每一項具體內(nèi)容，我們在下面會有詳細(xì)介紹。

四、選擇合適的制作工具 盡管選擇什么樣的工具并不會影響你設(shè)計網(wǎng)頁的好壞，但是一款功能強(qiáng)大、使用簡單的軟件往往可以起到事半功倍的效果。網(wǎng)頁制作涉及的工 具比較多，首先就是網(wǎng)頁制作工具了，目前大多數(shù)網(wǎng)民選用的都是所見即所得的編輯工具，這其中的優(yōu)秀者當(dāng)然是 Dreamweaver 和 Frontpage 了，如果是初學(xué)

者，F(xiàn)rontpage2000 是首選。除此之外，還有圖片編輯工具，如 Photoshop、Photoimpact 等；動畫制作工 具，如 Flash、Cool 3d、Gif Animator 等；還有網(wǎng)頁特效工具，如有聲有色等，網(wǎng)上有許多這方面的軟件，你可以根據(jù)需要靈活運(yùn)用。

五、制作網(wǎng)頁 材料有了，工具也選好了，下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實(shí)了，這是一個復(fù)雜而細(xì)致的過程，一定要按照先大后小、先簡 單后復(fù)雜來進(jìn)行制作。所謂先大后小，就是說在制作網(wǎng)頁時，先把大的結(jié)構(gòu)設(shè)計好，然后再逐步完善小的結(jié)構(gòu)設(shè)計。所謂先簡單后復(fù)雜，就是 先設(shè)計出簡單的內(nèi)容，然后再設(shè)計復(fù)雜的內(nèi)容，以便出現(xiàn)問題時好修改。在制作網(wǎng)頁時要多靈活運(yùn)用模板，這樣可以大大提高制作效率。

六、上傳測試 網(wǎng)頁制作完畢，最后要發(fā)布到 Web 服務(wù)器上，才能夠讓全世界的朋友觀看，現(xiàn)在上傳的工具有很多，有些網(wǎng)頁制作工具本身就帶有 FTP 功能，利用這些 FTP 工具，你可以很方便地把網(wǎng)站發(fā)布到自己申請的主頁存放服務(wù)器上。網(wǎng)站上傳以后，你要在瀏覽器中打開自己的網(wǎng)站，逐頁逐 個鏈接的進(jìn)行測試，發(fā)現(xiàn)問題，及時修改，然后再上傳測試。全部測試完畢就可以把你的網(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é)任編輯： 責(zé)任編輯：wang

第四篇：怎么做自己個人網(wǎng)頁

怎么做自己個人網(wǎng)頁？

網(wǎng)友推薦答案

首先平面設(shè)計做好效果圖,然后切圖,然后開始制作網(wǎng)頁,加入需要的功能代碼,效果代碼,FLASH等把需要的圖片加進(jìn)去,最后申請空間上傳.平面需要的工具:PHOTOSHOP如果不會設(shè)計,去下個PSD的模板改改 網(wǎng)頁制作用DREAMWEAVER 比較好,FRONTPAGE雖然簡單,但很不專業(yè),功能沒DM好.如果不會做網(wǎng)頁,直接下模板,就是已經(jīng)做好的HTML模板 ·學(xué)習(xí)網(wǎng)頁制作工具

·熟悉網(wǎng)頁元素與特殊語言

·申請空間

·申請域名

·設(shè)計頁面

·制作頁面

·上傳文件

第五篇：怎樣制作自己的網(wǎng)頁

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

時間:2009-09-22 19:35來源:未知 作者:大寶庫 點(diǎn)擊:986

5次

閱讀工具：字體：大 中 小 一

首先，可以告訴想學(xué)網(wǎng)頁制作的朋友。學(xué)習(xí)制作網(wǎng)頁和學(xué)習(xí)其它知識一樣，是要有基礎(chǔ)的。在基礎(chǔ)之上學(xué)習(xí)起來會比較輕松和快捷的。其次，要清楚學(xué)習(xí)它是用來做什么。

建議你要具備的條件：對電腦熟練操作，使用電腦最好在一年以上，對網(wǎng)頁設(shè)計感興趣，有較充足的學(xué)習(xí)時間，熟悉office辦公軟件。當(dāng)然，這些不是一定必須的。

第一階段：開始時最好是學(xué)些網(wǎng)頁編輯軟件，如：FrontPage、Dreamweaver.這樣可以使您更了解網(wǎng)頁制作與運(yùn)營的原理。最好使拿本教程來學(xué)學(xué)，結(jié)合教程邊學(xué)習(xí)邊制作。

第二階段：會用網(wǎng)頁制作軟件后，已會制作一個較完整的網(wǎng)站了。但為了能使自己設(shè)計制作的網(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)站。到了這個時候，你就成為真正的網(wǎng)站開發(fā)者了。

怎樣制作網(wǎng)頁，不是說一兩篇文章能夠說清楚的。以上介紹的是制作網(wǎng)頁的主要綱要，希望能夠給想要學(xué)習(xí)制作網(wǎng)頁的朋友一個參考。二

一、工具

1、空間

網(wǎng)頁做好了肯定是要發(fā)表上網(wǎng)的，所以必須先申請一個空間；免費(fèi)的空間不是很穩(wěn)定，容量又小，也不好申請，建議到大的網(wǎng)站如新浪、網(wǎng)易去先買一個個人空間，大概有個20M以上的就可以了。

2、軟件

推薦使用Dreamweaver6.0中文版，這個軟件最大的特點(diǎn)就是“所見即所得”，也即是制作過程中看到的，便是到時發(fā)布到網(wǎng)絡(luò)上的。

二、教程 花點(diǎn)時間，找個比較通俗易懂的教程看一看是很有必要的。每個網(wǎng)頁的組成，不外是文字、表格、圖、動畫還有就是背景音樂等幾個大的元素，搞清楚如何將這些元素擺放進(jìn)去，你也就算懂得如何制作網(wǎng)頁了。

三、制作

開始時建議去下載一個比較簡單的網(wǎng)頁，在制作軟件中將它打開，然后仔細(xì)觀察人家的網(wǎng)頁的構(gòu)成，模仿它去填充各種元素，實(shí)踐中再配合著教城，進(jìn)度會快很多，記得也牢一些。

其實(shí)做網(wǎng)頁并不難，但要做出有特色的網(wǎng)頁來，那就非一朝一夕之功了。一點(diǎn)個人的粗淺體會，不妥之處敬請指正。三

網(wǎng)站設(shè)計八步驟

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

一、確定網(wǎng)站主題

網(wǎng)站主題就是你建立的網(wǎng)站所要包含的主要內(nèi)容，一個網(wǎng)站必須要有一個明確的主題。特別是對于個人網(wǎng)站，你不可能像綜合網(wǎng)站那樣做得內(nèi)容大而全，包羅萬象。你沒有這個能力，也沒這個精力，所以必須要找準(zhǔn)一個自己最感興趣內(nèi)容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。網(wǎng)站的主題無定則，只要是你感興趣的，任何內(nèi)容都可以，但主題要鮮明，在你的主題范圍內(nèi)內(nèi)容做到大而全、精而深。

二、搜集材料

明確了網(wǎng)站的主題以后，你就要圍繞主題開始搜集材料了。常言道：“巧婦難為無米之炊”。要想讓自己的網(wǎng)站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以后制作網(wǎng)站就越容易。材料既可以從圖書、報紙、光盤、多媒體上得來，也可以從互聯(lián)網(wǎng)上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁的素材。

三、規(guī)劃網(wǎng)站

一個網(wǎng)站設(shè)計得成功與否，很大程度上決定于設(shè)計者的規(guī)劃水平，規(guī)劃網(wǎng)站就像設(shè)計師設(shè)計大樓一樣，圖紙設(shè)計好了，才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內(nèi)容很多，如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風(fēng)格、顏色搭配、版面布局、文字圖片的運(yùn)用等，你只有在制作網(wǎng)頁之前把這些方面都考慮到了，才能在制作時駕輕就熟，胸有成竹。也只有如此制作出來的網(wǎng)頁才能有個性、有特色，具有吸引力。如何規(guī)劃網(wǎng)站的每一項具體內(nèi)容，我們在下面會有詳細(xì)介紹。

四、選擇合適的制作工具

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

五、制作網(wǎng)頁

材料有了，工具也選好了，下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實(shí)了，這是一個復(fù)雜而細(xì)致的過程，一定要按照先大后小、先簡單后復(fù)雜來進(jìn)行制作。所謂先大后小，就是說在制作網(wǎng)頁時，先把大的結(jié)構(gòu)設(shè)計好，然后再逐步完善小的結(jié)構(gòu)設(shè)計。所謂先簡單后復(fù)雜，就是先設(shè)計出簡單的內(nèi)容，然后再設(shè)計復(fù)雜的內(nèi)容，以便出現(xiàn)問題時好修改。在制作網(wǎng)頁時要多靈活運(yùn)用模板，這樣可以大大提高制作效率。

六、上傳測試

網(wǎng)頁制作完畢，最后要發(fā)布到Web服務(wù)器上，才能夠讓全世界的朋友觀看，現(xiàn)在上傳的工具有很多，有些網(wǎng)頁制作工具本身就帶有FTP功能，利用這些FTP工具，你可以很方便地把網(wǎng)站發(fā)布到自己申請的主頁存放服務(wù)器上。網(wǎng)站上傳以后，你要在瀏覽器中打開自己的網(wǎng)站，逐頁逐個鏈接的進(jìn)行測試，發(fā)現(xiàn)問題，及時修改，然后再上傳測試。全部測試完畢就可以把你的網(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)頁的主題，就是你建這個網(wǎng)站的內(nèi)容是什么（注：網(wǎng)站和網(wǎng)頁的關(guān)系與區(qū)別就好比一本書和其中的一個頁面的關(guān)系）；

二、確定你的網(wǎng)頁的閱讀對象，就是你的網(wǎng)頁是準(zhǔn)備給那些人看的；

三、選擇制作網(wǎng)頁的工具軟件，常見的有dreamweaver和office組件里面的frontpage，如果你是初學(xué)者，哪我建議你使用frongpage,因為這個軟件的入門比較簡單（當(dāng)然功能也很強(qiáng)大），如果你會使用word的話，哪就可以很快作出網(wǎng)頁的，如何你想作專業(yè)的網(wǎng)頁制作人員，哪我建議你使用dreamweaver，目前的版本是XM，我現(xiàn)在就使用，很好用的，這個軟件的好處是不怎么產(chǎn)生垃圾代碼，并且支持各種代碼的性能很好，基本上各種代碼可以直接編輯。

四、如果你作好了頁面，就需要考慮你的網(wǎng)頁放到什么地方發(fā)表，也就是平常我們說的發(fā)表空間，我們學(xué)校的用戶網(wǎng)絡(luò)中心已經(jīng)申請好了空間，大家可以直接使用（有發(fā)布空間的標(biāo)志是你有了FTP賬號，這個需要申請）。

五、找到發(fā)布空間以后，你需要把自己的網(wǎng)頁上傳到你的發(fā)布空間，這個需要一個上傳軟件，我推薦使用ACEFTP，這個軟件體積小，速度快，注意我發(fā)現(xiàn)這個軟件的2.0中文版不能夠正確使用，我建議使用1.31版。

六、制作網(wǎng)頁需要的其他相關(guān)軟件：ACDSEE,這個是查看圖片的最好軟件，也可以對圖片作簡單的處理，目前的版本是4.0，網(wǎng)上很多地方可以下載；另外如果你對圖片需要復(fù)雜處理的話，哪最好選擇使用PHOTOSHOP，目前的版本是7.0，也有中文補(bǔ)丁，使用起來很方便，當(dāng)然，這個軟件的學(xué)習(xí)使用相對是比較難點(diǎn)的。

7、使用層的時候最好定義為div標(biāo)簽而不是layer，因為前者在兩種主流瀏覽器都有很好的兼容性。

8、在用圖片制作熱區(qū)鏈接時，最好給熱區(qū)命名，防止有時只能在圖片上畫出直線。

9、當(dāng)我們將框架結(jié)構(gòu)建立好后，可以將此框架體文件和Site窗體并排放置，然后從Site中選擇網(wǎng)頁文件拖放到相應(yīng)的框架中。這適用于框架比較復(fù)雜的頁面。

10、如果對一張圖片不滿意，想更換另一張，最簡單的方法雙擊此圖片，直接選擇要替換的圖片即可。

11、在預(yù)覽網(wǎng)頁之前最好先保存一下，有時候在不能正確預(yù)覽網(wǎng)頁，而存一下就可能會解決這個問題。

12、如果你的頁面中使用了CSS或是Java Applet，最好不要使用“file->convert->3.0 browser compatible”命令，因為這一選擇會把所有3.0 瀏覽器不認(rèn)識的定義都抹去。最可怕的是我們不知道在這個過程中Dreamweaver 到底做了什么，具體發(fā)生了那些變化。而且要提醒你，對一批頁面執(zhí)行此操作時，一定要先備份，否則可沒地方買后悔藥。

(責(zé)任編輯：大寶庫)用Dreamweaver制作網(wǎng)頁的基本步驟

時間:2010-06-29 08:46來源:未知 作者:大寶庫 點(diǎn)擊:4984次

閱讀工具：字體：大 中 小

本教程主要是針對初學(xué)者，如何使用Dreamweaver制作一個網(wǎng)頁？這個教程具體詳細(xì)講解了制作網(wǎng)頁的步驟，及注意的問題，并且拿一個實(shí)例來給大家做了一下詳細(xì)講解！

創(chuàng)建網(wǎng)頁頁面

1、在Dreamveaver“文件－新建－常規(guī)－基本頁－HTML”，這樣就建好了一個頁面，英文版的默認(rèn)的文件名為untitled.htm。中文版的的默認(rèn)的文件名為“無標(biāo)題文檔”。htm就表示這個網(wǎng)頁文件是一個靜態(tài)的HTML文件。給它改名為index.htm。

注：網(wǎng)站第一頁的名字通常是index.htm或index.html。其它頁面的名字可以自己取。這也就是主頁，上傳后打開網(wǎng)頁默認(rèn)連接到此頁。

2、在標(biāo)題空格里輸入網(wǎng)頁名稱，點(diǎn)擊修改－頁面屬性，打開“頁面屬性”窗口。在這里可以設(shè)置網(wǎng)站的標(biāo)題、背景顏色或背景圖像，超級鏈接的顏色（一般默認(rèn)即可），其他都保持默認(rèn)即可。

3．此時光標(biāo)位于左上角，可輸入一句話，如“歡迎來到我的主頁”。選取文字，用菜單“窗口/屬性”打開屬性面板，選取文字大小為6，再使文字居中，然后在文字前用幾個回車使其位于頁面中間等。

4．如要選取字體，則選擇字體中的最后一項：編輯字體列表。然后在對話框中選+號，接著在“可用字體”欄中選擇需要加入到字體列表中的一種字體，點(diǎn)擊中間的按鈕就可以加入了。

注：在網(wǎng)頁上最常用的是宋體字。不要將特殊的字體加到列表中使用，因為別人電腦上未裝就看不到。如果需要用的話，要做成圖片后再使用。

注：在網(wǎng)頁上打入空格的辦法是：把輸入法調(diào)為全角。

注：在網(wǎng)頁上換行的辦法是：shift+Enter。只按Enter則為換段。

下面拿一個現(xiàn)成的例子來給大家講解一下：

現(xiàn)在，以下邊的簡單網(wǎng)頁為例，敘述一下制作過程。簡單網(wǎng)頁如下圖：

在開始制作之前，我們先對這個頁面進(jìn)行一下分析。看看這個頁面用到了哪些東西。

□網(wǎng)頁頂端的標(biāo)題“我的主頁”是一段文字。

□網(wǎng)頁中間是一幅圖片。

□最下端的歡迎詞是一段文字。

□網(wǎng)頁背景是一深紫紅顏色。

構(gòu)思好這個網(wǎng)頁的結(jié)構(gòu)，我們就可以開始制作了。

首先啟動Dreamweaver，確保你已經(jīng)用站點(diǎn)管理器建立好了一個網(wǎng)站（根目錄）。

為了制作方便，請您事先打開資源管理器，把要使用的圖片收集到網(wǎng)站目錄images文件夾內(nèi)。

【插入標(biāo)題文字】

進(jìn)入頁面編輯設(shè)計視圖狀態(tài)。在一般情況下，編輯器默認(rèn)左對齊，光標(biāo)在左上角閃爍，光標(biāo)位置就是插入點(diǎn)的位置。如果要想讓文字居中插入，點(diǎn)屬性面板居中按鈕即可。啟動中文輸入法輸入“我的主頁”四個字。字小不要緊，我們可以對它進(jìn)行設(shè)置。

【設(shè)置文字的格式】 選中文字，在上圖屬性面板中將字體格式設(shè)置成默認(rèn)字體，大小可任意更改字號。并選中“B”將字體變粗。

【設(shè)置文字的顏色】首先選中文字，在屬性面板中，單擊顏色選擇圖標(biāo)，在彈出的顏色選擇器中用滴管選取顏色即可。

【設(shè)置網(wǎng)頁的標(biāo)題和背景顏色】

點(diǎn)擊“修改”菜單選“頁面屬性”。系統(tǒng)彈出頁面屬性對話框（如下圖）

請在標(biāo)題輸入框填入標(biāo)題“我的主頁”。

設(shè)置背景顏色： 網(wǎng)頁背景可以是圖片，也可以是顏色。此例是顏色。如上圖打開背景顏色選擇器進(jìn)行選取。如果背景要設(shè)為圖片，點(diǎn)擊背景圖象“瀏覽”按鈕，系統(tǒng)彈出圖片選擇對話框，選中背景圖片文件，點(diǎn)擊確定按鈕。

設(shè)計視圖狀態(tài)，在標(biāo)題“我的主頁”右邊空白處單擊鼠標(biāo)，回車換一行，按照以下的步驟插入一幅畫圖片，并使這張圖片居中。您也可以通過屬性面板中的左對齊按鈕讓其居左安放。

【插入圖像】選擇以下任意一種方法：

（1）使用插入菜單：在“插入”菜單選“圖像”，彈出“選擇圖像源文件”對話框，選中該圖像文件，單擊確定。如下圖：

（2）使用插入欄：單擊插入欄對象按鈕>選 按鈕，彈出“選擇圖像源文件”對話框，其余操作同上。

（3）使用面板組“資源”面板（如下圖）：點(diǎn)按鈕，展開根目錄的圖片文件夾，選定該文件，用鼠標(biāo)拖動至工作區(qū)合適位置。

注：為了管理方便，我們把圖片放在“images”文件夾內(nèi)。如果圖片少，您也可以放在站點(diǎn)根目錄下。注意文件名要用英文或用拼音文字命名而且使用小寫，不能用中文，否則要出現(xiàn)一些麻煩。

一個圖片就插入完畢了。（插入*.swf動畫文件，選擇“插入”菜單＞媒體＞Flash）。

【輸入歡迎文字】

在圖片右邊空白處單擊，回車換行。仍然按照上述方法，輸入文字“歡迎您??”然后，利用屬性面板對文字進(jìn)行設(shè)置。

保存頁面。

一個簡單的頁面就這樣編輯完畢了。

【預(yù)覽網(wǎng)頁】在頁面編輯器中按F12預(yù)覽網(wǎng)頁效果。

網(wǎng)站中的第一頁，也就是首頁，我們通常在存盤時取名為index.htm。

【小結(jié)】我們制作了一個簡單的網(wǎng)頁。

內(nèi)容有四：

①圖片插入和對齊設(shè)置；

②文字的格式、顏色和加粗等設(shè)置； ③背景顏色的設(shè)置；

④預(yù)覽網(wǎng)頁，查看實(shí)際效果。

不僅要掌握還要舉一反三反復(fù)練習(xí)。

dreamweaver8序列號

Dreamweaver 8序列號（Windows系統(tǒng)）WPD800-58436-27232-80204 WPD800-54236-82932-27874 WPD800-50434-44832-09154 WPD800-52830-64832-84599 WPD800-57135-54432-16498 WPD800-51933-19032-29398 WPD800-58838-01832-94676 WPD800-50038-81232-23768 WPD800-50036-83532-46061 WPD800-54230-86332-66017 WPD800-50430-69032-87991 WPD800-58838-85432-17374 DWD800-80414-27237-60464 WPD800-54238-61132-10697 WPD800-50434-28532-09195 WPD800-50434-44832-09154

WPD800-50438-43132-60296 WPD800-52836-88632-87970 WPD800-50836-81932-91159 WPD800-53735-53632-48591 WPD800-52830-42932-95093

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

? ?

Dreamweaver 8序列號（Windows系統(tǒng)）WPD800-58436-27232-80204 WPD800-54236-82932-27874 WPD800-50434-44832-09154 WPD800-52830-64832-84599 WPD800-57135-54432-16498 WPD800-51933-19032-29398 WPD800-58838-01832-94676 WPD800-50038-81232-23768 WPD800-50036-83532-46061 WPD800-54230-86332-66017 WPD800-50430-69032-87991 WPD800-58838-85432-17374 DWD800-80414-27237-60464 WPD800-54238-61132-10697 WPD800-50434-28532-09195 WPD800-50434-44832-09154 ?

WPD800-50438-43132-60296 WPD800-52836-88632-87970 WPD800-50836-81932-91159 WPD800-53735-53632-48591 WPD800-52830-42932-95093 ?

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