電子商務網站架設與電子商務軟體安裝實作

苗栗高商 吳松達

前言

電子商務平台提供給商品銷售業者於網路上銷售物品一個便捷的管道，欲跨入電子商務領域，

首先便必需選擇要使用哪種平台來經營。目前電子商務平台分工更趨細微，主要歸納以下幾種類

別：1.B2C(Business to Customer)、2.獨立商城、3.C2C(Customer to Customer)、3.C2M(Customer-to-

Manufactory)、4.CPS(Cost-Per-Sale)、5.O2O(Online To Offline)、6.B2T2B(Business TO Third Party To

Business)；上述幾種以學生族群來說，C2C的接觸門檻最低，如是現在台灣最常見的蝦皮拍賣、露

天拍賣、奇摩拍賣，跟最近愈來越多會員的旋轉拍賣，許多學生都已經有了相對的購物與拍賣經

驗，其他如 C2M客製化商品線上交易與 O2O線上對線下肢交易，因交易牽涉到的層面較為廣泛，

於目前教學環境下較難實作，而使用 B2T2B且具有完整電商平台交易與管理功能更需要一筆龐大費

用；另外，網路上免費的網站架設平台又常常面臨以下 2個最主要的問題：1.穩定性不足，時常會

有網域連不上的狀況產生，2.同一網段，同時上線的人數有限制，要三、四十位學生同時上線建置

變得不可行。因此本次教學主要是針對且具有高獨立自主性的獨立商城架設與開店為主要教學目

標。

本次教學將以下列步驟完成學生建置獨立商城：

1. 在隨身碟上建置虛擬電商平台

2. 安裝電子商務架站軟體

3. 電子商城建置與管理

4. 商城與商品排版與美編

5. 商品統計資料分析與解讀

藉由以上步驟，讓學生能從作中，實際了解電子商務經營、行銷與管理。

教學方案

科目名稱 跨境電子商務實作 單元名稱 電子商務網站架設

單元細分 網站架設與電子商務

軟體安裝

編擬教師 吳松達

教學時數 100分鐘 教學年級 二年級

教材來源 自編教材 教學場地 電腦教室

教材重點 1. 指導學生實際安裝並測試電子商務網站

2. 進行電子商務網站基礎版面設置

3. 學習申請免費網頁空間並利用 FTP上傳資料

教學方法 講述、實作、成品觀察

教學資源 電腦廣播教學、白板、個人電腦、USB隨身碟

單元目標 利用 ampps架設網站，透過 power point 進行圖案美編，並於 LOCAL端

進行測試，測試正常後將本地端資料上傳遠端免費網頁空間，以實際進

行交易。

教學目標 1. 學會伺服器安裝與設定

2. 了解實際電子商務平台運作模式

3. 認識 osCommerce的運作流程與架構

4. 了解 osCommerce後台管理方式

5. 了解商品美編與物品拍攝技巧

學生條件分析 1. 學生須具備基本電子商務概念

2. 學生須具備基本電腦視窗與作業系統操作能力

3. 學生須具備基本簡報軟體操作能力

4. 具備軟體壓縮與解壓縮能力

教學活動內容

目標 教學流程內容 時間 教學媒體

一.教學前準備

1. 擬定教學目標

2. 彙集相關資料與教材準備

3. 編寫教案

4. 學生準備自己預定拍攝之商品

二.發展活動

0.

（一）引起動機

將之前學生成功的電子商務案例進行介紹，並進行網站展示與

說明，引起學生學習動機。

5’

媒體播放程

式、廣播教

學

1.

2.

3.

4.

（二）實習環境與軟體準備

1.白板書寫此次使用軟體下載位址，請學生上網下載

2.伺服器軟體安裝與示範

3.啟動網站伺服器並進行連線測試

（三）電子商務平台運作模式

1.B2C(Business to Customer)

2.獨立商城

3.C2C(Customer to Customer)

4.C2M(Customer-to- Manufactory)

5.CPS(Cost-Per-Sale)

6.O2O(Online To Offline)

7.B2T2B(Business TO Third Party To Business)

（四）osCommerce介紹與安裝

1.免費電子商務軟體介紹

2.osCommerce特色

3.osCommerce軟體安裝

（五）osCommerce管理架構與管理流程

