諮詢專線 (04)2320-0760
資訊分享- ARTICLES -

文章分享

為何要製作響應式 (RWD) 網站?
2017 / 05 / 12

為何要製作響應式 (RWD) 網站?

2016 年全球行動上網裝置將超過 100 億台,比全球人口還要多! 您的客戶大部分都來自智慧型手機或平板電腦,而且比例還在不斷上升中,如果您的網站沒有考慮到行動裝置的處理,當客戶用手機打開您的網站時,只能看到很小的圖片和一大堆擠在一起的文字,幾乎無法閱讀,還必須要用手指將畫面放大才能看到部分內容。如果您的網站剛好是使用 FLASH 動畫來製作,那整個畫面就是一片空白,什麼都沒有,情況真是慘不忍睹!請問,客戶還會繼續停留在您的網站上嗎? ▸ 因此,RWD 網頁設計就是要幫助您的網站達到行動裝置最佳化,讓您的網站可以在所有行動裝置上完美呈現,不再讓客戶迅速逃離。 RWD 網頁設計又稱為 "自適應網頁設計" 或 "響應式網頁設計" ,與一般手機版網站或APP最大的不同,在於它不需要另外獨立製作及分開管理網站內容,而是讓網站自動去適應瀏覽裝置,在各種智慧型手機、平板電腦上調整外觀、尺寸、位置、樣式,不論用戶從哪種行動裝置來開啟網頁,都可以得到最佳的瀏覽效果。 ▸ RWD 網站的優點 ▸ 支援任何裝置 這是 RWD 最大的優點,也是它的最重要目的。智慧型手機螢幕尺寸愈來愈大,規格愈來愈多,透過 RWD 可以從此不用擔心不同螢幕尺寸所帶來的各種問題,讓您的網站內容可以自動符合裝置螢幕的尺寸來進行延展、伸縮、變形、移動,原本在桌上型電腦的寬螢幕上,產品圖片是橫向水平排列,遇到較小的手機螢幕時,產品圖片會自動變成縱向垂直排列,由上到下,讓使用者可以輕鬆便利的瀏覽您的產品資訊。 不只是圖片,包含網站 LOGO、主選單、文字內容、網頁標尾等,全部都會自動重新排列,找到最合適的呈現方式。不僅如此,如果遇到電話號碼或 E-mail 信箱,手指輕輕一按,就能立即撥打電話或寄發信件。 ▸ 方便網頁閱讀 不論您的網站是透過寬螢幕桌上型電腦來觀看,或者是用智慧型手機、平板電腦來瀏覽,RWD 已經把所有的網站內容自動重新編排過,所以使用者不會再看到密密麻麻的字,更不需要用手指來把畫面放大,就能輕鬆順暢的瀏覽您的網站內容。 透過 RWD 的智慧型編排技術,還可隱藏不需要在手機上呈現的內容,只把最重要的資訊呈現給使用者。 ▸ 降低開發成本 以往為了製作電腦版、手機版網頁,網頁設計公司還必須幫您另外開發一個手機專用的網站版本,加上判讀程式,如果使用者是來自手機,就把使用者引導到手機版網站,等於製作了兩次網頁,花費了兩次成本。 ▸ 提升搜尋排名 GOOGLE特別在2015年4月21日宣布修改搜尋引擎演算法,主要修改內容針對智慧型手機、平板等行動裝置的『友善度』做排序,並且增加手機相容性檢測網站,供業者測試網站是否適合使用行動裝置瀏覽,並且在短時間內Bing( Yahoo!奇摩採用的搜尋引擎技術)也跟進此作法,所以RWD網站對於SEO是非常具有影響性的。 更多資訊歡迎用下列方式與我們聯繫 營業時間 : 09:00-18:00 ; 周一至周五 電話:04-2320-0760/傳真:04-2320-8377/信箱 : cb@cb-design.com.tw skype : capable168 LINE : capable1680 
 
Google修改搜尋演算法,未來SEO排序將以行動優先!
2017 / 03 / 27

Google修改搜尋演算法,未來SEO排序將以行動優先!

