CADCH網頁設計問題與解答

CADCH網頁設計問題與解答

Question & Answer

網頁設計問題總匯前言

一般企業會把公司網站委託專門網路公司製作與維護,而網路公司又分很多種,如程式設計公司、網頁設計公司、虛擬主機公司、網路廣告公司、網路線路裝設公司、網路服務提供公司、網路形態商品販售公司..等。最多的應該屬網頁設計公司,由於網頁設計這門課,有些國高中就有教授,學習的人數不少,提昇了網頁設計技術的普及率,也造就網頁設計作品參差不齊的素質!對網頁設計可能有初步瞭解的您在面對數量多如過江之鯽的網頁設計公司,相信不免一定也很徬徨,以下的問題與解答我希望用客觀的角度來撰述,也期待您可以將之列入心中參考的意見之一。

網頁設計有那些技術

網路數據的呈現技術每隔數月就有舊的技術發表新功能或新的技術產生,分類方式也多不勝談cadch.com版權所有,在此將一般企業客戶在發案時需要瞭解的項目列舉:偏向伺服端(網站存放的主機)運算的有PHP程式、ASP程式、ASPX程式、CFM程式、JSP程式、CGI程式..等。偏向用戶端(網友這邊)運算的有Java Script程式、Applet Script程式、htm、html、flash..等。
本文由Mason撰寫。

公司網頁設計前應該要準備的資料

本文由Mason撰寫。

網頁設計的價格如何產生

大家對網頁設計的報價如何產生的應該很迷惑,有些人常問我為什麼做網頁一頁要兩千元,別人一頁才五百!其實不管兩千元一頁或五百元一頁,這些都是將工時跟技術量化所產生出來的,一分錢一分貨這個道理在網頁設計界不算絕對cadch.com版權所有,所以瞭解網頁設計的成本,將提昇企業建置網站的單位效益。
本文由Mason撰寫。

網站建構的成本

A.網路空間
網路空間是指網頁檔案所存放的地方,有自架伺服器、有與多人共用伺服器的虛擬主機、或附屬在子路徑中的空間(很多免費空間屬於這種)、特殊的動態空間(利用檔案分享原理應用在DNS上)。
自架主機所要負擔的成本有硬體費用、軟體費用與運作所花的電費及維護人力;這部份費用依使用的軟硬體不同應該落在18000元以上至無上限,常態的參考如下:
一般有網卡的單CPU主機....8900~14000元
基礎防DOS攻擊之防火牆....0~30000元
主機所使用之軟體....0~260000元
(上面0元指的是使用LINUX軟體,並非指使用盜版軟體)
除了自行架設主機外,最多人選擇租用虛擬主機,租用虛擬主機依流量與空間及規格不同,有著不同的訂價,國內與國外的訂價也有明顯的差距,相信業主對於琳瑯滿目的虛擬主機規格與報價一定相當迷惑,而這亦是筆者覺得架站中最重要的一環,以下由硬體設備與網路線路與電路來說明:
虛擬主機硬體可能是由許多網站共用一架或多架構成之陣列,越多網站用戶可能影響主機運作的機會就越大,一些網站使用的程式是需要使用到中央處理器與記憶體,這方面控管不嚴謹的虛擬主機很有可能使客戶無法得到應有的資源。
另外有些網站的首頁附屬在其他網站的子路徑中,例如Hinet的免費空間、104NET的備份空間..等,這類型的網站大多也是屬於由許多用戶共用一台主機資源。
現在雲端技術的出現,有許多主機商採用數架主機構成之陣列,各主機間的運算會互相支援,幾乎是一種完全的雲端網站主機服務。
本文由Mason撰寫。

何謂[靜態網站]與[動態網站]呢?

