dreamweaver是macromedia公司出品的一款"所見(jiàn)即所得"的網(wǎng)頁(yè)編輯工具。
與 frontpage不同，deamweaver采用的是mac機(jī)浮動(dòng)面板的設(shè)計(jì)風(fēng)格，當(dāng)你習(xí)慣了其操作方式后，就會(huì)發(fā)現(xiàn)dreamweaver的直觀性與高效性是frontpage所無(wú)法比擬的。
dreamweaver對(duì)于dhtml（動(dòng)態(tài)網(wǎng)頁(yè)）的支持特別好，可以輕而易舉地做出很多眩目的互動(dòng)頁(yè)面特效，插件式的程序設(shè)計(jì)使得其功能可以無(wú)限的擴(kuò)展。
dreamweaver與flash、fireworks 并稱為 macromedia的網(wǎng)頁(yè)制作三劍客，由于是同一公司的產(chǎn)品，因而在功能上有著一個(gè)非常緊密的結(jié)合。
因此，說(shuō)dreamweaver是高級(jí)網(wǎng)頁(yè)制作的首選并不為過(guò)。 和所有windows（窗口）系列軟件一樣，軟件從上到下：①標(biāo)題欄，②菜單欄，③插入欄，④文檔欄，⑤標(biāo)準(zhǔn)欄，⑥工作區(qū)域，以及其它各類面板。其中“標(biāo)題欄”和“菜單欄”是永遠(yuǎn)不會(huì)消失的，“插入欄”可以通過(guò)菜單“窗口”—“插入”（ctrl+f2）打開(kāi)，“文檔欄”和“標(biāo)準(zhǔn)欄”用菜單命令“查看”—“工具”進(jìn)行選擇，“工作區(qū)域”也就是一個(gè)網(wǎng)頁(yè)的內(nèi)容，其它各類面板均可通過(guò)菜單“窗口”打開(kāi)。對(duì)于整個(gè)軟件的進(jìn)一步設(shè)定，可以通過(guò)菜單“編輯”—“參數(shù)選擇”（ctrl+u）查看其中的每項(xiàng)。
dreamweaver是用來(lái)做網(wǎng)頁(yè)的，更確切來(lái)說(shuō)是用來(lái)做網(wǎng)站的，所以在使用dreamweaver之前我們將熟悉一下網(wǎng)站的架構(gòu)思想。一定要考慮好以下幾方面：
一，定位你的網(wǎng)站主題和名稱
設(shè)計(jì)一個(gè)站點(diǎn)，首先遇到的問(wèn)題就是定位網(wǎng)站主題。所謂主題也就是你的網(wǎng)站的題材。網(wǎng)絡(luò)上的網(wǎng)站題材千奇百怪,琳瑯滿目。只要你想的到，就可以把它制作出來(lái)。下面是美國(guó)《個(gè)人電腦》雜志(pc magazine)評(píng)出的2002年度排名前100位的全美知名網(wǎng)站的十類題材，對(duì)我們有一些參考價(jià)值。
第1類：網(wǎng)上求職
第2類：網(wǎng)上聊天/ 即時(shí)信息/ icq
第3類：網(wǎng)上社區(qū)/ 討論 / 郵件列表
第4類：計(jì)算機(jī)技術(shù)
第5類：網(wǎng)頁(yè)/ 網(wǎng)站開(kāi)發(fā)
第6類：娛樂(lè)網(wǎng)站
第7類：旅行
第8類：參考 / 資訊
第9類：家庭/ 教育
第10類：生活/ 時(shí)尚
每個(gè)大類都可以繼續(xù)細(xì)分，比如娛樂(lè)類再分為體育 /電影/ 音樂(lè)大類，音樂(lè)又可以按格式分為mp3，vqf，ra，按表現(xiàn)形式分古典，現(xiàn)代，搖滾等。以上都只是最常見(jiàn)的題材，還有許多專業(yè)的，另類的，獨(dú)特的題材可以選擇，比如中醫(yī)，熱帶魚，天氣預(yù)報(bào)等等。同時(shí)，各個(gè)題材相聯(lián)系和交叉結(jié)合可以產(chǎn)生新得題材，例如旅游論壇（旅游+討論），經(jīng)典入球播放（足球+影視）按這樣分下去，題材可以有成千上萬(wàn)個(gè)，你不會(huì)再為題材重復(fù)，難以選擇而煩惱。
對(duì)于題材的選擇，建議如下：
1.主題要小而精。定位要小，內(nèi)容要精。如果你想制作一個(gè)包羅萬(wàn)象的站點(diǎn)，把所有您認(rèn)為精彩的東西都放在上面，那么往往會(huì)事與愿違，給人的感覺(jué)是沒(méi)有主題，沒(méi)有特色，樣樣有卻樣樣都很膚淺，因?yàn)槟豢赡苡心敲炊嗟木θゾS護(hù)它。網(wǎng)絡(luò)的最大特點(diǎn)就是新和快，目前最熱門的個(gè)人主頁(yè)都是天天更新甚至幾小時(shí)更新一次。最新的調(diào)查結(jié)果也顯示，網(wǎng)絡(luò)上的“主題站”比“萬(wàn)全站”更受人們喜愛(ài)，就好比專賣店和百貨商店，如果我需要買某方面的東西，肯定會(huì)選擇專買店。再舉個(gè)例子，一位網(wǎng)友希望制作文學(xué)方面的題材，但是文學(xué)也包括許多許多內(nèi)容，有小說(shuō)，詩(shī)歌，散文；有科幻，武俠，推理；經(jīng)仔細(xì)了解他的擅長(zhǎng)和想要提供的主要內(nèi)容，最后將題材定位在網(wǎng)絡(luò)文學(xué)上，刪除了原有的一些無(wú)關(guān)的文學(xué)作品，集中擴(kuò)大和整理網(wǎng)絡(luò)文學(xué)作品。網(wǎng)站推出后，很快受到大家的喜愛(ài)。
2.題材最好是你自己擅長(zhǎng)或者喜愛(ài)的內(nèi)容。比如：您對(duì)擅長(zhǎng)編程，就可以建立一個(gè)編程愛(ài)好者網(wǎng)站；對(duì)足球感興趣，可以報(bào)道最新的戰(zhàn)況，球星動(dòng)態(tài)等。這樣在制作時(shí)，才不會(huì)覺(jué)得無(wú)聊或者力不從心。興趣是制作網(wǎng)站的動(dòng)力，沒(méi)有熱情，很難設(shè)計(jì)制作出杰出的作品。
3.題材不要太濫或者目標(biāo)太高。“太濫”是指到處可見(jiàn)，人人都有的題材；比如軟件下載，免費(fèi)信息。“目標(biāo)太高”是指在這一題材上已經(jīng)有非常優(yōu)秀，知名度很高的站點(diǎn)，你要超過(guò)它是很困難的。除非你下決心和有實(shí)力競(jìng)爭(zhēng)并超過(guò)它，記住，在互聯(lián)網(wǎng)上只有第一，人們往往只記得最好的網(wǎng)站，第二、第三名的印象則會(huì)淺得多。
ok，如果你已經(jīng)有一個(gè)絕妙的主意了，那我們開(kāi)始為網(wǎng)站起名字。您可能認(rèn)為起名字與網(wǎng)站設(shè)計(jì)無(wú)關(guān)。其實(shí)網(wǎng)站名稱也是網(wǎng)站設(shè)計(jì)的一部分，而且是很關(guān)鍵的一個(gè)要素。你來(lái)看，“電腦學(xué)習(xí)室”和“電腦之家”顯然是后者簡(jiǎn)練；“迷笛樂(lè)園”和“midi樂(lè)園”顯然是后者明晰；“兒童天地”和“中國(guó)幼兒園”顯然是后者大氣。我們都知道piiicup的中文名稱“奔騰”，如果改為“奔跑”，可能就沒(méi)有今天這么“火”了。和現(xiàn)實(shí)生活中一樣，網(wǎng)站名稱是否正氣，響亮，易記，對(duì)網(wǎng)站的形象和宣傳推廣也有很大影響。一般的建議是：
1. 名稱要正。這個(gè)“正”其實(shí)就是要合法，和理，和情。不能用反動(dòng)的，色情的，迷信的，危害社會(huì)安全的名詞語(yǔ)句。
2. 名稱要易記。根據(jù)中文網(wǎng)站瀏覽者的特點(diǎn)，除非特定需要，網(wǎng)站名稱最好用中文名稱，不要使用英文或者中英文混合型名稱。例如：beyond studio和超越工作室，后者更親切好記。另外，網(wǎng)站名稱的字?jǐn)?shù)應(yīng)該控制在六個(gè)字（最好四個(gè)字）以內(nèi)，比如“閣”“設(shè)計(jì)室”，四個(gè)字的可以用成語(yǔ)，如“一網(wǎng)打進(jìn)”。字?jǐn)?shù)少還有個(gè)好處，一般友情鏈接的小logo尺寸是88x31，而六個(gè)字的寬度是78左右，適合于其他站點(diǎn)的鏈接排版。
3. 名稱要有特色。名稱平實(shí)就可以接受，如果能體現(xiàn)一定的內(nèi)涵，給瀏覽者更多的視覺(jué)沖擊和空間想象力，則為上品。這里舉幾個(gè)阿捷認(rèn)為很好的名稱：音樂(lè)前衛(wèi)，網(wǎng)頁(yè)陶吧，天籟絕音。在體現(xiàn)出網(wǎng)站主題的同時(shí)，能點(diǎn)出特色之處。
總之，定位題材和名稱是設(shè)計(jì)一個(gè)網(wǎng)站的第一步，也是很重要的一部分。如果能找到一個(gè)滿意的名稱，花一天時(shí)間翻字典也是值得的。
初學(xué)者最容易犯的錯(cuò)誤就是：確定題材后立刻開(kāi)始制作。當(dāng)你一頁(yè)一頁(yè)制作完畢后才發(fā)現(xiàn)：網(wǎng)站結(jié)構(gòu)不清晰，目錄龐雜，內(nèi)容東一塊西一塊。結(jié)果不但瀏覽者看得糊涂，自己擴(kuò)充和維護(hù)網(wǎng)站也相當(dāng)困難，您的網(wǎng)站或許就此半途而廢，更糟糕的是：你因此失去了制作主頁(yè)的信心和興趣！
二，確定欄目和版塊
欄目的實(shí)質(zhì)是一個(gè)網(wǎng)站的大綱索引，索引應(yīng)該將網(wǎng)站的主體明確顯示出來(lái)。在制定欄目的時(shí)候，要仔細(xì)考慮，合理安排。一般的網(wǎng)站欄目安排要注意以下幾方面：
1.一定記住要緊扣你的主題！一般的做法是：將你的主題按一定的方法分類并將它們作為網(wǎng)站的主欄目。例如一個(gè)動(dòng)畫類站點(diǎn)，可以將欄目分為動(dòng)物動(dòng)畫，標(biāo)志動(dòng)畫，三維動(dòng)畫，卡通動(dòng)畫等，在首頁(yè)上標(biāo)明最近更新的動(dòng)畫。記�。褐黝}欄目個(gè)數(shù)在總欄目中要占絕對(duì)優(yōu)勢(shì)，這樣的網(wǎng)站才顯得專業(yè)，主題突出，容易給人留下深刻印象。
2.設(shè)一個(gè)最近更新或網(wǎng)站指南欄目！如果你的首頁(yè)沒(méi)有安排版面放置最近更新內(nèi)容信息，就有必要設(shè)立一個(gè)“最近更新”的欄目。這樣做是為了照顧常來(lái)的訪客，讓你的主頁(yè)更有人性化。如果你的主頁(yè)內(nèi)容龐大(超過(guò)15mb)，層次較多，而又沒(méi)有站內(nèi)的搜索引擎，建議您設(shè)置“本站指南”欄目�？梢詭椭踉L者快速找到他們想要的內(nèi)容。
3.設(shè)定一個(gè)可以雙向交流的欄目！不需要很多，但一定要有。比如論壇，留言本，郵件列表等，可以讓瀏覽者留下他們的信息。有調(diào)查表明，提供雙向交流的站點(diǎn)比簡(jiǎn)單的留一個(gè)"email me"的站點(diǎn)更具有親和力。
4.設(shè)一個(gè)下載或常見(jiàn)問(wèn)題回答欄目！網(wǎng)絡(luò)的特點(diǎn)是信息共享。如果你看到一個(gè)站點(diǎn)有大量的優(yōu)秀的有價(jià)值的資料，你肯定希望能一次性下載，而不是一頁(yè)一頁(yè)瀏覽存盤。“將心比心”在你自己的主頁(yè)上設(shè)置一個(gè)資料下載欄目，會(huì)得到大家的喜歡。有些站點(diǎn)為了廣告顯示量，一篇文章還要分幾頁(yè)顯示，我覺(jué)得遲早會(huì)因訪問(wèn)量下降而淘汰。另外，如果您的站點(diǎn)經(jīng)常收到網(wǎng)友關(guān)于某方面的問(wèn)題來(lái)信，你最好設(shè)立一個(gè)常見(jiàn)問(wèn)題回答的欄目，既方便了網(wǎng)友，也可以節(jié)約自己更多時(shí)間用以學(xué)習(xí)。
至于其他的輔助內(nèi)容，如關(guān)于本站，版權(quán)信息等可以不放在主欄目里，以免沖淡主題�？偨Y(jié)以上幾點(diǎn)，我們得出劃分欄目需要注意的是：
● 盡可能刪除與主題無(wú)關(guān)的欄目
● 盡可能將網(wǎng)站最有價(jià)值的內(nèi)容列在欄目上
● 盡可能方便訪問(wèn)者的瀏覽和查詢
上面說(shuō)的是欄目，我們?cè)倏纯窗鎵K設(shè)置。版塊比欄目的概念要大一些，每個(gè)版塊都有自己的欄目。舉個(gè)例子：網(wǎng)易的站點(diǎn)分新聞，體育，財(cái)經(jīng)，娛樂(lè)，教育等版塊，每個(gè)版塊下面有各有自己的主欄目。一般的個(gè)人站點(diǎn)內(nèi)容少，只有主欄目(主菜單)就夠了，不需要設(shè)置版塊。如果你覺(jué)得的確有必要設(shè)置版塊的，應(yīng)該注意：1.各版塊要有相對(duì)獨(dú)立性。2.各版塊要有相互關(guān)聯(lián)。3.版塊的內(nèi)容要圍繞站點(diǎn)主題。關(guān)于版塊方面，主要是門戶站點(diǎn)等較大icp需要考慮的問(wèn)題，在此不再作展開(kāi)討論。
以上兩點(diǎn)都是空談~！紙上談兵，掌握了原理就應(yīng)該實(shí)踐應(yīng)用。就應(yīng)用而言還是有其規(guī)范的。
三，網(wǎng)站開(kāi)發(fā)規(guī)范
1. 網(wǎng)站目錄設(shè)置規(guī)范
目錄建立的原則：以最少的層次提供最清晰簡(jiǎn)便的訪問(wèn)結(jié)構(gòu)。
a.根目錄：指dns域名服務(wù)器指向的索引文件的存放目錄。服務(wù)器的ftp上傳目錄默認(rèn)為html
b.根目錄文件：根目錄只允許存放index.html和main.html文件，以及其他必須的系統(tǒng)文件。
c.每個(gè)語(yǔ)言版本存放于獨(dú)立的目錄。已有版本語(yǔ)言設(shè)置為：
簡(jiǎn)體中文 \gb
繁體中文 \big5
英 語(yǔ) \en
日 語(yǔ) \jp
d.每個(gè)主要功能(主菜單)建立一個(gè)相應(yīng)的獨(dú)立目錄。
根目錄下的images為存放公用圖片目錄，每個(gè)目錄下私有圖片存放于各自獨(dú)立images目錄.例如：\menu1\images
\menu2\images
e.所有的js文件存放在根目錄下統(tǒng)一目錄\script ；所有的css文件存放在根目錄下的style目錄；所有的bbs程序存放在根目錄并列目錄\bbs目錄.
2，網(wǎng)站文件命名規(guī)范
文件命名的原則：以最少的字母達(dá)到最容易理解的意義。
索引文件統(tǒng)一使用index.html文件名(小寫)
index.html文件可統(tǒng)一作為"橋頁(yè)"，不制作具體內(nèi)容，僅僅作為跳轉(zhuǎn)頁(yè)和meta標(biāo)簽頁(yè)。主內(nèi)容頁(yè)為main.html
按菜單名的英語(yǔ)翻譯取單一單詞為名稱。例如：
關(guān)于我們 \aboutus
信息反饋 \feedback
產(chǎn) 品 \product
所有單英文單詞文件名都必須為小寫，所有組合英文單詞文件名第二個(gè)起第一個(gè)字母大寫；
所有文件名字母間連線都為下劃線
圖片命名原則以圖片英語(yǔ)字母為名。大小原則寫同上。
例如：網(wǎng)站標(biāo)志的圖片為logo.gif
鼠標(biāo)感應(yīng)效果圖片命名規(guī)范為"圖片名+_+on/off"。
例如：menu1_on.gif/menu1_off.gif
其它文件命名規(guī)范：
js的命名原則以功能的英語(yǔ)單詞為名。例如：廣告條的js文件名為:ad.js
所有的asp文件后綴為asp，所有asp程序的配置文件為config.asp
3，網(wǎng)站建設(shè)尺寸規(guī)范
頁(yè)面標(biāo)準(zhǔn)按800*600分辨率制作，實(shí)際尺寸為778*434px
頁(yè)面長(zhǎng)度原則上不超過(guò)3屏，寬度不超過(guò)1屏
每個(gè)標(biāo)準(zhǔn)頁(yè)面為a4幅面大小，即8.5x11英寸
全尺寸banner為468*60px，半尺寸banner為234*60px，小banner為88*31px
另外120*90，120*60也是小圖標(biāo)的標(biāo)準(zhǔn)尺寸
每個(gè)非首頁(yè)靜態(tài)頁(yè)面含圖片字節(jié)不超過(guò)60k，全尺寸banner不超過(guò)14k
那有了上面很正規(guī)的一套思想以后，是不是有建立一個(gè)個(gè)人站點(diǎn)的欲望呢