Google這幾年為提倡行動版內容,在搜尋中不斷提高行動版網頁的搜尋排序權重,近日再宣佈未來將逐步以行動版內容決定網站搜尋排名,將影響不重視行動版內容的網站排序。 Google宣佈搜尋演算法重大變更,未來將逐步讓行動網頁內容成為搜尋排名的主要依據。  為了提升行動搜尋的效果,Google已經針對搜尋索引展開行動優先的實驗。雖然網站和App的搜尋還是使用同一套Google搜尋索引,但Google演算法最終將以網站的行動版內容決定網站搜尋排名、了解網站的結構化資料,並在搜尋結果中顯示網頁描述。Phan表示,Google還是會致力於改善不論行動或桌機版用戶的搜尋體驗,但顯然未來不重視行動版網頁的網站搜尋排序必然大受影響。   對長期關注Google搜尋政策的人來說,這項變更或許不那麼令人意外。2014年11月Google開始在搜尋結果顯示網站的行動友善度,2015年將網站的行動友善度納入搜尋排序考量,今年5月更進一步拉高這項特質的權重。   針對即將到來的變更,Google也對網站管理員做出呼籲。桌機及行動網頁內容及標記都一致的響應式設計網站(responsive site)或動態服務網站不必動作。但如果兩個版本的內容及標記不一致,就必須進行修改,只有桌機版網頁者也最好增加行動版網頁。   Google並建議網站管理員以結構化資料測試工具及robot.txt測試工具檢查網站是否符合行動裝置使用。而網站的標準連結(canonical links)則不必須修改,Google仍將以此作為桌機用戶搜尋的依據。 文章來源:http://www.ithome.com.tw/news/109438
 
如何產生Line QRC,讓朋友、客人更快找到我?
2017 / 03 / 27

如何產生Line QRC,讓朋友、客人更快找到我?

請依序下列三張圖片步驟產生QRC,將儲存成功的圖片傳送給朋友即可。          更多資訊歡迎用下列方式與我們聯繫 營業時間 : 09:00-18:00 ; 周一至周五 電話:04-2320-0760/傳真:04-2320-8377/信箱 : cb@cb-design.com.tw skype : capable168 LINE : capable1680 
 
【Youtube RWD 崁入語法分享】響應式網站影音崁入好簡單。
2016 / 07 / 07

【Youtube RWD 崁入語法分享】響應式網站影音崁入好簡單。

Q:響應式網站(RWD),自行編輯崁入Youtube影音,也可以隨著裝置變更大小嗎? A:可以的,請依照下列教學,完成您的影音吧 一、點選 http://embedresponsively.com/ 進入 youtube 響應式自動轉換器頁面,示意圖如下 二、同時開啟另一分頁,進入您需要的 Youtube 影片頁面 1. 點選「分享」按鈕 2. 複製網址 三、將複製的網址貼到轉換器網頁上,確認無誤後送出,示意圖如下 四、送出後,網頁出現影片及語法欄位,將語法欄位中的文字全部複製,示意圖如下 五、將複製的語法貼到後台編輯器中 (編輯器需要進入原始碼狀態,才能成功崁入) 六、確認無誤後按「送出」即可   更多資訊歡迎用下列方式與我們聯繫 營業時間 : 09:00-18:00 ; 周一至周五 電話:04-2320-0760/傳真:04-2320-8377/信箱 : cb@cb-design.com.tw skype : capable168 LINE : capable1680 
 
什麼是響應式 (RWD) 網頁,跟上趨勢你一定要知道!
2015 / 05 / 19

什麼是響應式 (RWD) 網頁,跟上趨勢你一定要知道!

響應式網頁設計(Responsive Web Design)簡稱RWD,又稱適應性網頁、自適應網頁設計、回應式網頁設計、多螢網頁設計。 隨著智慧型手機的普及,越來越多使用者用行動裝置上網,為了讓網頁在不同裝置 (手機或平板) 也可以輕鬆瀏覽網頁,不會產生文字圖片太小、跳版...等等問題,選擇響應式的網頁設計(Responsive Web Design)是個很不錯的方式。 響應式網頁概念於2010年5月由國外著名網頁設計師Ethan Marcotte所提出的概念,以百分比的方式以及彈性的畫面設計,在不同解析度下改變網頁頁面的佈局排版,讓不同的設備都可以正常瀏覽同一網站。 簡單的來說讓網站可以針對不同設備(桌機、筆電、平版、手機)等不同尺寸螢幕瀏覽網頁時,提供網頁畫面最符合比例的排版方式,因此不再有因更換裝置而產生網頁畫面太小、字太小、空白太多...一些畸形比例的畫面出現。 用案例更理解什麼是響應式網站,請拉動螢幕大小觀看效果,隨著螢幕的拉動文字及圖片都會重新排版。 凱克博RWD案例 https://www.cb-design.com.tw/search/RWD/ 更多RWD案例 http://responsive-jp.com/ ↑選網址後裡面有許多案例,皆可開啟參考 凱克博響應式網頁專案價格 https://www.cb-design.com.tw/compare/     更多資訊歡迎用下列方式與我們聯繫 營業時間 : 09:00-18:00 ; 周一至周五 電話:04-2320-0760/傳真:04-2320-8377/信箱 : cb@cb-design.com.tw skype : capable168 LINE : capable1680 
 