很多人剛看字面上的意思,常會以為是網頁所設計的內容是否以動畫來呈現而作的分別。實際上確不是如此喔!而是以網頁是否有後台管理的方式來界定的。
  • 靜態網站︰
    是指網頁所設計的內容文字及圖片,皆不設有後台管理系統的方式;也就是說,日後需要修改或更新,皆需委由網頁設計的專業人員或網頁設計公司來作才行,因為網頁通常是用html的格式所撰寫的,每一個空格或每一個字在不同的位置上,其顯現的結果也都會不一樣的。
    如果是短期的宣傳效果或是預算上的考量都還是一個不錯的方式,但若是長期看久了這樣一成不變的網頁模式,要再次造訪的機率恐會降低許多。
  • 動態網站︰
    是指網頁所設計的內容文字、圖片或是其他的一些系統(如:新聞訊息發佈、產品展示系統、照片圖庫及報名系統…等)全部或某些設有後台管理系統,讓日後的使用者可隨時自行修改、更新或新增,所設計的網站;通常這些系統是網頁設計公司所開發的程式來建立,使用者在輸入帳號及密碼登入之後,即會進入簡易式的表格系統,填入所需的內容、圖片、照片或附件後即可。
    這樣網站的效果,會讓人感覺到此公司的商業動力(不斷創新的技術發佈及產品訊息)和增加客人造訪的機率,當然在費用上也會較高一些。
本文由Roxy撰寫。

如果公司現在已經有網站了,還需要再重新製作嗎?

如果您或公司現在已經有網站了,基本上是不需要重新製作的,只要定期去更新資料即可,但有以下二種情形時,我們會建議您考慮重新規劃及製作:
  • 您的網站可能是幾年前製作的,網站版面可能較為精簡或粗糙,我們甚至看過有些網頁連文字或產品照片都模模糊糊的(放大比例看反而更模糊),試想如果您是客戶,看到這樣的內容,感想會是什麼? 在網路發達及行銷競爭如此激烈的現代,是否考慮要重新製作版面呢? 其實就像實體店面一樣,若您的店面已十分老舊或是一直都一成不變,是不是該做一些適度的裝潢或翻修,讓消費者有耳目一新的感覺,同時也能讓公司企業的形象及競爭力更為提昇喔!
  • 幾年前製作的網站,功能性或架構已不符目前需求,像是產品類別的不斷增加與更新,商業時勢的變化與需結合的新觀念、新思為,還有在同業間的新作法和行銷上的新策略…等等;構思一個高水準、高效率的網站,對於企業一定是會有所助益的。網頁設計不僅只是行銷上的一種手法,同時還會提昇公司的商業層次和行銷效率。
相信睿智的您已經作了決定!
本文由Roxy撰寫。

程式設計需要怎樣的規格文件?程式設計收費介紹。

程式設計需要SPEC文件方可報價,這方面文件是針對需求所羅列的敘述,跟法律條文一樣,不能有相牴觸的敘述,我們稱這樣的文件為SPEC Documents。
撰寫SPEC需要邏輯觀念正確且非常瞭解實際需求與應用的中心人員,集思廣益可能較不會出錯,但是中心人員需要強而有力的主導,否則會淪為無止盡的討論。
我們協助過上櫃上市的電信公司撰寫規格文件,也協助過財團法人撰寫SPEC,深知規格的規劃重要性,絕非口述就可以撰寫程式系統。
規格文件需要有:
  1. 目的與計劃
  2. 架構圖、流程圖
  3. 畫面呈現示意圖
  4. 平台與核心設計要求
  5. 動作流程的文字敘述
  6. 維運計劃
若是您不需要客製化程式,可以選擇本公司模組化,並採「大量客製化」模式的系統。

本公司「大量客製化」報價如下:

項目 單位 說明 價格
新聞訊息 1套 可以有後台自行發表新聞 6000元
商品展示模組 1套 可以有後台自行管理商品 20000元
聯絡我們 1式 聯絡表單程式 4000元
相本模組 1套 可以有後台自行管理"相本" 20000元
預約表單模組 1式 預約型式表單程式,適用報名與預約功能 6000元
網站IP計數器 1套 可以真實計錄IP 4000元
會員系統 1套 二級權限控制 20000元
本文由Mason撰寫。

網路開店收費介紹

先確認申請商家資格,由於稅法相關問題,設立網站前我們都需要確認營業登記證。再來是判斷商品的屬性,不同商品所產生的畫面都有所不同,舉例家庭五金,由於毛利過低,不適合採用折扣顯示方案cadch版權所有,瞭解客戶群眾的操作習性,將提昇企業建置網路商店的單位效益。

本公司報價如下:

