CTK pro

關於 CTK PRO:於2011年夏天展開了偉大的航程,初期以開發手機APP為主,2013年開始跨入Web開發,2015年開始用UCD(User-Centered Design)方法協助客戶釐清需求, 2016年大量採用AWS架構, 並導入策略UX產品為客戶在軟體開發各環節破關!

back to top
3 分鐘搞懂架站必備元素:主機(網站伺服器) 9

3 分鐘搞懂架站必備元素:主機(網站伺服器)

[vc_row use_row_as_full_screen_section="no" center_bck_image="no"][vc_column][vc_single_image image="20559" img_size="large" alignment="center"][vc_empty_space][/vc_column][/vc_row][vc_row use_row_as_full_screen_section="no" center_bck_image="no"][vc_column css=".vc_custom_1533708507132{padding-right: 10% !important;}"][vc_column_text css=".vc_custom_1574392162712{padding-right: 10% !important;}"]網站做的再漂亮,若不能讓使用者拜訪,也是圖勞。這時候需要主機(Server),以及網域名稱(Domain Name),一旦設定好網路指向(DNS),大家就可以拜訪你的網站啦! 什麼?聽不懂專有名詞。比喻性的說法就像是:「我們有了個產品(網站內容),需要有個店面(主機)讓客人可以來拜訪,這時候你的店面要有個好找的地標(網域名稱),並且上各大平台告訴大家怎麼來店裡(DNS 設定),客人就自然絡繹不絕啦!」 *地址的概念,比較接近網站主機的 IP 位置。詳細 IP 像是 Google 的解析伺服器是 8.8.8.8,對人腦來說相當難記,才需要「網域名稱」讓使用者好記。 網路上開店,可能不像實體店面,有所謂黃金地段、黃金店面(Domain Name 有好記/不好記之分),但「主機」的好壞,可影響著店裡人潮洶湧時、顧客大批排隊結帳時,店面可以負荷/消化的速度。就讓我們來看看關於主機(Server),有哪些是需要在網頁設計前了解的。[/vc_column_text][vc_empty_space height="26px"][eltd_section_title display_separator="yes" display_dot="no" type_out="no" alignment="left" title="虛擬主機/實體主機,到底有何差別?" title_font_size="26"][vc_column_text css=".vc_custom_1574405869834{padding-right: 10% !important;}"]主機與我們一般認識的電腦主機,本質上有點差異,或許翻譯為「伺服器」更能體驗「網站主機」真正在做的事情。網站伺服器為了因應大量請求(多人同時上線),線上運算、可能的安全性問題,以及執行之網站程式,在架構上與個人電腦有多處需要去特化。 當然個人電腦也可以作為網站主機使用,只是要應付 24 小時開機、防火牆、降溫系統等等都要另行設置並計算成本。類似你我手邊裝置,有獨立的形體的主機,就是「實體主機」。也有網路服務商提供「主機代管」的服務,減低了維護所需的人力。 一般網站真的需要一台電腦 24 小時運作來應付嗎? 你的網站 24 h 都有如此高的流量、運算需要執行嗎?於是就衍生出「虛擬主機」的概念,也就是「共享主機」,透過程式的方式讓主機內可以執行多的網站來達成。 現今單一主機(群)的效能可以負荷的網站數量大概從數百到數千個不等,這也不難想像,伺服器中,若有某網站流量特別大時,會壓縮到其他網站使用 CPU, RAM 等資源的空間,網站速度自然受到影響。[/vc_column_text][vc_empty_space height="26px"][eltd_section_title display_separator="yes" display_dot="no" type_out="no" alignment="left" title="我不想放虛擬主機,卻受到其他網站影響" title_font_size="26"][vc_column_text css=".vc_custom_1574391959128{padding-right: 10% !important;}"]到各大主機供應商的方案看,會提供 X 核心,X...

給客戶看的網站設計(四)5 個網頁設計不可容許的錯誤 10

給客戶看的網站設計(四)5 個網頁設計不可容許的錯誤

