現以一個數碼產品網站為例子，詳細地講解如何創建網站。當中使用到的軟件有Dreamweaver，Photoshop,配色軟件和FTP。

一、網站的規劃

網站導航：店鋪介紹、網上商城、客戶服務、幫助中心和發貨查詢。網站店鋪介紹一般有地圖、店鋪形象圖片和賣家的承諾等內容。

網上商城都會有產品銷售信息、產品分類、產品索引和產品介紹。產品分類下就是產品索引列表，接著就是產品詳細介紹（產品的詳細內容頁）。

客戶服務欄目下的內容就是相當于FAQ，把用戶關心的問題和疑問都一一列出，讓客戶能夠從這找到答案，解決問題。發貨查詢系統讓用戶能夠在網上查看發貨情況，方便快捷?，F在大部分的網站都有這一模塊系統。

二、顏色設計

1.構思

2.如何使用配色軟件

點擊左邊的“藍色”，右邊會出現顏色方案。左邊三角形形狀的階梯還可以調正顏色的深淺，或者光暗。

三、整體規劃

使用Dreamweaver，新建站點，定義站點。

四、繪制布局

1.繪制布局單元格

2.代碼標記

3.繪制導航條

4.繪制導航欄布局單元格

5.導航欄代碼

6.繪制主廣告區

7.繪制主信息區與分類信息區分布表格

8.繪制布局表格

9.注釋代碼標記

五、頭部設計

網站標識通常被用作橫跨整個網頁的廣告性圖片。廣告客戶有時計算標識被點擊的次數，或計算表標識圖片在一段時間內被下載的次數。

制作banner，使用Photoshop設計一個banner圖。banner圖的文字和網址修飾，設計一個與眾不同的logo,修飾背景，再插入banner。

六、導航條和背景圖像的制作制作

1.制作導航條

2.添加導航條

3.制作背景圖像

4.添加背景圖

七、本店承諾與主廣告區制作

1.填充背景

2.背景制作

3.添加文字

4.圖片修飾

5.插入圖片

6.主廣告區

八、制作信息分類區與頁腳

1.背景制作

2.插入背景

3.頁腳制作

九、創建樣式 1.“首選參數”設置

2.新建body樣式

3.創建TD樣式

4.創建BIAOTI樣式

5.創建YANSE樣式

6.創建列表樣式

十、添加導航欄信息與分類信息 1.添加導航欄

2.引入BIAOTI樣式

3.查看代碼

4.添加分類列表信息

5.引起LIEBIAO樣式

　十一、添加頁腳及公告欄、標語欄信息 1.添加公告欄信息

2.引用YANSE樣式到公告欄

3.條件標識欄信息

4.引用YANSE樣式到標識欄

5.添加頁腳信息

十二、制作首頁 1.復制風格頁面 2.更改標題 3.繪制布局表格 4.小技巧制作右側上鋪展示位

十三、店鋪介紹頁面制作 1.建頁面

2.加首頁鏈接

3.繪制表格單元格

4.插入照片

5.加入文字

十四、網上商店頁面制作 1.復制風格頁

2.改標題

3.加“首頁”鏈接

4.繪制布局表格

5.繪制三個單元格

6.復制表格

7.添加信息

8.保存、預覽

十五、客戶服務.幫助中心頁面制作 1.新建客戶服務頁面 2.加入首頁鏈接 3.繪制客戶服務頁面 4.新建幫助中心 5.匯總幫助總新頁面 6.添加信息

十六、發貨查詢頁面制作 1.新建發貨查詢頁面 2.修改標題 3.加入首頁鏈接 4.繪制發貨查詢頁面 5.添加信息 6.保存

十七、其他鏈接頁面制作 創建頁面--修改標題--添加首頁鏈接--繪制網頁--間隔線--復制表格--添加信息 建show2頁面--修改標題名稱--加入首頁鏈接--繪制頁面--添加信息說明--建幫助中心鏈接信息頁--加入首頁鏈接--繪制布局--添加信息

十八、添加網站鏈接

添加導航欄鏈接、分類信息、其他頁面鏈接、商鋪列表頁面鏈接、購買按鈕鏈接和幫助中心頁面鏈接，后保存，預覽。

十九、上傳FTP網站

特別聲明：以上文章內容僅代表作者本人觀點，不代表ESG跨境電商觀點或立場。如有關于作品內容、版權或其它問題請于作品發表后的30日內與ESG跨境電商聯系。