項目 單位 說明 價格
商品展示型 1式 以展示商品為主,網友透過統一表單聯繫。 20000元
線上下單型 1式 網友每件商品可獨立分次下單。 30000元
購物商城型 1式 透過購物車統計完成一次下單。 40000元
自動化型 1式 網友直接透過網路代收公司線上金流結帳。 50000元
線上刷卡型 1式 協助店家與銀行申請線上刷卡金流功能。 70000元
企業客制化型 1式 完全依照企業營運需求設計。 電話報價
本文由Mason撰寫。

挑選優質的網頁設計公司

想找一家優質的網頁設計公司,除了基本的設計品質、配合度及製作費用...等考量外,我們建議還需注意以下事項,以免未來雙方會有所爭議和產生一些不必要的損失:
  • 首先要了解自己要的網站是屬於那一種類型?
    客製化量身製作方式:較能表現出企業特色和符合實際多功能的需求,商業行銷性強且較具競爭性,而網站製作時間會比較長,收費則會依需求而有所不同。
    套版製作方式:即是以網頁設計公司即有的版型,加以修改及變化,其製作時間較短,收費是依各公司所議定的固定價格。
    租用式網站:租用某些商業網業,用固定的版型來鋪陳的簡易型網站;製作的時間很快,收費是依各商業網業所議定的固定價格。
    建議您製作網站之前要先了解,您的需求和目的會較同於那一種類型;若您仍不確定那一類型的網站較為合適,可請網頁設計公司為您作一分析及建議。

  • 是否觀看過此網頁設計公司的作品及設計水準呢?
    目前網頁設計的水平不一,像是個人兼差、個人工作室還有只接案卻再轉發給別人製作的公司,提醒您千萬不要花大錢卻又達不到您所要的效果,建議先從網頁設計公司製作好的網站成品,作其設計水平及功能上的評估,並找有信譽的公司承接,以保障您的權益。
  • 網站製作是否有依照「SEO搜尋引擎最佳化」為標準執行製作?
    SEO網站優化是取得在搜尋引擎上的良好排名方式之一,即在於網站製作的過程中,依照網站優化的標準規範進行製作;未來如果要請網頁設計公司或行銷公司進行SEO爭取搜尋的排名時,就不需重新製作網站,以節省企業的成本。

  • 網站完成結案後,是否有提供「可編修」的原始檔?
    一般的網頁設計公司於網站正式上線後,為了避免讓客戶或其它網頁設計公司修改其網站內容,因此於網站結案後,僅提供給客戶「不可編修」或「編譯後」的網站原始檔;就像是合成過的圖片僅提供GIF或JPG格式的圖片、Flash動畫僅提供無法編修的SWF格式檔、程式系統僅提供編譯後無法修改的原始檔…等。
    客戶取得上述無法編修的原始檔,若日後要自行修改或其它網頁設計公司修改網站內容時,將會造成無法修改,而必需重新或局部設計製作該元件的狀況。因此在找網頁設計公司前,必需先詢問相關事宜,以免造成未來的損失。

  • 網站結案上線後,是否提供完整的後續服務及技術支援?
    一般網頁設計公司在結案後,客戶若提出修改要求,通常網頁設計公司會依照修改內容而斟酌收取一些費用,但有些優質的網頁設計公司,則在您修改內容幅度不大時,可當作是免費保固及服務的一部份,因此這些細節都必需先詢問清楚。此外也需注意設計公司是否能提供良好的技術支援或詢問管道,網頁的專業技術也是否有不斷的提升。
本文由Roxy撰寫。

[形象型網站]和[功能性網站]有何不同呢?

