網頁設計全攻略：從製作到維護你該注意什麼？

為了提升企業形象、公布資訊，不管是傳統產業或者是資訊科技產業都會製作網站，在一般的形象網站中，基本上都可以看到一些公司介紹、願景、沿革，產品介紹，服務內容等，適合大多數的企業使用。

購物當然就是要直接在網頁上營利賺錢的，商品或服務直接在網頁上刊登並且透過金流販售，購物網站還有許多可以延伸的，比如說分級會員、商品加購、購物車免運、折扣碼優惠等等，只要你想的到有規則，那就一起來實現吧！

很多公家機關想做網站，網站的內容資料跟窗口洽談時事最重要的，需要如何驗證才能結案，還有主機通常會有安全性的考量，無論是外面的行銷公司想配合製作，或者政府窗口想找外包，這些在製作前都可以跟自己的資訊部門研究一下喔！

活動網站花樣就非常多了，抽獎、徵稿、投票、公告，每一個活動的時間長短也都不一定，製作活動網站之前要先確定自己的活動性質及活動流程喔！

很多網頁的產生不一定是給一般的使用者觀看的，自己公司內部為了作業上的方便，很多人會自己架設網站方便自己的員工或是客戶在體驗上更好。

製做網站是自己突發奇想，有趣的、詼諧的、專業的、複雜的，只要你有想法，都可以溝通客製化網站，網頁不一定只有商業、營利，還有更多其他想像的空間，可以找到靈感後再付諸實現喔！。

( 延伸閱讀：如何準備網頁設計資料七大步驟 )

已經有社群媒體不一定要有官網，但你有了官網一定會很不一樣

網站是有疊加的效果的，可以先想像一下自己是客戶，如果只有自媒體沒有官網，以及另一家有除了社群媒體也有再經營官網的公司，相較之下你會有什麼感覺?

社群媒體事串聯你的用戶來做互動及交流的，那官網就是在建立商業形象的主軸，甚至對於有國外客戶的人來說，官方網站是找尋這家公司的重要指標，外國人不理解中文的情況下，在網際網路搜尋的到你的商家相對的安心很多喔！

RWD很常看到，卻很陌生的名詞

RWD 稱響應式網頁，如何響應，內容是你的網頁不變，隨著你的裝置來適應這個網頁

比如說現在流行的粉餅機，還可以折疊，小小的螢幕但我看到的內容跟 4K 的頁面內容是沒有差別的，再適應任何裝置大小的情況下，可以讓使用者舒適的觀看網頁，這就是響應式網頁設計的厲害之處！

你想做什麼樣的網站?

一般網站? 購物網站? 還是其他的呢?

你想怎麼樣做網站?

請網頁公司客製? 選擇套版? 還是使用第三方平台? 或者是自己用 Wordpress 架構呢?

我跟客戶的行為模式要怎麼移到網站上，並且讓雙方更方便呢?

跟客戶的報價資料移到網站上? 建立會員系統? 網站上直接串金流?

網站裡面的內容要怎麼準備?

商品或形象照片是否要請攝影師拍攝? 是否要沿用過往素材? 或是參考素材圖庫放置美觀的替代圖片即可?

最快的捷徑，直接告訴規劃師你的想法，讓規劃師幫你煩惱這些事

金流有三種方式

人工記帳可以在透過下訂單後，顯示銀行帳戶給客人，匯款後對照末五碼，讓會員直接訂購，再線下一一對帳，這樣的方式雖然節省費用但會失去製作網站的意義，就是要讓客戶在最短的步驟內完成訂單，並且付款，所以此方式大多用於貨到付款的店家，甚至越來越少公司使用這種付款方式了

第三方金流非常安全，台灣比較知名的有綠界、藍新功能都非常齊全，市占率跟穩定性也很高，是蠻多人的選擇，可以參考官網的功能，線上刷卡、超商取貨付款、Apple Pay、Line Pay

最開掛的方式就是直接從銀行端串接了，從銀行這邊申請想在網路上收款的 API，每一家銀行提供的 API 及門檻都不同，這就要看銀行與商家協議的內容囉！

維護網站有三大要點

網站如果沒有再更新除了讓使用者看了覺得荒廢，Google 也會知道你沒有再更新網頁，相對在提供使用者搜尋的時候會把有再更新的網站往前排名唷！

圖片不要雜亂，產品可以拍一系列的照片，最新消息的部分，可以從免費圖庫尋找一些意境照片，大部分人都是先被圖片吸引，才會細看文字，所以先把網站用得乾乾淨淨、漂漂亮亮吧！ Pay、Line Pay

站非常忌諱複製抄襲，原創的文章有你的想法、你的思考、你的經驗分享，除了真誠的文字能讓使用者感受到溫度之外，google 在爬文的時候一看就知道你是複製的文章，相對網站分數會比較不理想喔~ 及門檻都不同，這就要看銀行與商家協議的內容囉！

保持這三個要點，維護網站的主要指標可以很簡單

網頁、主機、網址，這三個是密不可分的三劍客，可以把這三者想像一個家的構成，我喜歡這樣比喻，主機如同房子，網站內容就像家裡的內裝家具，網址就像門牌號碼。

我們需要有主機，來存放網站的圖片、文字、會員資訊等，就像家的這四面；

網頁就像是家的內裝，每個人家裡的裝潢風格都不一樣，就算是三房兩廳，有日式禪風也會有現代簡約風；

除了”家” 跟 “家具”，最後構成的要素是你家在哪裡? 所以網址就像是門牌號碼，來訪的客人需要遵循你的門牌號碼才有辦法找到你喔！

有些情況是網址已經註冊了，但是是前一個網頁設計公司，或者是離職員工建立的，想要拿回來自己管理怎麼辦?

不要擔心網址無法轉移，只要登記一些小手續，把網址移轉到自己登記的名下很快速唷！

避免這樣的情況，尤其是公司行號，在申請網址的時候記得可以用公司的服務信箱申請就登記在公司名下喔~

在瀏覽器的左上方一直看到紅紅的”不安全” 看得是不是心驚驚！不管是不是自己的網站，很怕個資是不是會被盜用，為什麼網站會顯示不安全呢?

網站在通訊協定的時候會有憑證協定，透過 SSL 發放安全憑證可以確保你的網站資訊傳輸是安全的，在網站下訂單，會員登入或者是留下任何資訊的時候，你可以使用的安心，使用者也會信賴這個網頁！記得網站要安裝安全憑證喔！

網站的前台，就是使用者看到的介面

網站的後台，就是你在編輯網站資料呈現及紀錄資料的地方

前台可以看到商品內容、圖片、最新資訊以及影片等等，都是從後台上架的，後台可以新增、編輯、刪除項目資訊，包含接收訂單、留言以及會員資訊等等，都可以從後台維護，有便利的後台就可以隨時處理商品服務資訊，也可以立刻確認訂單資料，及時處理也不需要透過網頁公司，非常直覺方便喔