Transcript 更改網路商店LLogo

14
更改網路商店Logo
14.1 概述
14.2 使用時機
14.3 更改網路商店Logo步驟
14.1 概述

p.184
如何讓顧客對自己的店面或產品留下深刻印象，相
信是所有經營者希望達到的目標，顧客有了印象才
會在需要購買商品時想到你。網路商店要讓顧客留
下好印象，除了功能完整、資料分類便利、產品價
格具優勢等主要因素之外，網站外觀的簡潔以及有
特色的網站名稱及網站商標（Logo）也是影響因
素。網站名稱取得好再搭配出色的Logo，一定可
以在顧客心目中留下好印象。取一個好的網站名稱
有賴讀者們自己努力，而本章將介紹如何更換網路
商店的Logo，把自己設計好的新的網站Logo放到
網路商店的網頁。
14.2 使用時機
p.184
1.更改網路商店Logo的使用時機：
 網路商店店主要把新設計的網站Logo放到網路商
店系統中。
2.使用工具：
 繪圖軟體：小畫家、PhotoImpact
 檔案上傳軟體
14.3 更改網路商店Logo步驟
p.184
步驟一、用繪圖軟體設計一個新Logo
 設計新的Logo要注意新圖檔的長寬，最好跟原來
的Logo長寬一致，如果長寬不同也不要與原來
Logo的長寬相差太大，新Logo才不會破壞掉網頁
的版面。要讓新的Logo圖檔長寬與原有的相同，
最好的方法便是開啟原有的Logo檔來修改成新的
Logo檔，如此一來便可以讓新Logo檔與原有Logo
長寬相同。

osCommerce的Logo圖檔位置及名稱

p.184~185
osCommerce的Logo圖檔有兩個，分別是前台與後
台的Logo，位置以及圖檔名稱分別如下：
網站主機
圖檔名稱及放置位置
本地主機
前台Logo：
C:/AppServ/www/catalog/images/oscommerce.gif
後台Logo：
C:/AppServ/www/catalog/admin/images/oscommer
ce.gif
遠端主機
前台Logo：
catalog/images/oscommerce.gif
後台Logo：
catalog/admin/images/oscommerce.gif
使用 PhotoImpact 繪製 Logo
點選此處
圖14-1：開起PhotoImpact元件設計師
p.185
p.185
圖14-2：展開元件設計師之橫幅
點選此處
1、點選此圖
2、下一步
圖14-3：選取橫幅圖案
圖14-4：修改元件設計師之橫幅
p.186
1. 修改文字
2. 選取字型
圖14-5：修改標題文字及字型
p.186
圖14-6：匯出橫幅圖案
1.點選匯出
2.點選此處
圖14-7：儲存橫幅檔案
點選此處
p.187
p.187
圖14-8：儲存檔案之1

儲存檔案時請將橫幅之檔案名稱命名為：
oscommerce.gif
1.修改檔名
3.點選此處
2.選取類型
點選此處
圖14-9：儲存檔案之2
p.187
圖14-10：儲存檔案之3
點選此處
點選此處
圖14-11：儲存檔案之4
圖14-12：儲存檔案完成
p.188
使用小畫家繪製 Logo

p.188
執行小畫家後開啟原來的Logo圖檔。接著運用小畫家
的繪圖工具將圖檔修改為新的Logo，然後另存新檔。
圖14-13：開啟原有的Logo
圖14-14：設計新的Logo
步驟二、將新的Logo上傳

p.189
設計好的圖檔要上傳到原來osCommerce放置Logo
圖檔的位置，趟若是遠端的主機便運用FTP使用端
軟體將Logo圖檔上傳到網站的位置（圖14-15），
若是本地主機則運用檔案總管，透過區域網路把檔
案上傳到主機放置圖檔的位置。
圖14-15：運用FTP使用端軟體上傳圖檔
p.189