形象型網站功能性網站在於網頁設計上的定義,即是前者著重是在於企業形象的展現,後者則以功能為優先的網站型式…如果預算充足,當然也可以規劃成兩者兼俱的優質網站。
以下就這兩者內容與特性,作一概略的說明:
  • 形象型網站
    是一般大型或知名企業所作的型式,網站的設計會著重於朔造企業形象,在版型上多會以全動畫的方式架構來作展現;網頁以精彩炫麗的色彩與生動活耀的動畫來製作於首頁與內頁,每一架構選項也會以動畫的方式來設計;而其它像是照片或圖片的展示也是會有一些特效的呈現,主要都是要讓瀏覽者感覺到企業的用心與專業。但是這樣的版型在程式互動功能以及關鍵字的搜尋上會較差一些。另在價格上,會因設計的煩瑣與完工時間較長,費用也會比較高。
    參考網站: 禹樂空間整合有限公司、丞磐鋼琴、再興高爾夫球場、成均五金有限公司、中華國際育成企業發展協會…等。
  • 功能性網站
    常用於公營單位、中小行企業及需要網站有多項功能可使用的企業;此類型的網站提供了完整強大的網站程式與後台管理系統,網站日後的維護均可由客戶自行新增或修改,像是會員管理、最新消息、產品展示、線上購物、留言板...等多功能的需求。另在程式互動功能以及關鍵字的搜尋上也會比較好。價格上,則會因所須系統的多寡而決定費用的高低。
    參考網站:財團法人台灣建築中心、台灣質譜學會、桃園廣豐國際企業有限公司、恒裕科技股份有限公司、里勝企業有限公司、桃園精緻餐飲廠…等。
本文由Roxy撰寫。

如何正確設定DNS

網域名稱(Domain Name)在網際網路上的使用可是非常重要的一環,但其實網路上所有資訊的交換與連結都是透過 IP 位置來連接主機。每台電腦主機在連上網路後,都會取得一個唯一的IP位置,這個IP位置就是代表這台主機的”地址”,在IPv4的表示法我們常會見到四個 0 ~ 255 的數字,用 “.” 隔開,譬如 211.72.210.250,但這樣非常的不容易記,當主機的數量增加時,更會造成使用者的混淆,所以透過容易使用與記憶的 ”文字” 來與 IP 位置做一對應,這個稱為Domain Name,而提供這個對應服務的機器,就稱為 DNS 主機。

在現代,許多熱血創業青年透過網路可以輕鬆開店,不需像以往在路上奔波來回找客戶、人脈,現在只需開通你的網路首頁,客戶與收入都會節節升高。透過網路方式創業的人,有一個好得網域名稱是非常重要的,許多購買網域的使用者往往碰到的第一個問題就是不知道怎麼正確設定網域名稱,讓許多客戶莫名的流失掉,這是非常可惜的地方。

目前購買網域名稱可透過 TWNIC所授權的各家註冊商,註冊後便會開啟一個登記DNS伺服器的頁面,一般來說都會類似於下面畫面:

DNS模式 / DNS代管
主機 IP

(一)

(二)

(三)

(四)

這個畫面要怎麼填,其實困擾者很多人,多數人在不瞭解的情況下,就把自己所有的網域名稱都填了上去,並且用ping的方式去做測試,當看到 IP 出現,就以為設定是正確的,但其實並不是,雖然這個畫面不需要填入太多資訊,但是卻對整個DNS的運作有很大的關係,我們直接以企業規模大小來教學,希望這樣的區分能有效幫助大家。

1. 小型企業多半會自行購買網域(範例:twnic.net.tw),並將網頁的部份外包給專業廠商執行,而網頁空間也會一併放在網頁商所提供之主機,假設網頁商主機之IP為211.72.210.250,則此時設定方法如下:

DNS模式 / DNS代管
主機 IP

(一)

www.twnic.net.tw

211.72.210.250

(二)

twnic.net.tw

211.72.210.250

(三)

(四)

在使用DNS代管的情況下,您不需要架設DNS伺服器,而是由您所購買的註冊商來代為管理您的網域名稱,在您設定如上表格後,不論客戶是連接有無 www 的網址,都可以順利解析到您的廠商網頁伺服器IP,是不是很方便又快速呢?

2. 中型企業是小企業茁壯之後會陸續擴大之後的規模,通常第一個遇到的就是員工數量增加、免費的電子信箱造成管理的困擾、希望能擁有自己網域名稱的 email 位置等,這些都是企業形象與可靠度的表現。這時您必須考慮是否要架設 DNS伺服器與Mail伺服器。若只架設Mail伺服器(假設IP為211.72.210.99 ),則您必須確認你的註冊商有支援 ”MX” 服務,則您就可以使用設定如下(型態設定屬於進階設定畫面):

DNS模式 / DNS代管

主機 型態(Type) IP

(一)

www.twnic.net.tw

IPv4

