客戶問答

多層面的問答詳解,讓您能更深入瞭解電子商務的領域需知

Q-1:什麼叫做RWD網頁(響應式網頁)?

早期的網頁設計預設對象大多以桌上型電腦或筆記型電腦的瀏覽者為主,所以在製作網頁時會以 此規格為預計頁面的大小,然而隨著智慧型手機及平板電腦的普及,傳統的網頁設計方式已無法 滿足所有的瀏覽裝置,使用畫面較小的平板或智慧型手機來瀏覽傳統設計的網頁時,將會因為頁 面寬度過寬而導致瀏覽者在瀏覽頁面時的不便,因此為了解決手機瀏覽介面的方便性,一般在進 行網站製作時通常會再另外製作「手機版」的網站,以滿足這些族群的需求,然而手機版網站雖 然可以解決大多數手機瀏覽網頁者的不便,但對於花錢進行網站建置的企業來說,將額外增加一 個網站建置的成本。正因此原因才有了RWD網頁設計語言程式的誕生,目前通稱為「響應式網頁 設計」(Responsive Web Design),簡單來說就是網頁會自已随著瀏覽者的瀏覽裝置解析度大小,自 動變化網頁的寬度及頁面配置,讓瀏覽者能以最適合閱讀的方式呈現。由於智慧手機已日漸取代 電腦成為上網的主要工具,因此網站採用RWD網頁設計的介面已成為新一代的網頁設計趨勢。

Q-2:初期的傳統網頁與現今新網頁的比較?

早期傳統的網頁設計方式在手機或行機裝置上瀏覽經常出現以下問題:
  • (一)網站在小尺寸裝置上較不易被瀏覽,文字圖片常過小,網頁的版面容易破版。
  • (二)各種載具的螢幕尺寸大小不一,版面設計及解析度無法全面俱到。
  • (三)如要改進瀏覽介面,同一網站需製作電腦及手機等二種以上的版本,成本太高。

Q-3:RWD網站與手機版網站是一樣?

「RWD網站」與「手機版網站」兩者是不一樣的。以上兩種版本的網站都是為了解決因為較小解 析度的瀏覽裝置(例如手機、平板電腦等)在瀏覽網頁時的不便而衍生出的網站設計方案。RWD響 應式網頁設計(Responsive Web Design)主要是讓網頁可以自動随著不同的解析度而自動調整網頁 的大小及配置方式,以方便瀏覽者閱讀網頁,瀏覽者無論是用較大的螢幕(如桌機)或較小的行動 裝置(如手機或平板)都可以輕易的瀏覽RWD格式的網頁。然而「手機版」的網站,顧名思義就是 只適合以手機這種較小解析度的瀏覽裝置來閱讀了。

Q-4:RWD網站的缺優點有那些?

* 優點

● 適用所有螢幕尺寸的裝置:
面對不同螢幕尺寸能自動調整網頁版面寬度、圖片大小、操作介面...等,電腦、平版、手機、... 都能順利瀏覽,且不用為某個裝置另外製作網站,僅用一個網站、一個網址就能解決螢幕尺寸問 題,就算未來有更大或更小螢幕尺寸的的裝置,也不用擔心無法順利瀏覽網頁的問題。
● 降低網站開發成本:
以往傳統網站開發為了給使用者最佳的瀏覽環境,部分廠商會開發電腦版及手機版網站,但這在 製作上等於一個網站要做二次;而 RWD 只需製作一個網站即可,有效的降低網站的開發成本。
● 有利於搜尋最佳化(SEO)經營:
一個網站使用同一個網址,不會因為電腦版、手機版多個網址的因素而產生可能會分散 SEO 的成 效。
● 網站維護省時省錢:
在沒有後台管理系統前題下,靜態網頁頁面的更新維護需要電腦版及手機版分別處理,不僅費時 且容易出錯,RWD 則只需更新一次即完成。

* 缺點

● 手機尺寸不適合複雜的功能或介面:
這是所有小尺寸螢幕共同的缺點,礙於螢幕空間有限、行動裝置只有觸碰功能,因此較不適將 RWD 拿來開發某些較複雜功能及需表示多重表單的網頁。
● 網站載入時間較長:
比較起純手機版網站,因 RWD 載入的內容是完整電腦版的網站,在手機瀏覽時是將多餘的內容 資訊給隱藏起來,因此網站載入所花費時間較為長,手機使用者感覺更是明顯;但這問題在開發 人員努力優化下,及行動裝置、網站速度進步下,相信這問題已慢慢被解決。
● 開發工時較久:
RWD 網站在開發上因需對多種尺寸裝置進行調校測試,因此所花費的製作時間比起傳統網站來得 長。

Q-5:製作網站可能需要提供之圖片有那些選項呢?

主要是產品圖片、使用範例圖片、公司環境內外觀照片、工廠設備照片、產線生產照片、品管設 備照片、專利認證文件,次要部分為展示會現場圖片、產品尺寸線條圖、產品剖面圖…等等,圖 片的準備一切依自己想要的網站內容去選擇。

Q-6:網頁製作最基本的圖片提供方式若何?

建置網站需要的圖片資料,主要是以商品照片最為重要,優質的商品照片,除可增加網站豐富度 及美感外,更能增加消費者採購的意願,所以慎選使用的照片至為重要。
網頁製作最基本的圖片,其提供方式如下:
  • (一)圖片來源參考:
  • *數位相機圖片檔( .jpg檔1200x1000以上)。
  • *平面照片掃描及目錄圖檔200 dpi 以上。*提供樣品拍照,但費用另計。
  • (二)圖片存檔格式:請存檔.tif、.jpg、.gif、.psd、.ai、.eps等格式。
  • (三)檔案傳送方式:請用 E-mail、ftp、雲端傳送或存光碟郵寄等方式。

Q-7:提供之圖片可代處理去除背景或合成修圖的處理?

可以的,但需酌收工本費,視數量及難度來報價

Q-8:圖檔的最佳解析度為何?

請提供200dpi解析度以上的圖檔最利於網站相片之清晰,但如需特殊放大處理之情況,則需提供 較高的解析度

Q-9:如有影片可以放入網頁內容?

可以的,但由於將影片直接放入網頁中會因網頁檔案容量較大,會影響瀏覽者存取及瀏覽網站的 速度,因此建議直接將影片連結至YouTube觀看。

Q-10:網站上使用的圖片、標誌及影音檔案等在智慧財產權下的使用規範為何?

  • (一)網站上所使用的圖片、標誌及有聲資料等,依照智慧財產權法則皆受版權的保障,設計網頁 的內容如欲使用別人的資料或圖片,均都應事先取得相關的版權才得以應用該圖文資料。因此網 頁設計公司基於網站建置設計及美化的需要,引用的素材一定都是已取得版權的圖庫資料,其他 相關的公司圖文資料都是經網站製作委託者授權。
  • (二)一旦網站建置完成後對外公開行使商業行為,網站所有權者便應負起所有網站資料對外的版 權聲明與歸屬責任,並留意其所提供之相關圖文資料,均無侵犯他人著作權。
  • (三)因此您在設計網站時,務必先確認該網站中的文字、圖片及影音檔,是否有侵權的問題,以 免造成未來不必要的糾紛。如欲知詳情,請上經濟部智慧財局官網了解
    (https://www.tipo.gov.tw/tw/cp-180-219598-41b7d-1.html)