【轉載】解決Google瀏覽器中文字型網頁亂碼問題
2014 / 08 / 28

【轉載】解決Google瀏覽器中文字型網頁亂碼問題

文章轉載自 http://sofree.cc/fix-chrome-64bit-font-garbled/ 以下狀況目前在Windows 7 + Google Chrome 64 位元版本發生狀況 內文的中文字型全部亂碼,但是英文字體、數字卻是正常,右側側邊欄也是,半形符號正常,中文字也都是錯誤的。不過,與其說文字亂碼,到不如說是文字消失不見、中文字空白了…. 解決Gogole Chrome 64位元字型亂碼問題 第1步  開啟Googe Chrome分頁,在網址列上輸入「chrome://flags」,進入實驗性功能頁面,找到【停用DirectWrite】選項,點選下方的「啟用」。 第2步  接著點選﹝立即重新啟動﹞。 第3步  重開瀏覽器後,開啟網頁查看,看看中文或者是任何字型的亂碼問題,是不是解決了呢? 以上的解決方法,可以暫時性的解決Windows的Google Chrome 64位元發生的中文字體亂碼或者是字型亂碼問題。 更多資訊歡迎用下列方式與我們聯繫 營業時間 : 09:00-18:00 ; 周一至周五 電話:04-2320-0760/傳真:04-2320-8377/信箱 : cb@cb-design.com.tw skype : capable168 LINE : capable1680 
 
找網頁設計師前應該注意的事情!
2014 / 07 / 29

找網頁設計師前應該注意的事情!

