電子商務網頁設計與製作（簡體書）

《高等職業教育理實一體化規劃教材?電子商務專業:電子商務網頁設計與製作》以具體工作任務為載體，將知識點均勻分佈到各項目的任務中，再由若干任務共同完成一個典型的項目；實踐性強，強調突出實踐、理論夠用，內容組織極富操作性；內容涵蓋跨度大，更好地體現了電子商務網頁設計與製作課程的系統完整性，而通過學習每個任務的任務引導、任務實施、任務分析、任務拓展模塊，也便於讀者有選擇地在實踐中學習和拓展。
《高等職業教育理實一體化規劃教材?電子商務專業:電子商務網頁設計與製作》既可作為高職高專院校電子商務、資訊類及計算機類專業的教學用書，也適合作為各類企業及電子商務工作人員的自學參考用書。

項目一 賞析電子商務網站頁面
任務1 賞析製造業類企業網站
任務2 賞析服務業類企業網站
任務3 賞析電子商務平臺類網站
習題
項目二 認知HTML製作的網頁
任務1 製作HTML基本頁面
任務2使用HTML編寫網頁規劃
習題
項目三 拍攝與處理商品圖片
任務1 拍攝主題商品圖片
任務2 處理與修飾商品圖片
習題
項目四 設計與製作網店結構模塊
任務1 製作網店告示板
任務2 製作圖片分類區
任務3 製作圖標分類列表區
任務4 製作商品描述範本
習題
項目五 美化網店的動態效果
任務1 設計與製作黃金展位：網店推廣動態圖像
任務2 跳動的促銷活動區
任務3 動起來的網店Banner
習題
項目六 創建電子商務網站站點
任務1 創建網站結構及文件目錄
任務2 創建與管理網站的站點
習題
項目七 設計與製作中小企業形象網站首頁
任務1 首頁效果圖切片處理及導出
任務2 製作Flash Banner條
任務3 製作首頁頁面
習題
項目八 設計與製作中小企業形象網站子頁
任務1 創建子頁面範本
任務2 通過子頁面範本創建子頁面
任務3 美化頁面
習題
項目九 設置DIV+CSS佈局
任務1 DIV網頁整體佈局
任務2 DIV+CSS頁面美化
習題
項目十 製作網頁交互特效
任務1 製作圖片放大特效
任務2 製作廣告圖片自動輪換
任務3 製作動態導航欄
任務4 製作浮動廣告
習題
項目十一 設計與製作表單頁面
任務1 創建動態網站
任務2 製作動態頁面
習題
附錄A 習題答案
參考文獻

（5）站點的管理
對已建好的站點進行管理，可以通過執行“站點→管理站點”命令，彈出“管理站點”對話框，如圖6—17所示。通過單擊“編輯”按鈕，可以對該站點的設置重新進行修改。若當前有多個站點，可以通過鼠標在左側站點名稱的列表中進行選擇切換至對應站點的狀態。
通過“導出”按鈕，可以將選中的站點相關設置信息以擴展名為.ste的檔形式保存。當需要時，可以再通過“導入”按鈕將該檔導入，導入後就不用再重新設置站點資訊。
3.任務分析
（1）Dreamweaver工作流程
Dreamweaver是一個可視化的網站開發工具，可以輔助人們快捷、方便地進行網頁編輯。使用Dreamweaver來創建一個網站的流程包括：
規劃和設置站點，即確定將在哪里發布檔，網站訪問者的情況以及站點目標。在組織好資訊並確定結構後，就可以開始創建站點。
組織和管理站點文件，創建站點後，在“檔”面板中，可以進行添加、刪除和重命名檔及檔夾，以便根據需要更改組織結構。
設計網頁佈局，選擇使用的佈局方法。可綜合使用CSS定位樣式或預先設計的CSS佈局來創建佈局。也可利用表格工具，通過繪制並重新安排頁面結構來快速設計頁面。如果希望同時在瀏覽器中顯示多個元素，也可以使用框架來設計您的文檔的佈局。最後，可以基於Dreamweaver範本創建新的頁面，然後在範本更改時自動更新這些頁面的佈局。
向頁面添加內容，完成佈局後，則進行網頁元素的添加，如文本、圖像、鼠標經過圖像、超鏈接等。最後，Dreamweaver還提供測試頁面是否確保能夠相容不同的Web瀏覽器。
通過手動編碼創建頁面，是創建頁面的另一種方法。同時對於一些具體網頁內容，可能也需要通過手動編碼進行微調。Dreamweaver提供了易於使用的可視化編輯工具，但同時也提供了高級的編碼環境來創建和編輯頁面。
測試和發布，測試頁面是在整個開發週期中進行的一個持續的過程。在這一工作流程的最後，在服務器上發布該站點。許多開發人員還會安排定期的維護，以確保站點保持最新並且工作正常。
（2）Dreamweaver工作區域
Dreamweaver工作區域如圖6—18所示。
Dreamweaver與Photoshop一樣，是浮動面板風格，可以拖動或調整它們的位置和組合，創建和編輯中的網頁顯示在“文檔”視窗。
Windows風格的菜單欄可以執行和浮動面板一樣的操作，各主要菜單作用如下：
檔，檔操作的標準菜單選項。
編輯，文檔編輯的標準菜單選項。此外，“編輯”菜單還提供對Dreamweaver“首選參數”的設置。
查看，允許用戶查看文檔的各種視圖模式，並且可以顯示和隱藏不同類型的頁面元素和DreamVeaver工具及工具欄。
插入，用於將各種對象插入用戶的文檔，也是“插入”面板的替代選項。
修改，允許用戶更改選定的頁面元素或項的屬性。通過此菜單，可以編輯標簽屬性、更改表格和表格元素，以及為庫和範本執行不同操作。