1.osCommerce管理架構

2.osCommerce管理流程

（六）osCommerce後台管理

1.利用 powerpoint製作 osCommerce商店 LOGO製作

10’

15’

5’

5’

20’

廣播教學

電腦實作

5.

2.後台管理實際操作

（七）商品拍攝與美編

1.攝影棚綠幕操作

2.燈光打光與陰影之控制

3.利用 powerpoint製作商品美編

20’

6.

三.評量活動

◎分享自己架站之 IP讓每位學生彼此註冊成為會員

◎將網站首頁截圖上傳

10’

結語

現今免費網頁伺服器仍然以 Apache為主要大宗，由下圖即可看出，於 2019年 3月份 Apache仍

以 28%的市占率領先微軟與 nginx，因此本次教學仍以架設 Apache伺服器為主。

圖片摘自：https://news.netcraft.com/archives/2019/03/28/march-2019-web-server-survey.html

在目前市面上 Apache與MySQL資料庫整合的安裝套件其實非常多，本此會選用 Ampps當成

架站的主要工具是因為安裝設定簡單，不須伺服器架設、網路設定等先備知識，尤其對非資訊相關

科別學生特別適合，另外，Ampps內建相當多的電子商務平台套件，不須煩惱電子商務軟體磁碟佈

置位置與安裝問題，相對其他軟體來說非常簡易，很快就能讓學生進入電子商務網站實作的範疇，

而不用花太多時間在伺服器的設定與網站架設上。

另外，選擇 osCommerce當成電子商務管理平台是基於其為老牌電子商務網站架設軟體，發展

已經非常穩定與完善，雖然已成老態，部分功能已不敷使用，但以下優點仍適合教授高職學生電子

商務之實作與運用。

1. 支援多語種言，提供英語，德語和西班牙語、繁簡體中文

2. 完善的管理功能，包刮：可以設定無限的產品和類別、新增/修改/刪除類別，產品，製造商，

客戶和評論、支援實物，服務等產品、可以群發客戶電子郵件或電子報、具備備份和還原資

料庫功能

3. 支援列印發票和包裝清單

4. 提供產品和客戶統計資料，可以協助管理者分析各項資訊

5. 支援多國貨幣，並能自動更新匯率

6. 支援多種外掛，可以依需求擴增功能

老師可以根據學期學分數或學生程度自行增加、調整教授內容，可以非常有彈性地進行課程教

學，最後商品拍攝與美編部分於第 141期電子報(電子商務行銷實務融入特色課程教學實作技巧(臺

南高商 吳歡哲))已有談論，有興趣的教師可自行往前查詢參閱。

軟體安裝教學講義

ampps 安裝與設定

1. 至 https://www.ampps.com/downloads下載對應作業系統之版本(紅色框線)

2. 下載完畢後對下載執行檔點選滑鼠左建 2下，進行安裝，依下列紅色框線點選依序進行安裝。

3. 接下來選擇要安裝的位置，安裝位置請選擇隨身碟所在磁碟代號

4. 依照預定設定不變，按 NEXT

5. 視需要點選是否要建立捷徑圖示(可自行決定選或不選)

6. 接下來看本身電腦內是否已經安裝 C++ Redistributable Visual Studio，若已經安裝過則點選 No，

若未安裝過，則點選 Yes，因學校電腦以安裝過相關軟體，所以選擇 No

7. 接著啟動 Ampps，出現防火牆允許存取設定，點選允許存取。

8. 若執行無誤，就可看到下圖伺服器右方綠色 Running的文字，若安裝或執行出現問題失敗，則伺

服器旁文字會出現 stopped。

9. 安裝完伺服器軟體後，接者安裝電子商務軟體 osCommerce，點選 ，出

現以下網頁設定頁面，點選 ，語言選擇：Chinese，然後按「編輯設定」儲存設定值。

10. 接者左邊選單選擇「電子商務」，然後選擇 osCommerce進行安裝。

11. 安裝時主要輸入紅色框內的資料，其他可以不用輸入

12. 安裝完畢後，點選 http://127.0.0.1/oscom即可進入內建電子商務範例網站，另外輸入：

http://127.0.0.1/oscom/admin即可進入後台管理，設定會員與商品管理