研究起源： 網頁設計除了呈現資訊內容外，設計風格往往成為瀏覽者瀏覽重要因素之 一。一個製作前蔚的網頁，能抓住瀏覽者目光，造成高點閱率。網站製作除了 設計風格外，使用技術、圖片編修皆需互相配合。因此，成立『美的呈現--網站 藝術』教師社群，分享彼此的心得，與專業知識的交流。 研究方法： 1、上課教學觀摩及討論 2、「網頁設計」課程教材研討 3、舉辦社群專題研討會 預期成果： 藉由社群成員定期參與討論與教學觀摩，能將「網頁設計」課程內容以更多 元方式呈現，以期更豐富其教學內涵。
98學年度第二學期 吳鳳技術學院
教師專業成長社群成果報告（定期聚會）
|
社群名稱： 美的呈現—網站藝術 （第 1 次聚會） |
|||
|
社群召集人：許榮望 |
|||
|
活動日期 |
99.03.09 |
填表日期 |
|
|
活動地點 |
生有樓SB209 |
參加人數 |
6人 |
|
活動時間 |
12 時 15分至 13 時 15 分（計 1 時 0 分） |
||
|
活動成果報告 本次聚會內容概述與結論、下次聚會之規劃（含主題與進行方式）） |
|||
|
社群第一次聚會，討論主題關於網站建置的種類與網站建置考量的因素。在現今，網站一般可區分為一般資訊網站、個人網站、B2B、B 以企業在建置網站方面而言，可以多方面考量，考量因素有： 1. 企業形象的建立：就像名片、型錄、招牌廣告一樣，網站顯示出一個企業的主 軸、營業項目、及未來願景、規劃，及軟硬體項目，增加消 費者對企業的品牌印象，或產品服務的忠誠度。 2. 產品服務的線上型錄：以傳統的型錄方式，發送的範圍僅限於當地，且可能淪 為食物的墊底，線上型錄提供24小時的翻閱，沒有地點 及時間的限制，且能隨時更新，比起傳統DM每次印刷， 更省時省力省錢。 3. 線上銷售：在網路上銷售產品或服務，試問有哪一位員工或業務人員、產品解 說員，可以 365天 24小時不間斷的介紹產品或服務，答案是肯定 的，網站的功能在此不言可喻，除了此項，更可以當業務的輔助工 具，不用帶一堆介紹，一台電腦就能輕鬆出門。 4. 服務提供：客戶對企業的產品或服務，基本且多數的問題，可以在網站上說 明，減少服務人員的成本，增加客戶服務的即時性，甚至可以建立 互動機制，由信件或即時通訊的服務，來滿足客戶的需求。 5. 活動廣告的平台：企業通常有些活動或公告，需透過電話或郵件的方式通知客 戶或潛在客戶，網站平台能提供一個資訊溝通的管道，讓客 戶來參與，建立互動，更可以做廣告平台，加深客戶對產品 的印象。 以上，僅是網站對企業基礎的助益，企業作網站仍有產業別的區隔，不同產業使用不同的網站主軸，網站才能對企業產生效用。網站只是基礎，有網站後，企業才有傳統行銷方式外的網路行銷，提升企業競爭力。 本社群預計在下次聚會時後，討論關於網站設計應注意的層面與使用的技術，也計畫參與學生課堂學習，並給學生實質上的幫助。 |
|||
|
社群名稱： 美的呈現—網站藝術 （第 2 次聚會） |
|||
|
社群召集人：許榮望 |
|||
|
活動日期 |
99.03.27 |
填表日期 |
|
|
活動地點 |
生有樓SB209 |
參加人數 |
6人 |
|
活動時間 |
12 時 15分至 13 時 15 分（計 1 時 0 分） |
||
|
活動成果報告 本次聚會內容概述與結論、下次聚會之規劃（含主題與進行方式）） |
|||
|
社群第二次聚會，討論主題關於網站設計應注意的層面與使用的技術。 以建置網站方面所應注意的事項，分為下列幾個重點說明： 1. 版面部份 版面的說明大致上分為兩個部份，一是屬於軟硬體方面的限制，二是屬於心理的層面。在軟硬體方面的限制部份，一般以Windows為作業系統的PC螢幕解析度可以分為640*480、800*600以及1024*768。 如果你採用了一些特殊的螢幕解析度，最好在首頁中建議參觀者觀看的螢幕最佳解析度，以便讓參觀者獲得較佳的畫面。 在文字和背景之間應該有一個較為強烈的對比，這樣可以增加閱讀的效率；通常複雜的背景圖案會降低文字和背景的對比，也會增加在閱讀時的困擾。因此除非有特殊的理由，否則應該保持背景的單純。 2. 文字部份 在WWW上，傳輸的速度是件很重要的事情。在這個前提下，文字便可以將它的優點發揮的淋漓盡致。因為文字所佔的儲存空間很小，相對的傳輸時的資料量也很小，所以在網際網路上可以快速的傳送，因此一個網頁如果全部都以文字來設計，不加入其它的圖片、聲音的話，那麼將可以放入非常多的文字資料。同時對於日後網站的維護，也相對的會變得非常容易。 3. 圖片部份 如果一份網頁當中全部都使用文字，看起來的感覺一定覺得有些單調，不夠活潑，這個時候圖片就扮演了一個非常重要的功能。 當某些時候使用文字無法清楚的描述，以圖片來說明是一個很好的替代方案。例如我們形容一個人「略帶方形的一張圓臉盤，兩隻耳朵不小，頸項卻不長，闊肩膀，粗腰肢，身材比長的人短些，比短的人長些‥」還不如用一張圖片描述來的明快。 4. 鏈結部份 HTML之所以不同於以往的各種媒介，就在於這種超文件可以透過鏈結的方式將各種不同類型的檔案格式整合在一起。 鏈結可以是一段文字也可以是一個圖形，通常在使用鏈結文字的時候，盡量將鏈結的文字融合在文章當中，避免文章看起來很突兀。同時在每一個網頁的下方提供鏈結來帶領參觀者回到上一頁，或者前進至下一頁。另外如果你的網站有十頁的Webpage，最好在每一個網頁上都設計一個鏈結，或者是用其它的技巧可以讓參觀者快速的回到Homepage，不然參觀者可能必須從最後一頁，一頁一頁像倒車一般的回到首頁，那可是一件很令人心煩的事情。 網站設計整體行銷，並不僅只是單單局限在設計應用上，多方的觸角延伸，適時的加以應用搭配，也是不可忽視的。 本社群預計在下次聚會時後，討論關於網站經營的指標，也計畫參與學生課堂學習，並給學生實質上的幫助。 |
|||
|
社群名稱： 美的呈現—網站藝術 （第 3 次聚會） |
|||
|
社群召集人：許榮望 |
|||
|
活動日期 |
99.04.08 |
填表日期 |
|
|
活動地點 |
生有樓SB209 |
參加人數 |
6人 |
|
活動時間 |
12 時 15分至 13 時 15 分（計 1 時 0 分） |
||
|
活動成果報告 本次聚會內容概述與結論、下次聚會之規劃（含主題與進行方式）） |
|||
|
社群第三次聚會，討論主題關於經營網站的十個指標。 以經營網站方面所應注意的事項，分為下列幾個重點說明： 1. 造訪次數 從造訪次數的多寡可以看出每天有多少人到你的網站去觀看，數字越多越高當然就代表造訪你網站的訪客也就越多，但數字的多寡不代表網站相對於訪客就很重要，而要如何判斷自己的網站對於來訪的人是否重要則需要搭配以下的資料，兩著之間相互對照就可以看得出自己用心經營出來的訪次是不是真的對自己的網站有實際的幫助。 2. 退回率/轉換率/停留時間/覆蓋率 『退回率』是用來檢視網站經營者辛苦提供的內容或服務的一個重要指標，數字越高就代表網站的內容越不受歡迎，網友點進來後找不到自己想要的就馬上離開了，想要降低退回率，最重要的就是改善下列五個項目就會有著顯著的改善。 A.網站呈現效能差 『轉換率』提的是網站經營者設定一個自己在網站中想要網友完成的目標，打個比方來說，假設網站經營者將轉換率的目標定為會員加入，接著就開始統計每個造訪網站的訪客中有多少人完成網站經營者所下的目標，假設100個訪客中有20個訪客成為網站的會員，因此該網站的轉換率就有2成。網站經營者可以針對自己想要設定的目標去設定多種不同的轉換率出來，轉換率則是越高越好，越高的時候代表網站設計出來的使用動線流程很清楚的可以導引網友前往網站經營者所設定的目標，相對的越低的話則代表訪客造訪網站時並不清楚自己接下來該做什麼，無法經由順利的導引完成網站經營者所下的目標。 『停留時間』簡而言之就是黏度，訪客到訪網站時停留時間越長則代表訪客會花越多的時間去了解網站所提供的內容或服務，當然由另外一個角度來看的話，他們所需要使用的時間越長也有可能是代表網站提供的功能或是介面難以使用，因此才會耗費較多的時間，但這種機率相對的不高，通常會讓網友停留較長的時間都是在於閱讀網站提供的內容居多。 『覆蓋率』一個對於搜尋引擎越友善的網站，其覆蓋率也就越高。覆蓋率指的是網站被搜尋引擎找到的比例有多少，比例越高代表搜尋引擎收錄該網站的資料量就越大，越大也表示著網站所提供這些內容的方式越友善。 3. 資料庫 資料庫存在的意義不僅只是累積紀錄資料而已，網路本身就是由複雜且又超快速流通資料的一種龐大交換架構，網站則身處在如此龐大架構中的一環，由數多資訊所推疊出來。資料庫能夠有效的管理網站中的各項資料，從紀錄延伸至分析，透過完整強大的管理功能達到網站經營者欲操作使用網站中各項所獲得的資料。 |
|||
|
4. 硬體架構 很多人以為硬體只要在網站掛上去後就不需要煩惱，但真正要用心經營網站的話，硬體架構是一個不能忽略的重要項目，技術好的人可以用一台P2-266的電腦去做大量運算，技術差的人買一台20萬以上工作站級電腦卻只是掛一個技術普通效運算能差的網站，兩者之間牽動到的成本差異非常的恐怖。 5. 系統表現 系統效能表現好的網站會讓訪客使用起來感覺順手舒服，降低訪客對於網站的抗拒感，很多網站使用了複雜的技術在載入的時候常常要等候許久，這對於那些沒什麼時間等候的訪客來說可是致命傷，網路中充滿著各式各樣的資料，網友想找資料只要彈指之間就可以完成，就是因為一個這麼簡單的動作，很多網站忽略了這一點，他們以為複雜的技術可以展現自己本身的優勢，卻不知道為什麼自己網站的退回率總是那麼高，其實在怎麼樣先進的技術最終都是用來簡化、人性化、效益化網站本身，因此網站經營者絕對不能忽略網站本身技術所帶來的風險。 6. 網站內容 內容是需要『常態』、『持續性』的更新，一個時常在更新的網站能夠引誘訪客不斷的上門拜訪，一個不常在更新的網站則會變成訪客久久才會重複拜訪，想當然的，重複拜訪的次數降低，網站的訪次就低，每次前來拜訪網站的訪客看到都是同樣的內容，關掉的機率就高，退回率也會提升。內容影響著網站的所有指標，網站經營者必須認真妥善的經營網站內容，網站的成長才回朝向正面的發展。 7. 頻寬 不少的網站經營者總是認為頻寬沒有用到不需要買特別多，在沒有使用到的時候是真的不需要耗費多餘的成本在頻寬上面，可是當頻寬衝爆的時候，可能就損失了那一夕爆紅的機會，當然以上的說法是有點誇張，但沒有人能夠保證不會有這一天的到來，因此要有效的控制頻寬除了加大頻寬流量之外，也是可以從網站本身的資料量下手。 8. 關鍵字或稱SEO 『關鍵字』是訪客搜尋到網站的一個重要管道，網站要被找到除了網站經營者主動的向外宣傳之外，被動的方式就是透過『關鍵字』，訪客會依照他們的需求在不同的搜尋引擎下『關鍵字』找他們想的資料或網站，如何讓網站可以被『關鍵字』準確的搜尋到就變成很重要了，找的到網站經營才有其價值。 9. 資料分析 資訊可以用來操作的可多了，從內容分析來看能將網站過去所發的內容做個總整理，比對上這些內容有多少訪客看過，甚至是對這些內容發表評論，可以得出哪些內容受到訪客的親睞，在網站的所有內容類別中又可區隔出各不同內容區塊所佔的比重，針對這些比重分析出哪種類別的內容較具有影響力。 10. 會員 經營會員就像是經營一種關係，網站與訪客之間的關係經由會員的橋樑變得更緊密，會員本身就是訪客的一種，但是卻因為某種目的而甘願的成為網站的會員，網站經營者透過網站累積會員能夠強化網站跟訪客之間的關係。 十項簡單的經營指標，卻可讓網站經營策略更加聚焦。 本社群預計在下次聚會時後，討論關於 ，也計畫參與學生課堂學習，並給學生實質上的幫助。 |
|||