[vc_row use_row_as_full_screen_section="no" center_bck_image="no"][vc_column][vc_single_image image="20480" img_size="large" alignment="center"][vc_empty_space][/vc_column][/vc_row][vc_row use_row_as_full_screen_section="no" center_bck_image="no"][vc_column css=".vc_custom_1533708507132{padding-right: 10% !important;}"][vc_column_text css=".vc_custom_1570006215184{padding-right: 10% !important;}"]一般來說剛設計好的網站上,不太會出現錯誤(因為網頁設計公司一定會提供測試機讓你檢視,自行上稿的內容錯誤除外)。但以下這些網頁設計錯誤,讓使用者看到了,可能非常惱火,嚴重者會降低網站的信任感、專業度,或者覺得網站許久沒有更新、維護,進而對公司抱持保留的態度。 ☛ 看看投資人怎麼看待企業官網[/vc_column_text][vc_empty_space height="26px"][eltd_section_title display_separator="yes" display_dot="no" type_out="no" alignment="left" title="失效或者錯誤的連結!" title_font_size="26"][vc_column_text css=".vc_custom_1570066036052{padding-right: 10% !important;}"]尤記得前一陣子韓國瑜 Line 官方帳號,發佈雨量報導的連結時,意外導向激情內容,頓時間鬧的沸沸揚揚。錯誤的連結容易造成使用者「認知失調」(cognitive dissonance),閱讀內容時容易心生反感,嚴重者影響到連結、網站的聲譽與信任度,在設定超連結或網站導覽按鈕等連結時,務必小心檢查。 失效的連結則容易讓人感受到網站建置不完全,或是設計上有缺漏。俗稱 404 頁面代表伺服器無法提供訊息或伺服器無法回應等問題,一般可能是網站讀取失效、URL 設置錯誤等問題產生。常常也因為頁面 URL 更改、移動後,使用者透過就的連結進入頁面而看到。 維護使用者感受的作法有很多,除了客製化 404 頁面外(上圖即為例子,還有引導回首頁的按鈕),彈出通知視窗、採用 301 永久轉址,導向首頁或相關頁面,都是合宜的作法。 進一步更要偵測誰透過哪個 URL 進入官網的 404 頁面,藉以追蹤可能的使用者情境,或設定相關轉址讓網頁瀏覽更有連貫性。 ☛ 維基百科中有關 HTTP 404 的描述[/vc_column_text][vc_empty_space height="26px"][eltd_section_title display_separator="yes" display_dot="no" type_out="no" alignment="left" title="錯字!" title_font_size="26"][vc_column_text css=".vc_custom_1570065463681{padding-right: 10% !important;}"]你說錯字?!沒錯,就是錯字! 上搞的肉容,和綱站美感決對是大有關系(上面這段文字,是不是怎麼看都不舒服呢?)。 不管是客戶自行上稿,還是由網頁設計公司代為上稿,一旦重要的頁面(尤其像首頁、關於我們、企業理念等處,更不能有錯字出現)出現錯字,網頁設計的再好看,整體素質還是會被大打折扣。[/vc_column_text][vc_empty_space height="26px"][eltd_section_title display_separator="yes" display_dot="no"...

以 gtmetrix 為例,調整網站速度 12

以 gtmetrix 為例,調整網站速度

網站速度的重要性,CTK Pro 已經提過許多次了。對使用者來說,即便有再好網頁設計、 UX 設計、文案素材,當網站速度亮起紅燈時,使用者決定要離開你的網站,都是白搭。要避免這樣的慘況發生,不只在網站建置之初,後續監控、維護網站速度,其實是不可少的工作。...

網頁健檢工具大集合 13

網頁健檢工具大集合

不管是電商網站,企業形象官網,到個人部落格,網站結構、內容其實就是網頁健康度。為了讓網站營運正常,網頁健檢可以快速幫你找出網站問題。從網域到 SEO、電子報工具,這些常用的健檢工具都在這裡!...