- 相關(guān)推薦
職稱計(jì)算機(jī)Dreamweaver輔導(dǎo)：關(guān)于站點(diǎn)設(shè)計(jì)
導(dǎo)語：Dreamweaver是第一套針對(duì)專業(yè)網(wǎng)頁設(shè)計(jì)師特別發(fā)展的視覺化網(wǎng)頁開發(fā)工具，利用它可以輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿動(dòng)感的網(wǎng)頁。
一、關(guān)于站點(diǎn)計(jì)劃和站點(diǎn)設(shè)計(jì)
在Dreamweaver中，術(shù)語“Site(站點(diǎn))”涉及兩者—Web站點(diǎn)和從屬于Web站點(diǎn)的所有文檔的本地存儲(chǔ)位置。當(dāng)你開始考慮準(zhǔn)備創(chuàng)建一個(gè)Web站點(diǎn)時(shí)，你應(yīng)當(dāng)遵循一系列的步驟以確保你的站點(diǎn)能夠獲得成功。即使你只打算創(chuàng)建一個(gè)給朋友和親人看的個(gè)人站點(diǎn)也應(yīng)如此。小心地計(jì)劃你的站點(diǎn)可以保證每個(gè)人都能夠成功地訪問它。
1.確定你的目標(biāo)
確定你的站點(diǎn)目標(biāo)是什么，是當(dāng)你創(chuàng)建一個(gè)Web站點(diǎn)時(shí)，應(yīng)該慎重考慮的第一步。向你自己和你的客戶提出一些關(guān)于站點(diǎn)的問題，看看你自己和大家對(duì)站點(diǎn)的期望是什么。通過創(chuàng)建這樣一個(gè)站點(diǎn)你希望達(dá)到一個(gè)什么目的?寫下你的站點(diǎn)目標(biāo)，以便在你設(shè)計(jì)站點(diǎn)的整個(gè)過程中你都能清楚的記得它們。站點(diǎn)目標(biāo)可以幫助你將注意力集中并瞄準(zhǔn)到你的特別需要。
2.選擇目標(biāo)觀眾
在你確定了你通過創(chuàng)建你的網(wǎng)站達(dá)到什么目的后，你就需要確定你想讓誰來訪問你的站點(diǎn)了。這看起來像是一個(gè)蠢問題，因?yàn)榇蠖鄶?shù)人都希望世界上每一個(gè)能上網(wǎng)的人都去訪問他的站點(diǎn)。然而，創(chuàng)建一個(gè)世界上每個(gè)人都能使用的網(wǎng)站，是十分困難的，甚至可以說是不可能的，這正像沒有一個(gè)航空公司能飛遍全球所有的航線一樣。人們總是使用不同的瀏覽器，以不同的速度連接，并且可能沒有安裝某些插件。所有這些不可預(yù)期的因素都將對(duì)你的站點(diǎn)產(chǎn)生影響。這就是你需要確定一個(gè)目標(biāo)觀眾的原因。 考慮那些可能被吸引到你的網(wǎng)站的人們，或你希望能夠吸引的那些人群。你認(rèn)為他們更多的在使用什么樣的計(jì)算機(jī)，對(duì)他們來說主流的操作系統(tǒng)將是什么平臺(tái)(Macintosh、Windows，或是Linux)?平均的連接速度是多少(56K調(diào)制解調(diào)器或ADSL)?他們通常使用什么樣的瀏覽器，以及所使用的監(jiān)視器的分辨率?你正在創(chuàng)建的站點(diǎn)是一個(gè)真正的Internet站點(diǎn)，還是一個(gè)公司內(nèi)部或組織內(nèi)部使用的Intranet(在Intranet中，通常每個(gè)人都使用相同的計(jì)算機(jī)操作系統(tǒng)和瀏覽器)?所有這些因素都將對(duì)你網(wǎng)站將以什么樣的感覺呈現(xiàn)給用戶產(chǎn)生巨大的影響。 一旦你確定了你的目標(biāo)觀眾群，并確定了計(jì)算機(jī)的類型、連接速度，以及你的目標(biāo)群體通常使用的瀏覽器等諸多因素，你就已經(jīng)瞄準(zhǔn)了你的設(shè)計(jì)目標(biāo)。
例如：假如說你的目標(biāo)觀眾是一個(gè)通常使用17英寸顯示器的Windows操作系統(tǒng)的用戶，并總是使用Internet Explorer 4.0或更高版本的瀏覽器。那么當(dāng)你設(shè)計(jì)你的網(wǎng)頁時(shí)，你就應(yīng)該在一臺(tái)Windows計(jì)算機(jī)上，在1024*768的分辨率下的Microsoft Internet Explorer瀏覽器中測(cè)試你的站點(diǎn)。盡管對(duì)你來說，你的用戶中只會(huì)有極少數(shù)者在Macintosh平臺(tái)上使用Netscape Navigator瀏覽器，但你也應(yīng)該保證你的站點(diǎn)在那種情況下也能正常的工作，盡管可能不會(huì)達(dá)到非常好的視覺效果。
3.創(chuàng)建多瀏覽器兼容的站點(diǎn)
當(dāng)你創(chuàng)建你的站點(diǎn)時(shí)，你應(yīng)該意識(shí)到你的來賓們的瀏覽器可能是花樣繁多的。要?jiǎng)?chuàng)建具有最大兼容性的站點(diǎn)，在設(shè)計(jì)時(shí)就要給出約束條件。
現(xiàn)在有超過兩打的瀏覽器被使用，它們中大多數(shù)又已經(jīng)不止發(fā)行了一個(gè)版本。就算你的目標(biāo)只使用Netscape Navigator和Microsoft Internet Explorer，你也應(yīng)意識(shí)到并不是每個(gè)人都在使用這些瀏覽器的最新版本。只要你的網(wǎng)站是在Web上的，遲早總會(huì)有某個(gè)使用Netscape Navigator 2.0或Lynx(僅支持文本)的人來到你的站點(diǎn)。
在某些情況下，你不需要?jiǎng)?chuàng)建跨瀏覽器兼容的站點(diǎn)。例如：如果你的站點(diǎn)只在你公司的內(nèi)部網(wǎng)上可用，并且你知道公司的雇員使用的都是同一種瀏覽器。在這種情況下，你可以針對(duì)這種瀏覽器優(yōu)化你的站點(diǎn)。同樣，如果你正在創(chuàng)建的HTML內(nèi)容將被發(fā)布到一張CD-ROM上，而且隨同HTML內(nèi)容一起還將發(fā)布一個(gè)瀏覽器，那么你可以假定你的用戶都有權(quán)使用這個(gè)特別的瀏覽器。
但在大多數(shù)情形下，網(wǎng)站是為公共消費(fèi)設(shè)計(jì)的，使你的網(wǎng)站可以被盡可能多的瀏覽器瀏覽是個(gè)不錯(cuò)的主意。挑選一個(gè)或兩個(gè)主流的瀏覽器作為你的目標(biāo)，以這些瀏覽器為目標(biāo)設(shè)計(jì)你的站點(diǎn)，但偶爾也用其它的瀏覽器探索一下站點(diǎn)，以避免出現(xiàn)太夸張的不調(diào)和。
4.通常要考慮的問題
從布局、動(dòng)畫、多媒體內(nèi)容，以及交互性上考慮，你的站點(diǎn)越復(fù)雜，它就越難以對(duì)多種瀏覽器兼容，例如并不是所有的瀏覽器都能運(yùn)行&106avascript。不使用特殊字符的普通文本可以在所有的瀏覽器中很好的顯示，但是如此這般的一個(gè)頁面，同那些有著圖像、布局，以及交互功能的復(fù)雜頁面相比，就只有少得可憐的一點(diǎn)美學(xué)吸引力了。因此，在最大的效果設(shè)計(jì)和最大的兼容性設(shè)計(jì)之間找到一個(gè)平衡。
為那些最重要的頁面設(shè)計(jì)多個(gè)版本是一種有效的方法。例如：通過為你的主頁設(shè)計(jì)有框架和無框架的兩個(gè)版本來獲得好的效果，雖然你無法預(yù)測(cè)用戶的瀏覽器是否可以正確的處理框架，但通過雙版本的設(shè)計(jì)，你可以根據(jù)瀏覽器的能力自動(dòng)地將來賓導(dǎo)向最適合他們的瀏覽器的頁面版本。
5.使用行為來檢測(cè)瀏覽器和插件
你能夠使用行為來確定你的來賓正在使用哪個(gè)瀏覽器，以及確定他們是否在瀏覽器中安裝了某個(gè)特別的插件。
檢查瀏覽器—根據(jù)來賓的瀏覽器的名稱和版本將不同的頁面發(fā)送給用戶。例如：如果他們使用Netscape Navigator 4.0或更新的版本的話，你可能希望來賓去往nnpage.htm;如果他們使用Microsoft Internet Explorer 4.0或更新的版本，讓他們?nèi)ネ鵬epage.htm;如果他們使用其它種類的瀏覽器就讓他們留在當(dāng)前頁上。
檢查插件—根據(jù)來賓的瀏覽器是否安裝了某個(gè)特別的插件將來賓導(dǎo)向不同的頁面。例如：如果他們安裝了Shockwave，將用戶導(dǎo)向shockpage.htm;如果他們沒有安裝Shockwave，將他們導(dǎo)向noshockpage.htm頁。
6.組織站點(diǎn)結(jié)構(gòu)
建立一個(gè)站點(diǎn)通常所采用的方法是首先在你的本地硬盤上建立一個(gè)文件夾，其中包含了你的站點(diǎn)要用到的所有文件，同時(shí)你也將在這個(gè)文件夾中創(chuàng)建和編輯文檔。接下來的就是你周期性地拷貝那些文件到你的Web服務(wù)器，并允許其他的人瀏覽你的站點(diǎn)。這種方法比直接在Web站點(diǎn)創(chuàng)建和編輯文件要好，因?yàn)檫@允許你在將你的網(wǎng)站暴露于眾目睽睽之下前，先在本地站點(diǎn)上測(cè)試所做的一切改變。通過測(cè)試后，你可以在某個(gè)時(shí)刻神不知鬼不覺的將文件上傳到你的Web服務(wù)器，完成一次完美的網(wǎng)站更新任務(wù)。
從一開始就精心的組織你的站點(diǎn)，能為你以后節(jié)省下大量的時(shí)間。如果你在開始創(chuàng)建文檔的時(shí)候，沒有考慮這些文檔應(yīng)該分別進(jìn)入你的站點(diǎn)層級(jí)結(jié)構(gòu)中的哪個(gè)文件夾中，那么最終你的工作將終結(jié)于一個(gè)巨大的、笨拙的、塞滿了各種各樣文件的文件夾，或是面對(duì)一種相關(guān)的文件，卻分別坐落于半打以上的、有著相似名稱的文件夾的局面而一籌莫展。
因此，你應(yīng)當(dāng)按類目分解你的站點(diǎn)。把相關(guān)的頁放進(jìn)同一個(gè)文件夾。例如，你的公司的新聞發(fā)布、聯(lián)系信息，以及工作職位都可以放在同一個(gè)文件夾中，而將在線產(chǎn)品目錄放在另一個(gè)文件夾中。在必要的地方使用子文件夾。
你要決定在哪兒存放諸如圖像和聲音這樣的文件。組織存放你所有的圖像是一件簡(jiǎn)單的事情。例如，將它們都存放在同一個(gè)地點(diǎn)，以便當(dāng)你想要把一幅圖像插入到某個(gè)頁時(shí)，你知道在哪兒能找到它。設(shè)計(jì)者們有時(shí)將整個(gè)站點(diǎn)中使用的非HTML文件都存放在一個(gè)被稱為資產(chǎn)(Asset)的文件夾中。這個(gè)文件夾可以包含一些有意義的子文件夾。例如：一個(gè)圖像文件夾、一個(gè)Shockwave文件夾，以及一個(gè)聲音文件夾。或者你也可能在你的站點(diǎn)上為每組相關(guān)的頁面準(zhǔn)備一個(gè)獨(dú)立的資產(chǎn)文件夾，如果在這些頁面組中沒有太多的東西要共享的話。如(圖)
保持你的本地站點(diǎn)和遠(yuǎn)端服務(wù)器上的站點(diǎn)有同樣的結(jié)構(gòu)，這種相同應(yīng)該是嚴(yán)格意義上的一致。如果你是使用Dreamweaver創(chuàng)建站點(diǎn)，并且上傳了每一樣?xùn)|西，Dreamweaver可以保證本地站點(diǎn)的結(jié)構(gòu)將被精確的復(fù)制到遠(yuǎn)端站點(diǎn)。
7.創(chuàng)建你的設(shè)計(jì)外觀
如果你在真正使用Dreamweaver開始開發(fā)工作之前，仔細(xì)的計(jì)劃過你的設(shè)計(jì)和布局，那么你將在以后的開發(fā)中節(jié)省下大量的時(shí)間。對(duì)于不太大的工程，這個(gè)工作可以簡(jiǎn)單到只需在一張紙上繪制出你希望的你的站點(diǎn)的布局和外觀模型。對(duì)于更復(fù)雜的工程，你可以使用Macromedia Freehand或Fireworks來繪制你的站點(diǎn)的布局和外觀模型。在真正開始開發(fā)你的站點(diǎn)之前，繪制出你的站點(diǎn)布局和外觀模型是一件非常重要的事情，你將在以后的整個(gè)開發(fā)過程中，沿著它來進(jìn)行。
保持你的頁面的布局和設(shè)計(jì)的一致性是十分重要的。當(dāng)你的每一個(gè)頁面都有一個(gè)不同的外觀，每一頁上的導(dǎo)航條都出現(xiàn)在不同的位置時(shí)，要想指望你的用戶無困惑的在你的站點(diǎn)中游歷將是不可能。
8.設(shè)計(jì)導(dǎo)航方案
規(guī)劃的另一個(gè)需要費(fèi)心的地方是導(dǎo)航。當(dāng)你設(shè)計(jì)一個(gè)站點(diǎn)時(shí)，你應(yīng)該考慮這樣的一個(gè)問題—你想讓你的來賓在你的站點(diǎn)有怎樣的一個(gè)經(jīng)歷?
“你在這里!”—讓來賓時(shí)刻都清楚他們此時(shí)正處于你的站點(diǎn)的什么位置是可以給你的用戶帶來安全感的，這也包括讓來賓們清楚的知道如果他們希望的話，他們將如何回到你的頂層頁面。
搜索和索引—這將使參觀者比較容易的找到他們想要的任何信息。
反饋—如果網(wǎng)站上的東西出了問題，提供一個(gè)方法讓來賓可以聯(lián)絡(luò)網(wǎng)站管理員(如果合適的話)，以及來賓如何同公司或網(wǎng)站的有關(guān)人員聯(lián)系(如果這是公司的業(yè)務(wù)所希望的話)。
設(shè)計(jì)你的站點(diǎn)導(dǎo)航的外觀。你的站點(diǎn)的導(dǎo)航條應(yīng)該在你的整個(gè)的站點(diǎn)中都保持一致，如果你在你的主頁中將導(dǎo)航條放置在了頁面的頂部，你應(yīng)當(dāng)試圖使你的站點(diǎn)中的每一個(gè)頁面中的導(dǎo)航條都保持在這個(gè)位置。
【職稱計(jì)算機(jī)Dreamweaver輔導(dǎo)：站點(diǎn)設(shè)計(jì)】相關(guān)文章：
Dreamweaver遠(yuǎn)程發(fā)布網(wǎng)站站點(diǎn)09-27
Dreamweaver站點(diǎn)如何檢查鏈接錯(cuò)誤08-31
Dreamweaver站點(diǎn)地圖的使用技巧大全08-08
Dreamweaver站點(diǎn)怎么檢查鏈接錯(cuò)誤07-28
如何檢查Dreamweaver站點(diǎn)更改鏈接11-10
如何使用Dreamweaver創(chuàng)建站點(diǎn)08-29