【正文】 速發(fā)展，如今的信息產(chǎn)業(yè)正在經(jīng)受著一個巨大的挑戰(zhàn)，同時也面臨著一個重大的機遇。可喜的是在這幾十年的發(fā)展中我們有了互聯(lián)網(wǎng)。 互聯(lián)網(wǎng)拉近了各個領(lǐng)域之間的距離，如今利用互聯(lián)網(wǎng)來宣傳或購物已經(jīng)是必不可少的工具，因此電子商務(wù)網(wǎng)站建設(shè)在 Inter 應(yīng)用上的地位顯的格外重要。靜態(tài)頁面不能自主管理發(fā)布更新的頁面 ,如果想更新網(wǎng)頁內(nèi)容 ,要通過 FTP 軟件把文件 DOWN 下來用網(wǎng)頁制作軟件修改（通過 fso等技術(shù)例外）。常見的靜態(tài)頁面以 .html、 .htm 為擴展名的。本章主要介紹網(wǎng)站建設(shè)所必須掌握的基礎(chǔ)知識，如網(wǎng)頁文檔的結(jié)構(gòu)、超鏈接、表格等基本的 HTML 標識的寫法要求，網(wǎng)頁編輯的常用工具，動態(tài)網(wǎng)站項目工程的設(shè)計步驟要求，以及網(wǎng)站的發(fā)布與維護、網(wǎng)站的主機方案等相關(guān)知識。動態(tài)頁面通?？梢酝ㄟ^網(wǎng)站后臺管理系統(tǒng)對網(wǎng)站的內(nèi)容進 行更新管理。 動 態(tài)網(wǎng) 頁 是需 要語 言環(huán) 境支 持的 ， 動態(tài) 頁面 常見 的擴 展 名有： .asp、 .php、 .jsp 、 .cgi 等。 動態(tài)網(wǎng)頁是最常用的網(wǎng)站建設(shè)的一種表達形式，其優(yōu)點在于可以根據(jù)先前所制定好的程序界面，根據(jù)用戶的不同請求返回相應(yīng)的數(shù)據(jù)。從而達到資源的最大利用和節(jié)省服務(wù)器上的物理資源。只要數(shù)據(jù)庫結(jié)構(gòu)不變，可以很快的進行改版的。它集網(wǎng)頁設(shè)計、網(wǎng)站開發(fā)和站點管理功能于一身，具有可視化、支持多平臺和跨瀏覽器的特性，是目前網(wǎng)站設(shè)計、開發(fā)、制作的首選工具。 它將可視布局工具、應(yīng)用程序開發(fā)功能和代碼編輯支持組合在一起，其功能強大，使得各個層次的開發(fā)人員和設(shè)計人員都能夠快速創(chuàng)建界面吸引人的基于標準的網(wǎng)站和應(yīng)用程序。開發(fā)環(huán)境支持 HTML、 ASP、 、 JSP 等，提供眾多功能強大的可視化設(shè)計工具、應(yīng)用開發(fā)環(huán)境以及 代碼編輯支持。 HTML 介紹 全稱： HyperText Markup Language 譯稱：超文本標記語言。 4 HTML 是在 SGML 定義下的一個描述性的語言，或可說 HTML 是 SGML 的一個應(yīng)用程式。 Macromedia 公司的 Roundtrip HTML 技術(shù)讓用戶可以隨意導(dǎo)入 HTML 文件而無需重新設(shè)置代碼格式，用戶還可以利用 Dreamweaver 清除或重新格式化 HTML 代碼，實現(xiàn)代碼的優(yōu)化。 當(dāng)然 ,如果不用 DW 的話 ,同樣可以制作出非常棒的網(wǎng)站來 ,其實什么樣的程序或者 HTML代碼都可以直接用記事本來寫 ,只不過 DW實現(xiàn)起來確實方便一些吧 ,還有一些其他的網(wǎng)頁編輯工具 ,比如微軟的 Frontpage 等等 ,只是想說明一下 ,做網(wǎng)站 ,DW 很好用，但是不是必須的 ! 網(wǎng)站運行環(huán)境 使用 或以上版本 ，用 1024*768 分辨率為最佳顯示效果 3. 網(wǎng)頁布局 網(wǎng)站主頁就好象是 宣傳欄 或者店面 —— 對訪問者產(chǎn)生第一印象，都希望盡量給人留下好的印象。 如圖 31 31 首頁 5 網(wǎng)頁應(yīng)該力求抓住而不是淹沒瀏覽者的注意力，過多的 閃爍、色彩、下拉菜單框、圖片等會讓訪問者無所適從 —— 離開是最好的選擇，就象一些 商店 ，播放震耳欲聾的發(fā)燒音樂，你要做的唯一決定就是離開那里，越快越好。雖然你能控制一切你所能控制的東西，但假如你知道什么是一種約定俗成的標準或者說大多數(shù)訪問者的瀏覽習(xí)慣，那么你可以在此基礎(chǔ)上加上自己的東西，這樣你創(chuàng)造出來的網(wǎng)頁才能更好的被別人接受。一般分辨率在 800x600 的情況下，頁面的顯示尺寸為： 780x428 個象素；分辨率在640x480 的情況下，頁面的顯示尺寸為 :620X311 個象素；分辨率在 1024X768 的情況下，頁面的顯示尺寸為： 1007x600。 瀏覽器的工具欄也是影響頁面尺寸的原因。 在網(wǎng)頁設(shè)計過程中，向下拖動頁面是惟一給網(wǎng)頁增加更多內(nèi)容 (尺寸 )的方法。如果需要在同一頁面顯示超過三屏的內(nèi)容，那么你最好能在上面做上頁面內(nèi)部連接，方便訪問者瀏覽。這種形象應(yīng)該是一個整體，圖形與文本的接合應(yīng)該是層疊有序。 對 于不同的形狀，它們所代表的意義是不同的。雖然不同形狀帶表著不同意義，但目前的網(wǎng)頁制作多數(shù)是接合多個圖形加以設(shè)計，在這其中某種圖形的構(gòu)圖比例可能占的多一些。比如一個站點的名字多數(shù)都顯示在頁眉里。頁頭是整個頁面設(shè)計的關(guān)鍵，它將牽涉到下面的更多設(shè)計和整個頁面的協(xié)調(diào)性。 （ 4）文本 文本在頁面中出現(xiàn)都數(shù)以行或者塊 (段落 )出現(xiàn)，它們的擺放位置決定者整個頁面布局的可視性。 （ 5）頁腳 頁腳和頁頭相呼應(yīng)。你能看到，許多制作信息都是放置在頁腳的。如何處理好圖片和文本的位置成了整個頁面布局的關(guān)鍵。 （ 7）多媒體 除了文本和圖片，還有聲音，動畫，視頻等等其它媒體。 網(wǎng)頁布局的技術(shù) 網(wǎng)頁的布局有表格布局，框架布局， CSS 布局等，本網(wǎng)站采用的是表格布局，表格布局被廣泛使用，已經(jīng)成為一個潛在的標準。表格布局的優(yōu)勢在于它能對不同對象加以處理，而又不用擔(dān)心不同對象之間的影響。表格布局唯一的缺點 7 是，當(dāng)你用了過多表格時，頁面下載速度受到影響 [8]。 網(wǎng)站的層次結(jié)構(gòu)圖 如本網(wǎng)站的總體結(jié)構(gòu)圖，如圖 32 圖 32 網(wǎng)站總體結(jié)構(gòu)圖 4. 建立網(wǎng)頁連接 網(wǎng)站實際上是由很多網(wǎng)頁組成的，那么網(wǎng)頁之間是如何聯(lián)系的呢？這就是本章要講的內(nèi)容 網(wǎng)頁的“鏈接”。網(wǎng)頁中的很多對象都可以加入“鏈接”屬性。 文字連接和跳轉(zhuǎn)菜單 網(wǎng)站大多采用的是文字連接和 跳轉(zhuǎn)菜單， “文字 鏈接 ”即以文字作 為媒 介的 鏈接 ，它是網(wǎng) 頁 中最常被使用的 鏈接 方式，具有“文件小、制作 簡單 和便于 維護 ”的特 點 。操作步 驟 ： 步 驟 1 、準 備 好已 經(jīng) 制作完成的首 頁 的各 個欄 目 頁 面 步 驟 在 Dreamweaver 中 打開 首 頁 ，之后反白 選 取作 為 “ 鏈接 ”的文字。 步 驟 接下 來 需要把 鏈接 的位址加入到文本框中。如 圖 ： 41 41 下拉列表 步 驟 還 可 以設(shè) 置一些“ 鏈接 ” 的屬 性， 單擊 “ 屬 性面板”中的“ 頁 面 屬 性”，選擇 其中的“ 鏈接 ” 分類 ，可以 進 行的 設(shè) 置有“ 鏈接 字體”、“大小”、“ 鏈接顏 色”、“ 變換圖 像 鏈接 ” 顏 色、“ 已訪問鏈接 ” 顏 色、“活 動鏈接 ” 顏 色及“下劃 線樣 式”。 步 驟 同理，按照以上步 驟 ，再 為 “閑情逸致”和“個人主頁”等其它 欄 制作指向 對應(yīng)欄 目的 鏈接 。 “ 圖 像”也是常被使用的 鏈接 媒體，它和“文字 鏈接 ”非常相似。操作步 驟 ： 步 驟 首先仍然要準 備 好已 經(jīng) 制作完成的首 頁 和各 個欄 目的 頁 面 步 驟 在 Dreamweaver 中 打開 網(wǎng)站的首 頁 ，之后 選 取 要制作“ 鏈接 ”的 圖 像。 步 驟 如果有需要，可以在“目 標 ”下拉列表中 選擇 “ 鏈接 ”網(wǎng) 頁顯 示的窗口 9 方式，