本書依照職業崗位的工作過程，將能力目標和知識目標合理地分配到 各個項目任務中去完成。主要包括認知電子商務網站、學會使用電子商務 網頁建設工具、利用工具創建網頁和站點、搭建網頁框架、添素、美化網頁、發布網頁、推廣網站以及掌握動態網站建設的基礎知識。 內容圍繞電子商務網站建設的知識和技能層層展開，循序漸進、步步提 升，很好地吻合了學生職業技能發展規律。在內容組織上分為多個項目進 行，每個項目又具體分解成多個任務，每個任務按照任務描述、任務實施、知識鏈接、項目檢測幾個部分來組織編寫。在每個任務中主要以具體的操作實例為主要內容，盡可能讓學生在實踐操作中理解電子商務網頁設計中的理論知識點，增強學生的實際動手能力。本書可作為中高職院校電 子商務、信息管理、計算機應用等專業的相關課程用書，也可以作為電子 商務和網頁設計愛好者自學的參考用書。

楊從亞，無錫科技職業學院信息管理繫教授，九三社員，無錫電子商務協會理事，無錫市新區優秀教育工作者，江蘇省“青藍工程”骨干教師培養對像，2013年九三無錫市先進個人，2014年九三學社省先進個人，幾年來發表論文20餘篇，其中核心期刊6篇，主編了《電子商務》《物流信息技術》《電子商務基礎與應用》等教材四部，主持市級課題兩項，主持省級課題4項，主要參與省級課題兩項，主持或主要參與的《電子商務》《物流信息技術》《ERP原理和應用》等精品課程分別獲得市級精品課程和省級精品課程。

項目一 賞析電子商務網站
任務一 賞析企業形像網站
任務二 賞析電子商務商城網站
項目二 運用HTML制作簡單網頁
任務一 學習HTML標記語言
任務二 應用 HTML語言制作簡單網頁
項目三 使用Photoshop設計頁面
任務一 認識Photoshop CS6
任務二 使用Photoshop CS6設計首頁
任務三 首頁效果圖切片處理與導出
項目四 使用Flash制作動畫和導航
任務一 認識Flash CS6
任務二 熟悉Flash CS6的基本操作
任務三 使用Flash CS6設計簡單動畫
項目五 學會Dreamweaver的基本操作
任務一 使用Dreamweaver CS6添加網素
任務二 使用表格和框架進行布局
任務三 使用Dreamweaver CS6創建站點
項目六 制作多網頁站點
任務一 了解網站建設的基本流程
任務二 企業商務網頁的設計
項目七 使用CSS樣式進行美化頁面
任務一 認識CSS樣式表
任務二 在Dreamweaver CS6中創建CSS
任務三 使用CSS樣式美化網頁
項目八 使用 DIV+CSS進行布局設置
任務一 認識DIV標簽
任務二 使用 DIV+CSS進行布局網頁
項目九 使用行為與表單
任務一 認識行為
任務二 認識表單
任務三 使用表單制作新用戶注冊頁面
項目十 網上商城的設計與制作
任務一 網站建設規劃
任務二 前期制作準備
任務三 制作網頁
項目十一 電子商務網站的發布與測試和推廣
任務一 域名和空間的選擇
任務二 測試與發布網頁
任務三 網站的優化推廣
項目十二 動態網站的定義和數據庫的使用
任務一 認識動態網站
任務二 搭建動態網站的制作環境
任務三 創建數據庫文件和制作第一張動態網頁
參考文獻

項目一 賞析電子商務網站

項目概述
進入 21世紀，基於Internet的電子商務取得了蓬勃的發展，電子商務網站是現代企業從事電子商務活動的門戶和必不可少的基礎平臺。常見的網站有中小企業形像網站、行業類綜合網站、綜合商城等類型，本項目以企業形像網站和綜合商城網站為例進行分析，通過分析網頁的版面風格和布局素、導航設計、網站的功能組成等來了解電子商務網站的基本特征。

能力目標
（1）分析電子商務網站的基本組成。
（2）分析電子商務網站的風格和布局。
（3）編寫簡易的電子商務網站賞析報告。
（4）模仿電子商務網站進行網站的簡單規劃設計。
知識目標
（1）掌握網頁基礎知識。
（2）掌握網頁的基本構成。
（3）掌握網站的構成和風格設置。
（4）掌握網頁布局的常用結構。
（5）掌握網站的規劃原理。


任務一 賞析企業形像網站
任務描述
學習本任務的目的是通過瀏覽“京東”“攜程網”等多家企業的網站來分析網站頁面 界面的組成、風格和布局、基素等，以便規劃設計同類型企業的網站。
任務實施
本任務通過對多個企業網站的賞析來了解電子商務類網站的構成，分三個部分進行， 主要是分析電子商務網頁的界面構成、電子商務網頁的風格和布局、電子商務網頁的基本素。
一、分析電子商務網頁的界面構成
（一）電子商務網站和網頁
打開IE瀏覽器，在地址欄中輸入:“http:∥www.jd.com/”，打開京東公司的網站 （京東是一家典型的電子商務企業）。瀏覽完京東商城網首頁後，點擊產品鏈接，進入該商城網站的產品介紹和購買子頁面。如圖1 -1和圖1- 2所示。

知識鏈接
（1）網站:網站是一個存放在網絡服務器上完整信息的集合體，它包含一個或多個 網頁，這些網頁以一定的方式鏈接在一起，成為一個整體。
（2）網頁:網頁實際上是一個文件，網頁裡可以有文字、圖像、聲音及視頻信息等。
（3）首頁:首頁也是一個網頁，它和一般網頁一樣，可以存放各種信息;同時它又是一個特殊的網頁，作為整個網站的起始點和彙總點。
（二）電子商務網頁的界面構成
網頁的界面包素，不包素。以內容來劃分，一般的網頁界面包括網站LOGO、導航欄、Banner、內容欄和版尾五部分。 打開IE瀏覽器，在地址欄中輸入:“http:∥www.Ctrip.com”，打開攜程旅遊網站 首頁，如圖1- 3和圖1 -4所示。觀察該網站的界面構成，指出該網站的LOGO、導航欄、Banner、內容欄和版尾部分。