211.72.210.250

(二)

twnic.net.tw

IPv4

211.72.210.250

(三)

twnic.net.tw

MX

mail.twnic.net.tw

(四)

mail.twnic.net.tw

IPv4

211.72.210.99

此時您就可以將Mail伺服設定好準備收信了!若是您的註冊商沒有提供MX服務呢?喔!這就比較麻煩了,這時您就必須考慮自行架設DNS伺服器了,自行架設DNS伺服器可參考大型企業範例。

3. 大型企業對於網域的需求是非常高的,並且常常需要有彈性的調整,看似簡單的一個www.(網域) 的網址,在DNS的技術面就可達到平衡覆載,動態更新等功能。大型企業在技術方面對於DNS的架設與維護都會有優良的技術人員,在各註冊商設定只需要設定DNS主機的位置即可,根據RFC的建議DNS伺服器最好有兩台以上,並且在不同網段,以免某台機器或網路損壞時還可以擁有備援機制,此處企業已自行架設DNS主機,分別為 dns1.yourDNS.com.tw IP:211.72.210.100與 dns2.yourDNS.com.tw IP:220.229.225.196,則設定如下:

DNS模式 / DNS代管
主機 IP

(一)

dns1.yourDNS.com.tw

211.72.210.100

(二)

dns2.yourDNS.com.tw

220.229.225.196

(三)

(四)

這樣設定就會將所有 twnic.net.tw 的查詢授權到權威主機dns1與dns2,只要在這兩個DNS主機都設定與上層相同的NS紀錄,這樣才會到到上下層一致,其他網域,例如www.twnic.net.tw與MX等的設定都放在此兩台主機即可,不需要在放註冊商的設定網頁。

常見的錯誤設定

錯誤範例1,由外包廠商製作網頁,並未自行架設 DNS 伺服器,卻使用如下設定:

DNS模式 / DNS代管
主機 IP

(一)

www.twnic.net.tw

211.72.210.250

(二)

twnic.net.tw

211.72.210.250

(三)

(四)

錯誤原因:一般客戶會誤認DNS模式是由註冊商幫您架設DNS主機,此設定方式其實是將twnic.net.tw這個網域的所有查詢重導到211.72.210.250 這台主機器,而若這台主機沒有架設DNS伺服器的話,就會造成查詢不正確。

錯誤範例2,自行架設DNS主機,卻使用如下設定:

DNS模式 / DNS代管
主機 IP

(一)

www.twnic.net.tw

211.72.210.250

(二)

twnic.net.tw

211.72.210.250

(三)

dns1.yourDNS.com.tw

211.72.210.100

(四)

dns2.yourDNS.com.tw

220.229.225.196

錯誤原因:若您選擇了DNS代管,則網域的管理權會歸屬於您的註冊商,也就是說由註冊商幫您回覆所有DNS的查詢,此時第 (三)、(四) 的設定是無效的。

錯誤範例3,設定了非權威主機位置:

DNS模式 / DNS代管
主機 IP

(一)

dns1.yourDNS.com.tw

211.72.210.100

(二)

dns2.yourDNS.com.tw

220.229.225.196

(三)

dns.hinet.tw

168.95.1.1

(四)

錯誤原因:許多使用者會希望自己的網域名稱能夠快速解析,於是將目前台灣最大的DNS Cache放入上述列表中,誤以為此舉會透過 168.95.1.1 快速解析,其實這種設定方式是錯誤的,168.95.1.1並沒有授權管理您的網域,此舉會造成DNS解析不穩定(有時正確、有時失敗)的狀況發生。

DNS為所有服務之根本,雖然這是一個很小的服務,但此設定若不正確,所影響的層面絕對是非常大的,有關於DNS的詳細設定與使用方法,可以參見TWNIC的教學網頁,位置在:http://dns-learning.twnic.net.tw/,謝謝。

本文引自TWNIC

文網股份有限公司針對簽約客戶修改次數的服務內容說明:

  1. 簽約後提案次數二次為限,每次提案修改上限為一次。
  2. 靜態網頁內容由廠商提供製作內容,修改上限為一次。
  3. 客制化系統程式依廠商提出的SPEC製作,與SPEC不符的需求另行報價。

本文由Mason撰寫。