這個時代,有個公司網站是最最最基本的事情。但是許多人並不知道要怎麼找網頁設計師,或者不知道跟網頁設計師溝通的時候需要注意哪些事情。有時候往往因為這樣而造成一些多餘的人力物力的消耗,或者是結果不如雙方預期。 網頁設計是一門相當特別的領域,因為網頁是「活」的,一個網站在設計完成之後,就要「上網」去幫你招攬客戶,網站設計必須要考慮的事情還需要包括上線之後的維護和經營。因此,充分地和網頁設計師做好溝通是絕對必要的。下面分享的是打從你開始要找網頁設計師的時候,就要放在心上的幾件事情。 一、要找設計公司還是個人工作室 這要看你自己的「網站規模」、「時間壓力」來定。如果網站規模大、時間壓力大的話,建議會以尋求設計公司為優先。因為設計公司相對擁有較豐富的經驗以及資源,可以在較短時間之內釐清你的需求並且進入執行,在後續的網站維護部分也比較能夠提供較完善的服務。因為,如果你想要經營的是一個電子商務網站的話,應該不希望哪天出現網站掛掉臨時找不到人來維修的情形吧。 如果你的網站規模較小,較像是公司形象網頁,時間壓力較低的話,就可以找個人工作室為首要選擇。因為接案設計師能夠擁有較高的彈性來因應你需求,同時網站功能較少的案件,需要整合的資源也較少(例如說還需要程式設計師搭配等)。但是你也要有個心理準備,那就是個人工作室可能同時接好幾個案子,時間上就比較難掌握。 二、是否需要手機版網頁 想清楚,你覺得你的客戶會不會在玩手機的時候瀏覽你的網站。如果會,而且情形非常頻繁的話,那麼肯定是需要手機版本的網頁。如果你公司的商品是「沖壓車床」這類型工業機械的話,基本上你的客戶應該不會在搭捷運或者在喝咖啡的時候瀏覽你們家的網頁。 所以,如果預算有限的話,手機版的網頁就得思考是否需要,因為這的確會提高設計的費用。當然,如果手機版是包含在整個套裝服務裡面的話,那就另當別論。 三、事先瞭解設計師的過去經驗 不管是什麼設計師都一樣,最好在找設計師之前先對設計師之前案件的性質和風格有些基本的瞭解,這樣雙方溝通起來也比較容易。另外還有一個重點就是,設計師的接案態度與誠信和品質的部分,最好也在事情先行瞭解。這樣也可以比較確保案子能夠順利完成。 那麼可以透過哪些方式瞭解設計師的一些過去經驗呢?網路搜尋引擎是一個很好的工具,你可以搜尋看看是否有相關的顧客評價,這可以幫助你做一些事前的功課。當然,你也可以透過認識的親友或客戶介紹他們曾經合作過的設計師,這樣會更好。 四、和設計師保持聯繫 不要以為把案子交給設計師之後一切就沒事了,以為等到結案的時候就可以看到一個如你預期的網站出現在這個世界。基本上,這種情節大概只會出現在童話故事裡面,真實的生活中,你想的和設計師想的很難完全一致。 從見面的第一次開始,就要充分地把你的需求讓設計師瞭解,包含你公司的營業項目,主要的產品和客戶類型,以及你希望透過網站達成什麼目的等等。然後確認設計師有盡可能地瞭解你的想法,在這之後,讓設計師在遇到任何狀況的時候都能夠聯繫到主要的負責人員,和他立即反應現況並獲得所需的資訊。在大部份的情況下,越充分的溝通,就越能夠獲得雙方較滿意的設計。 五、確認工作進度 有些案子要跟著公司的進度運作,千萬別把網頁設計獨立於公司的專案進度之外,讓專案經理或者你自己能夠在每一個工作進度階段確認網頁設計的進度。有這樣的心理準備之後,你的網站才比較不會產生難產的情形。 六、網站的後續維護計劃 第一點就是,網站要自己架主機,還是委外代管。自己架設主機的話,公司內部是否有相關的維護人員能夠進行系統的平時維護,當然,這會是一筆費用,不過優點是隨時遇到緊急情況的時候能夠有一個專人立即處理。選擇要自己架設的話,就要考慮到主機架設以及每月網路頻寬的費用。如果選擇委外代管租用主機的話,優點是應體系統會由主機代管公司維護更新,缺點可能就是有問題的時候不一定能夠在第一時間就有人處理。這部分可以跟網頁設計師在事前就先行溝通,找出最適合的主機代管方案。 另外一部分就是後續的維護合約,因為網頁和公司一樣都會發展進化,到了一定時間就需要在網站上面做些修改變化的。這時候要請設計師來協助修改,就需要簽署一個合約。因為有時候,設計師一忙起來,你的網站就很有可能像孤兒一樣,沒有人照顧,當然這也是對設計師和業主雙方的保障。 七、合理的費用是應該的 要記得,不管事網站建置和設計階段的開發費用,或者是後續營運的維護費用,都是「必須」的。不管設計師報價如何,都有他自己本身的技術能力和投入時間的考量。你可以跟設計師談一個合理的價格,但千萬不要像是買賣商品一般討價還價。因為對設計師來說,每一個設計都是要投入同樣心力的。後續的維護部分也是,也許有些設計師可以做個人情幫你修修圖,但這代表著可能就會影響到他接其他案子的時間,或許你會用「以後介紹客戶給你」作為理由交換,但是,合理的尊重是一定要的。 小結 網頁設計跟所有設計一樣,都需要專業的技術和很多時間的投入。想要請設計師打造出自己心目中理想的網頁,是業主和設計師雙方都需要用心投入的。設計師投入時間和專業能力,業主投入合理的金錢和尊重,才能夠完成這項設計。寫這篇文章,我們無非是希望大家能夠用一個更尊重的態度做好業主應該有的功課來和設計師溝通,而不要只是用買賣商品的心態來看待設計。 如果大家都願意這樣,我們台灣才會擁有一個更好的設計環境,產生更多快樂的設計師。     更多資訊歡迎用下列方式與我們聯繫 營業時間 : 09:00-18:00 ; 周一至周五 電話:04-2320-0760/傳真:04-2320-8377/信箱 : cb@cb-design.com.tw skype : capable168 LINE : capable1680 
 
Google Chrome 超越 IE 成為全世界最多人使用的瀏覽器
2014 / 07 / 21

Google Chrome 超越 IE 成為全世界最多人使用的瀏覽器

根據 StatCounter 的資料顯示,Chrome 已經超越 IE 成為全世界最多人使用的瀏覽器,從下圖我們可以看出,Chrome 的成長曲線與 IE 交錯,而目前雙方的差距還在擴大中(從圖中看起來比較像是 IE 加速下跌)。 這項消息對 Google 而言無疑是一場瀏覽器大戰的重大勝利,2012年三月也超越了 Opera 成為世界上最多人使用的行動版瀏覽器。 下載Chrome:http://www.google.com/intl/zh-TW/chrome/   更多資訊歡迎用下列方式與我們聯繫 營業時間 : 09:00-18:00 ; 周一至周五 電話:04-2320-0760/傳真:04-2320-8377/信箱 : cb@cb-design.com.tw skype : capable168 LINE : capable1680 
 
CONTACT
  營業時間 W1-W5 09:00-18:00
  04-2320-0760   04-2320-8377
  台中市公益路349號7F-12