【正文】 盡管每一個站點都要有一個主頁，不過創(chuàng)建站點時我們?nèi)匀豢梢詮囊粋€空站點開始：選擇“文件”菜單的“新建”命令，單擊“站點”選項，在“新建站點”對話框里，我們可以選擇“空站點”圖標來創(chuàng)建一個空站點?！靶陆ㄕ军c”對話框中還有許多其他圖標，這是DREAMWEAVER提供的用來創(chuàng)建站點模板或向?qū)?。我們?chuàng)建只有一個網(wǎng)頁的站點或者創(chuàng)建空站點，都是從頭開始來創(chuàng)建一個站點，這就好像蓋房子一樣，首先畫圖紙。然而，有許多的房子都具有相似的結(jié)構(gòu)和用途，所以我們可以用一張圖紙蓋很多相似的房子，這樣就節(jié)省了許多工作。基于表格的設(shè)計：表格布局使網(wǎng)頁設(shè)計師制作網(wǎng)站時有了更多選擇。在 HTML 中表格標簽的本意是為了顯示表格化的數(shù)據(jù)，但是設(shè)計師很快意識到可以利用表格來構(gòu)造他們設(shè)計的網(wǎng)頁，這樣就可以制作較以往作品更加復雜的，多欄目的網(wǎng)頁。表格布局就這樣流行了起來，融合了背景圖片切片技術(shù)，常給人以看起來較實際布局簡潔得多的結(jié)構(gòu)。結(jié)構(gòu)設(shè)計：這個時期的網(wǎng)頁設(shè)計還不太關(guān)注語義化和可用性方面的問題，主要還在追求良好的結(jié)構(gòu)美學。同一時期也是大量應用 GIF 占位圖片控制留白的時期。一些主流的公司甚至訓練設(shè)計師如何使用 GIF 占位。如微軟的“關(guān)于 HTML 表格中的 GIF 占位”。第一批主要應用表格布局的“所見即所得”網(wǎng)頁設(shè)計軟件的發(fā)展助長了表格的應用。另外，某些軟件自動生成的表格如此復雜以至于許多設(shè)計師不可能從頭手寫代碼(例如每行只有 1px 高卻包含了幾百列的表格)。即使是稍微復雜一點兒的網(wǎng)頁(比如多欄目頁面)，設(shè)計師們都要依賴于表格來創(chuàng)建。三、網(wǎng)站結(jié)構(gòu)網(wǎng)站結(jié)構(gòu)是指網(wǎng)站中頁面間的層次關(guān)系。按性質(zhì)可分為邏輯結(jié)構(gòu)及物理結(jié)構(gòu)。網(wǎng)站結(jié)構(gòu)對網(wǎng)站的搜索引擎友好性及用戶體驗有著非常重要的影響。（一）網(wǎng)站結(jié)構(gòu)整體先用DIV和CSS來進行構(gòu)造，對整個網(wǎng)站進行布局，(二)網(wǎng)站結(jié)構(gòu)是衡量網(wǎng)站用戶體驗好壞的重要指標之一。清晰的網(wǎng)站結(jié)電子商務2班201341440213孫巖構(gòu)可以幫助用戶快速獲取所需信息。相反，如果一個網(wǎng)站的結(jié)構(gòu)極其糟糕的話，用戶在訪問時就猶如走進了一座迷宮，最后只會選擇放棄瀏覽。（三）網(wǎng)站結(jié)構(gòu)還直接影響搜索引擎對頁面的收錄，一個合理的網(wǎng)站結(jié)構(gòu)可以引導搜索引擎從中抓取更多有價值的頁面。網(wǎng)站結(jié)構(gòu)對網(wǎng)站及網(wǎng)站中頁面的影響。搜索引擎對重要頁面的抓取由于互聯(lián)網(wǎng)中信息量極其龐大，為了向用戶展示更多有價值的信息，搜索引擎會優(yōu)先抓取每個網(wǎng)站中相對重要的頁面(即權(quán)重較高的頁面),然而，搜索引擎是怎樣發(fā)現(xiàn)這些重要頁面的呢?根據(jù)重要頁面的鏈接指向的頁面可能是重要頁面的思路。搜索引擎首先會從權(quán)重相對較高的頁面(即源頁面)出發(fā)跟蹤其中的鏈接，從而抓取其他相對重要的頁面(即目標頁面)。網(wǎng)頁設(shè)計的要素四、應用工具方案DreamWeaver自制動態(tài)HTML動畫的網(wǎng)頁。DreamWeaver是一個很酷的網(wǎng)頁設(shè)計軟件，它包括可視化編輯、HTML代碼編輯的軟件包，并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性，而且它還能通過拖拽從頭到尾制作動態(tài)的HTML動畫，支持動態(tài)HTML(Dynamic HTML)的設(shè)計，使得頁面沒有plugin也能夠在Netscape和IE 。同時它還提供了自動更新頁面信息的功能。DreamWeaver還采用了Roundtrip HTML技術(shù)。這項技術(shù)使得網(wǎng)頁在DreamWeaver和HTML代碼編輯器之間進行自由轉(zhuǎn)換，HTML句法及結(jié)構(gòu)不變。這樣，專業(yè)設(shè)計者可以在不改變原有編輯習慣的同時，充分享受到可視化編輯帶來的益處。DreamWeaver最具挑戰(zhàn)性和生命力的是它的開放式設(shè)計，這項設(shè)計使任何人都可以輕易擴展它的功能。版面布局：在你開始設(shè)計之前，你必須仔細地為站點挑選色彩組合。千萬不要出現(xiàn)紫色的背景加上黑藍色的文字的組合。要使整個站點保持同一種色彩組合，因為不同顏色組合的背景或字體可能會是非常令人討厭的。你也可以選用一個背電子商務2班201341440213孫巖景圖，而不是僅用一種顏色。背景圖案可以自己繪制，也可以從因特網(wǎng)上下載。通過模糊背景圖案，就可以使文字更容易被閱讀。要記住的是，圖片不會被瀏覽器重畫的，而背景色彩則是要被重新畫的，因此，在上傳你的圖片之前，必須檢查不同的瀏覽器是如何顯示這些網(wǎng)頁的。當增加文字時，盡量設(shè)置容易被閱讀的字體和大小。如果你使用背景圖片，那么，當網(wǎng)頁被瀏覽時，背景色和字體將會先于背景圖片被下載，因此，如果背景色和文本的顏色沒有鮮明的對照的話，那么瀏覽者會有幾秒鐘的時間看到一個充滿了不可閱讀的文本的網(wǎng)頁。解決這個問題的簡單的方法就是，使背景色與背景圖的顏色相類似。瀏覽導航：站點的瀏覽導航必須被設(shè)計成非常容易。如果需要，把站點分割為幾個部分。最容易的方法，就是在整個網(wǎng)站的所有的網(wǎng)頁的左邊放置一個菜單條。當然，除此以外，還有許多可選的方法。對于具有大量信息的站點，使用一個可擴展的菜單條會是一個不錯的選擇。無論你使用何種導航模式，在每一頁都放置一個主頁鏈接，那會是一種不錯的設(shè)計思想；瀏覽者必須知道，無論何時，當他們迷失在你的站點瀏覽中時，都可以通過簡單的一次點擊就能準確地知道目前所處的位置。Frame(幀,框架)的問題：Frame—— 你也許會喜歡它，也許不喜歡。如果你在你的網(wǎng)站上使用幀，你很可能使一個幀用于導航目的，另一個幀用于放置內(nèi)容。你可以看見在同一頁上有兩個被分割的瀏覽窗口，你點擊左邊的幀，只會改變右邊的內(nèi)容。用幀來組織網(wǎng)站的內(nèi)容，顯然是非常容易的。檢驗你的HTML代碼 ：不要在你的網(wǎng)站上放置瀏覽計數(shù)器。計數(shù)器會讓你的網(wǎng)站看起來不夠?qū)I(yè)化，如果瀏覽量不夠的話，還會起到相反的宣傳作用。最后，內(nèi)容是金，如果能給的瀏覽者一些有價值的東西，如，信息，建議，或軟件，那么就能吸引瀏覽者經(jīng)常光顧你的網(wǎng)站。為你的站點增加消息板和聊天室，從而提高網(wǎng)站的交互性，使你和你的訪問者交流，讓訪問者彼此交流。五、頻道欄目劃分圖1電子商務2班201341440213孫巖六、代碼段content=“text/html。charset=gb2312” / 猜你喜歡 電子政務網(wǎng)頁設(shè)計與制作實驗教案 網(wǎng)頁制作教案 《網(wǎng)頁制作》教案范文 《網(wǎng)頁制作》教案（范文大全） 網(wǎng)頁制作教案 網(wǎng)頁制作教案 網(wǎng)頁設(shè)計與制作教案免費學技術(shù)改變生活 《網(wǎng)頁設(shè)計與制作》習題集[推薦閱讀] 靜態(tài)網(wǎng)頁設(shè)計與制作畢業(yè)論文 網(wǎng)頁設(shè)計與制作實訓室管理制度