網上創業(營運及市場推廣)單元證書課程大綱 Lesson 9_feb_21_2014
?Download as PPTX, PDF?
0 likes?893 views
網上創業(營運及市場推廣)單元證書課程大綱 Lesson 9_feb_21_2014
網上創業(營運及市場推廣)單元證書課程大綱 Lesson 9_feb_21_2014
- 1. 網上創業(營運及市場推廣) 單元證書課程 2014/2/22 CopyRight 2012 - 2013 City University of Hong Kong
- 2. 3. 網站結構及管理策略概要 3.1 商業網站的設計概念 3.2 公司、產品定位與網站風格 3.3 公司網站的資料準備及製作技術 3.4 網頁製作技術概要 3.5 選用Domain Name 及申請程序 3.6 網站寄存及網頁搜尋 3.7 利用網站管理服務 22/2/2014 CopyRight 2012
- 3. 3.1 商業網站的設計概念 ? 具有豐富的功能和簡單的操作界面 ? 通過範本式的操作即可完成網上商店的建設 ? 不同的網站所採用的系統具有很大的區別 – 有些只需要直接上傳產品圖片和文字說明 – 有些則需要自己對店面進行高級管理 ? 一個普遍存在的現象是，說明不足，建店前應準備哪些資料、 格式和標準等比較欠缺 ? 由於採用範本式的結構，個性化要求就有很大限制，有些必要 的需求無法利用現有功能得到滿足 22/2/2014 CopyRight 2012
- 4. ? 無論是建設一個向合作夥伴 ? 或者供應商提供產品和服務的商業網站 ? 或者是一個銷售產品或為消費者提供服務的零售網站 ? 還是建立一個發佈新聞和其他多媒體資訊的傳媒和娛 樂網站 ? 作為一個成功的企業網站，都需遵循下面的幾點原則， 以完成網路行銷的目標 22/2/2014 CopyRight 2012
- 5. 網站內容的專業銷售，電子商務應遵循的規則 ? 內容的商業網站必須有兩個目標 : 1. 銷售您的產品和服務，溝通，營銷信息 2. 有一個有用的服務遊客，讓他們回來 例如把一個搜索引擎，並包括相關的關鍵字， 您的網上業務 22/2/2014 CopyRight 2012
- 6. 1. 明確網站設計目標與使用者需求 2. 總體設計方案主題鮮明 3. 網頁形式與內容統一 4. 網站結構設計清晰 5. 存取速度保證快 6. 合理應用多媒體技術 7. 及時更新網站資訊 8. 網站資訊的交互能力 22/2/2014 CopyRight 2012
- 7. 1. 明確網站設計目標與使用者需求 ? 企業網站是展現企業形象、介紹產品和服務、體現企 業發展戰略的重要途徑 ? 根據消費者的需求、市場的狀況、企業自身的情況等 進行綜合分析，牢記以“消費者”為中心進行設計規劃 ? 在設計規劃之初還要同時考慮 – 建設網站的目的是什麼？ – 為誰提供服務和產品? – 企業能提供什麼樣的產品和服務? – 網站的目標消費者和受眾的特點是什麼? 22/2/2014 CopyRight 2012
- 9. ? 所以，要調動一切手段充分表現網站的個性 和情趣，辦出網站的特色。一般網站主頁應 具備的基本成分包括以下幾部分 : 1. 頁頭：準確無誤地標識網站和企業標誌。 2. E-mail地址：用來接收用戶垂詢。 3. 聯繫資訊：如普通郵寄地址或電話。 4. 版權資訊：聲明版權所有者等。 5. 注意重複利用已有資訊，如客戶手冊、公共關係文檔、 技術手冊和資料庫等都可以輕而易舉地用到企業的網 站中。 22/2/2014 CopyRight 2012
- 13. 6. 合理應用多媒體技術 ? 網路資源的優勢之一是多媒體功能 ? 為了吸引瀏覽者的注意力，頁面的內容可 以用三維動畫、Flash等來表現 ? 但要注意，由於網路頻寬的限制，在使用 多媒體形式來表現網頁內容時應考慮用戶 端的傳送速率 22/2/2014 CopyRight 2012
- 14. 7. 及時更新網站資訊 ? 企業網站建立後，要不斷更新內容 ? 網站資訊的不斷更新 ? 會讓瀏覽者瞭解企業的最新發展動態和網上服 務等 ? 同時也會幫助企業建立良好的形象 22/2/2014 CopyRight 2012
- 16. 商業網站製作上常見的問題 1. 別總是把文字用圖形顯示： ? 即使網路字型(web fonts)開始流行，但是無可諱言的，用 Photoshop 做出的圖形化文字在外觀上還是比內定的瀏覽器 字型來得好看；所以很多網頁設計師或是客戶，喜歡使用大 量的圖形來顯示網頁的內容 ? 但是，搜尋引擎看不懂圖形，因此這種做法不但降低了搜尋 引擎的能見度，更增加了網頁載入的時間，使得網站開啟速 度嚴重變慢，從網站排名、搜尋引擎優化的角度來看，是非 常不妥的 22/2/2014 CopyRight 2012
- 17. 商業網站製作上常見的問題 2. 搜尋引擎看不懂 Flash： ? 大多人喜歡聲光具佳的Flash動畫，因此許多公司網站， 整個首頁都以Flash來設計，甚致為了美觀，還將整個 網站都做成了 Flash 動畫；但是問題是，搜尋引擎看不 懂 Flash，自然對網站優化、搜尋引擎排名的結果有影 響 ? 除此之外，iOS的裝置、Apple已經擺明了放棄 Flash 平 台，擁抱 HTML5，因此對於這些使用者來說，全 Flash 的網站跟 404 網頁差不了多少 22/2/2014 CopyRight 2012
- 18. 商業網站製作上常見的問題 3. 別忘了更新文章日期： ? 大部分的商業網站都提供版權內容，因此在網頁下 方通常會標示文章日期，千萬別讓你的網站版權還 停留在五年甚至十年前，一方面讓使用者覺得網站 未能妥善管理 ? 甚至誤以為公司亂無章法，影響形象，降低再拜訪 這個網站的意願 ? 不僅如此，搜尋引擎也會對不常更新內容的網頁， 降低再訪這個網站的頻率 22/2/2014 CopyRight 2012
- 19. 商業網站製作上常見的問題 4. 別使用「點我」： ? 許多網站在內容裡提供連結時，都會使用「點我」 或「按這」做為連結文字 ? 但其實這些連結文字是很重要的，因為這些連結文 字，是搜尋引擎決定自然排序順序所用的關鍵字條 件之一 ? 而我們相信，一般的使用者絕對不會搜尋「按這」 的字樣，所以一個優化良好的網站，應該使用具有 意義的關鍵之斪鲞B結文字。 22/2/2014 CopyRight 2012
- 21. 1. 網站的風格定位 2. 網站的欄目設置 3. 網站的內容規劃 4. 網站的技術解決方案 5. 網站的網頁結構和框架 22/2/2014 CopyRight 2012
- 32. “F” 模式佈局 ? F-佈局的基本概念依賴於不同的視覺跟踪研究 ? 這些科學的研究顯示，網上瀏覽，閱讀屏幕中 的“F”模式 – ? 看到最多的是左上角...只是偶爾在屏幕右側 ? 這些視覺跟踪研究認為在左側的設計有利於將 您的網站的最重要的要素（品牌，導航，呼籲 採取行動） 22/2/2014 CopyRight 2012
- 33. “F” 模式佈局 ? 瀏覽者開始在網頁頂部左邊瀏覽 ? 然後，他們瀏覽該網站的頂部（導航，訂閱， 搜索等） ? 接著，他們向下移動，讀取下一行的內容...... 所有的方式到側邊欄 ? 最後，他們找到合適的內容 / 有趣的內容，瀏 覽者進入“掃描模式” 22/2/2014 CopyRight 2012
- 40. “Z” 佈局的網頁設計 ? Z-佈局的前提下，其實很簡單： ? 將你希望讀者首先看到的頂部”Z”加強，眼睛自然會走的一 條路的Z的項目，並且以“行動呼籲”結束。所有的道路上： 22/2/2014 CopyRight 2012
- 42. “Z” 佈局的網頁設計 “Z” 佈局網頁設計，有4大具體目的： 1. 品牌 2. 等級制度 3. 結構 4. 呼籲採取行動 22/2/2014 CopyRight 2012
- 47. 3.3 公司網站的資料準備及製作技術 ? 電子商務在某程度上需要精確的資料，例如貨運 費用、貨品的售價等，所以在展示產品給顧客前， 務必在正式輸入系統前預先準備所需資料 ? 將會展示於網站的一般「中英文」資料： ? 網站主題 ? 網站說明 / 簡介 ? 網站關鍵字 22/2/2014 CopyRight 2012
- 49. 用於系統向您發出通知的資料： ? 傳真機號碼 ? 接收短訊的手機號碼 商品展示的「中英文」資料： ? 產品目錄 ? 產品名稱 ? 產品型號 商品展示的外觀資料： ? 產品售價 ? 一幅主要圖片 ? 產品數量 ? 其他附加圖片 ? 產品重量 ? 適用的產品視像檔案 ? 產品詳細說明 22/2/2014 CopyRight 2012
- 50. ? 若業務資料需較詳盡，可預備一些選擇性的資料： ? 多種組別的客戶群組 ? 產品狀態 ? 產品客戶群組售價 ? 特色產品 ? 產品客戶群組特價 ? 商品品牌 ? 產品欄位資料 ? 開售日期 ? 產品簡短主題 ? 產品稅別 ? 產品成本 ? 特價產品 22/2/2014 ? 產品簡短介紹 ? 產品關鍵字 ? 關聯的產品 ? 產品的可選擇特性 CopyRight 2012
- 51. 整頁展示的資料： 1. 首頁=> 5. 關於我們 公司簡介(或關於我們) 2. 產品介紹(或服務項目) 3. 最新消息(問與答 Q&A) 4. 聯絡我們 22/2/2014 6. 客戶服務 7. 貨運及退貨說明 8. 服務條款 9. 個人私隱說明 CopyRight 2012
- 52. 3.4 網頁製作技術概要 ? 美工繪圖：使用PhotoImpact7.0 或 Adobe Illustrator 來製 作美工方面的需求，再加上Adobe Photoshop 做相片修 改 ? 網頁設計：使用Dreamweaver4.0、Microsoft FrontPage 2000 製作網頁 ? 動畫製作：使用Flash5.0、 Adobe Image Ready 製作動畫， 畫面為此動了起來，心裡雀躍無比 ? 影像擷取：使用Windows Movie Maker 將影像擷取出來。 ? 網頁技術：使用CSS(Cascading Style Sheets)來作更細微的 網頁排版與文字定位 22/2/2014 CopyRight 2012