【正文】 Electronic merce 2 1. 前言 隨著二十一世紀新興科技的飛速發(fā)展，如今的信息產(chǎn)業(yè)正在經(jīng)受著一個巨大的挑戰(zhàn)，同時也面臨著一個重大的機遇。就目前的科技發(fā)展水平而言，信息產(chǎn)業(yè)的發(fā)展已經(jīng)不能夠滿足社會化大生產(chǎn)的要求，因此，各個國家集中人力、財力加大對信息技術產(chǎn)業(yè)的投入，以適應目前需要?？上驳氖窃谶@幾十年的發(fā)展中我們有了互聯(lián)網(wǎng)。互聯(lián)網(wǎng)加大了我們了解世界的眼界，縮緊了人與人之間的距離，這就更容易的使我們走上信息化的道 路。 互聯(lián)網(wǎng)拉近了各個領域之間的距離，如今利用互聯(lián)網(wǎng)來宣傳或購物已經(jīng)是必不可少的工具，因此電子商務網(wǎng)站建設在 Inter 應用上的地位顯的格外重要。 2. 開發(fā)工具和運行環(huán)境 網(wǎng)站設計的基本知識 靜態(tài)頁面是網(wǎng)頁的代碼都在頁面中，不需要執(zhí)行 asp,php,jsp,. 等程序生成客戶端網(wǎng)頁代碼的網(wǎng)頁。靜態(tài)頁面不能自主管理發(fā)布更新的頁面 ,如果想更新網(wǎng)頁內(nèi)容 ,要通過 FTP 軟件把文件 DOWN 下來用網(wǎng)頁制作軟件修改（通過 fso等技術例外）。但是靜態(tài)頁面最大的好處是下載速度快，因為不需要程序運算和數(shù)據(jù)庫連 接。常見的靜態(tài)頁面以 .html、 .htm 為擴展名的。并非網(wǎng)站上沒有動畫的就是靜態(tài)頁面， 那么如何設計出精美的網(wǎng)頁以及動態(tài)更新交互的站點，這就需要網(wǎng)頁編程與網(wǎng)頁制作相結合。本章主要介紹網(wǎng)站建設所必須掌握的基礎知識，如網(wǎng)頁文檔的結構、超鏈接、表格等基本的 HTML 標識的寫法要求，網(wǎng)頁編輯的常用工具，動態(tài)網(wǎng)站項目工程的設計步驟要求，以及網(wǎng)站的發(fā)布與維護、網(wǎng)站的主機方案等相關知識。 動態(tài)頁面是通過執(zhí)行 .asp、 .php、 .jsp、 . 等程序生成客戶端網(wǎng)頁代碼的網(wǎng)頁。動態(tài)頁面通常可以通過網(wǎng)站后臺管理系統(tǒng)對網(wǎng)站的內(nèi)容進 行更新管理。發(fā)布新聞，發(fā)布公司產(chǎn)品，交流互動，博客，網(wǎng)上調(diào)查等，這都是動態(tài)網(wǎng)站的一些功能 ， 也是我 3 們 常 見的 。 動 態(tài)網(wǎng) 頁 是需 要語 言環(huán) 境支 持的 ， 動態(tài) 頁面 常見 的擴 展 名有： .asp、 .php、 .jsp 、 .cgi 等。動態(tài)頁面的 “ 動態(tài) ” 是網(wǎng)站與客戶端用戶互動的意思，而非網(wǎng)頁上有動畫的就是動態(tài)頁面 [4]。 動態(tài)網(wǎng)頁是最常用的網(wǎng)站建設的一種表達形式，其優(yōu)點在于可以根據(jù)先前所制定好的程序界面，根據(jù)用戶的不同請求返回相應的數(shù)據(jù)?？梢哉f是一對多的關系。從而達到資源的最大利用和節(jié)省服務器上的物理資源。如果今后需要改變站點風格， 只需要重新制作前臺所訪問的數(shù)據(jù)即可。只要數(shù)據(jù)庫結構不變，可以很快的進行改版的。 Dreamweaver 8 簡介 Dreamweaver 是在網(wǎng)頁設計與制作領域中用戶最多、應用最廣、功能最強大的軟件，隨著 Dreamweaver 8 的發(fā)布，更堅定 Dreamweaver 在該領域的地位。它集網(wǎng)頁設計、網(wǎng)站開發(fā)和站點管理功能于一身，具有可視化、支持多平臺和跨瀏覽器的特性，是目前網(wǎng)站設計、開發(fā)、制作的首選工具。突出的特點主要有靈活的編寫方式；可視化編輯界面；功能更多的 CSS 支持 —— CSS 可視化設計、 CSS 檢查工 具；動態(tài)跨瀏覽器驗證；強大的 WEB 站點管理功能；內(nèi)建的圖形編輯引擎；豐富的媒體支持能力等。 它將可視布局工具、應用程序開發(fā)功能和代碼編輯支持組合在一起，其功能強大，使得各個層次的開發(fā)人員和設計人員都能夠快速創(chuàng)建界面吸引人的基于標準的網(wǎng)站和應用程序。開發(fā)人員可以使用 Dreamweaver 及所選擇的服務器技術來創(chuàng)建功能強大的 Inter 應用程序，從而使用戶能連接到數(shù)據(jù)庫、 Web 服務和舊式系統(tǒng)。開發(fā)環(huán)境支持 HTML、 ASP、 、 JSP 等，提供眾多功能強大的可視化設計工具、應用開發(fā)環(huán)境以及 代碼編輯支持。主要用于素材整理、排版以及后臺程序的交互。 HTML 介紹 全稱： HyperText Markup Language 譯稱：超文本標記語言。 簡意：一種為普通文件中某些字句加上標識的語言，其目的在于運用標記（ tag）合文件 達到預期的效果。 4 HTML 是在 SGML 定義下的一個描述性的語言，或可說 HTML 是 SGML 的一個應用程式。 HTML 不是程式語言，如 C++ 和 Java 之類，它只是標記語言，基本上你只要明白了各種 標記的用法便算學懂了 HTML， HTML 的格式非常簡單，只是由文字及標記組合而成，于編輯部方面，任何文字編輯器都是可以，只要能將檔案存為文本格式即可，用專門的網(wǎng)頁編輯工具當然更好。 Macromedia 公司的 Roundtrip HTML 技術讓用戶可以隨意導入 HTML 文件而無需重新設置代碼格式，用戶還可以利用 Dreamweaver 清除或重新格式化 HTML 代碼，實現(xiàn)代碼的優(yōu)化。 利用 Dreamweaver，可以方便地使用動態(tài) HTML 功能，卻不需要寫一行行的代碼；利用它還可以檢查作品在所有流行的平臺和瀏覽器中可能發(fā)生的錯誤。 當然 ,如果不用 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)生第一印象，都希望盡量給人留下好的印象。一般來說，好的網(wǎng)站應該給人有這樣的感覺： 干凈整潔；條理清楚；專業(yè)水準； 引人入勝。 如圖 31 31 首頁 5 網(wǎng)頁應該力求抓住而不是淹沒瀏覽者的注意力，過多的 閃爍、色彩、下拉菜單框、圖片等會讓訪問者無所適從 —— 離開是最好的選擇，就象一些 商店 ，播放震耳欲聾的發(fā)燒音樂，你要做的唯一決定就是離開那里，越快越好。 網(wǎng)頁布局的基本概念 最開始，網(wǎng)頁呈現(xiàn)在你面前的時侯，它就好像一張白紙，它需要你任意揮灑你的設計才思，可以創(chuàng)造出自己的設計方案。，雖然你能控制一切你所能控制的東西，但假如你知道什么是一種約定俗成的標準或者說大多數(shù)訪問者的瀏覽習慣，那么你可以在此基礎上加上自己的東西，這樣你創(chuàng)造出來的網(wǎng)頁才能更好的被別人接受。 （ 1） 頁面尺寸 由于頁面尺寸和顯示器大小及 分辨率有關系，網(wǎng)頁的局限性就在于你無法突破顯示器的范圍，而且因為瀏覽器也將占去不少空間，留下給你的頁面范圍變得越來越小。一般分辨率在 800x600 的情況下，頁面的顯示尺寸為： 780x428 個象素；分辨率在640x480 的情況下，頁面的顯示尺寸為 :620X311 個象素；分辨率在 1024X768 的情況下，頁面的顯示尺寸為： 1007x600。從以上數(shù)據(jù)可以看出，分辨率越高頁面尺寸越大。 瀏覽器的工具欄也是影響頁面尺寸的原因。一般目前的瀏覽器的工具欄都可