月份: 2017 年 8 月

後台網頁設計　RWD網頁設計　網頁設計推薦

用純 CSS 開發 RWD 網頁

首先不管你要用純 CSS 還是 CSS framework 開發，都要先加一下這一行

<meta name=”viewport” content=”width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;”>

加這一行的目的是要強迫網頁的內容，以裝置目前的寬度來做呈現

以下示範加與不加的效果

假設有一張圖在電腦版上看到是這樣 (下圖)

如果不加下面這行

<meta name=”viewport” content=”width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;”>

直接用手機瀏覽 (模擬iphone 6)，就會變這樣…..擺明了把自己當桌上型

加了剛剛那行之後就會變成這樣

關於 ViewPort 的一些說明可以參考一下這個

https://developers.google.com/speed/docs/insights/ConfigureViewport

網動廣告科技

參考資料：http://sweeteason.pixnet.net/blog/post/42130394#c0

台北網頁設計公司　台北網站建置　套版網頁設計

▲世大運官網。（圖／台北市政府資訊局提供）

體育中心／綜合報導

距離2017年台北世大運還有90天，為提供民眾完整賽事資訊，即日起轉型成賽會型網站，本次改版重點採用響（適）應式網頁設計與UI設計，結合新的視覺意象，展現運動家的「專注」、「力量」、「熱情」及「毅力」四大精神，歡迎民眾多加利用，一起迎接今夏運動盛事。更多精彩內容盡在世大運官網：https://2017.taipei/。

素有「小奧運」之稱的世大運將在8月19日點燃戰火，台北市政府資訊局指出，以歷屆各國舉辦國際大型綜合運動賽會，皆於開賽前3～6個月將活動網站轉換為賽會型網站，提供整體賽會相關資訊服務，重點在於介接賽事系統，提供選手與民眾即時賽會成績及完整賽會新聞。

資訊局進一步指出，為配合賽會期程，網站將分兩階段內容呈現不同面貌，第一階段包括台北世大運介紹、文化、賽事、場館、代表團、媒體、新聞發布，並整合空汙、氣象即時資訊，改版後設計更加輕鬆活潑且多元；第二階段則著重在賽會期間，即時提供賽會系統整合資訊，讓民眾於首頁就可以看到顯示的累計獎牌資訊及當日賽程，放送最精彩、最熱血的賽會與活力，讓民眾與參賽選手在網站上找到所需資訊。

網動廣告科技

參考資料：http://sports.ettoday.net/news/928202

後台網頁設計　RWD網頁設計　網頁設計推薦

NCC在昨（21）日推出「視覺化圖資系統服務電腦版」。（圖／翻攝自NCC「視覺化圖資系統服務電腦版」網頁）

網站建置　網站改版　客製化網頁設計

▲內容遞送網路服務商Akamai香港與台灣地區總經理張福玲。（圖／業者提供）

記者洪菱鞠／台北報導

瀏覽網頁的速度快慢，會影響使用者的停留意願，根據內容遞送網路服務商Akamai Technologies, Inc.發表最新《線上零售效能現狀報告》，網路效能每一毫秒都是關鍵，只要延遲0.1秒，就足以影響使用者的注意力和參與度，以及線上交易的營收狀況。

根據《線上零售效能現狀報告》分析結果，半數消費者透過智慧型手機瀏覽產品和服務，但僅5分之1的人會使用手機完成購買，網站載入時間只要延遲0.1秒就會損及7%轉換率；網頁載入時間只要延遲2秒就會增加103%跳出率；當網頁載入時間超過3秒時，53%的行動網站訪客就會離開；透過行動電話的消費者跳出率最高，平板電腦的跳出率最低。

該份研究報告為每半年發布一次，主要分析線上零售網站的效能，過往由 SOASTA發表，但該公司已於今年4月被Akamai併購。此次發表的內容包括頁面載入時間的「關鍵數字」、加速或延遲一秒對轉換率與跳出率的影響、以及效能對工作階段長度的影響。Akamai也以旗下服務客戶阿里巴巴全球速賣通在線交易平台為例，網站降低36%載入時間之後，發現訂單數量因此提高10.5%，新客轉換率增加27%。

使用者體驗是電子商務的成功關鍵，網頁速度會影響參與度和轉換率。Akamai香港與台灣地區總經理張福玲提到，研究指出，不論購物、訂房、預訂航班，有48%的人會透過行動裝置瀏覽網站獲得資訊，建議應考慮行動優先，因為即使速度慢0.1秒，都會導致消費者立即離開網站，影響到整體營收。

網動廣告科技

參考資料：http://www.ettoday.net/news/20170817/991174.htm

後台網頁設計　RWD網頁設計　網頁設計推薦

智慧型手機和濾鏡 App 的問世，不僅代表攝影門檻大大降低，一般人隨便拍拍也能修出大師級的藝術照片，但除了手機端有著多款濾鏡 App 外，近期國外也有位開發者 Lauren Waller，針對網頁平台製作出 CSSCO 濾鏡功能，不僅有 14 種濾鏡可選，且都是不限次數免費用到爽。CSSCO 目前已經開放下載，但原理採用 CSS 語法，一般人恐怕是有看沒有懂。

▼CSSCO 以 CSS 語法為設計骨幹，只要將特定濾鏡套用至網頁中，就能直接呈現濾鏡效果。（圖／翻攝自官網）

看到 CSSCO 這個名稱，不難發現是以 VSCO 濾鏡 App 為致敬對象，且內搭濾鏡如 ACG、HB1 等取名也相同，而網頁設計師在下載後，就能利用代表不同濾鏡的語法，不需藉由其他濾鏡 App，在網頁上就能直接呈現濾鏡效果，但目前不適用 IE、Edge 與 Opera Mini 等瀏覽器。

▼CSSCO 採用非破壞性的濾鏡使用方式，不怕降低照片畫質，但對不支援功能的瀏覽器來說，就只會看到照片原圖（圖右處）。（圖／翻攝自官網）

網動廣告科技

參考資料：http://www.ettoday.net/news/20161102/803728.htm

網頁設計　網站設計　台北網頁設計

現在網路發達，不少人都認為進入「大數據時代」，但「知道」跟「學習」可是兩回事。美國前總統歐巴馬還在任內時，就編列1億美元（約29.8億台幣）的預算，將程式設計編入中小學的教材中；出版社「Code Babies Books」更出版一系列「寶寶程式啟蒙童書」，讓這項必備技能從小開始。

這套童書系列共有7本，包含「JavaScript for Babies」、「HTML for Babies」、「CSS for Babies」、「Web Colors」、「Web Design for Babies 2.0」、「C++ for Kids」、「ABCs of the Web」；書籍以豐富的顏色、圖畫輔助，讓這套「程式童書」有繪本的吸引力，出乎意料的獲得小朋友們的喜愛。

在亞馬遜商城上，甚至可以查到「好棒的書！（wonderful book!）」、「才三個月大的小朋友竟然被吸引了！（she’s only 3 months old, and she seems to be attracted to the book!）」這樣的評價，不少人覺得這套書淺顯易懂，能讓爸媽跟孩子一起學習操作，對於孩子建立基本的網路程式概念非常有幫助；就算還看不懂的孩子，也能透過豐富的顏色提高興趣，增加未來接觸程式的動力。

在去年底，這股熱火甚至燒到中國、出了簡體字的版本，出版商還辦了「研習講座」來協助父母練習教導孩子的技巧，許多人都覺得真的「寓教於樂」，這套書也在中國大賣；而日本網友也在推特上討論，雖然不少人認為「建議8個月以上閱讀，還是太早了吧？」、「國小還可以，幼兒園就有點…」但無法否認的，未來世界就像臉書創辦人祖克柏所說，絕對「離不開電腦與網路。」

網動廣告科技

參考資料：http://www.ettoday.net/news/20170425/911274.htm

網頁設計　網站設計　台北網頁設計

現在網路發達，不少人都認為進入「大數據時代」，但「知道」跟「學習」可是兩回事。美國前總統歐巴馬還在任內時，就編列1億美元（約29.8億台幣）的預算，將程式設計編入中小學的教材中；出版社「Code Babies Books」更出版一系列「寶寶程式啟蒙童書」，讓這項必備技能從小開始。

這套童書系列共有7本，包含「JavaScript for Babies」、「HTML for Babies」、「CSS for Babies」、「Web Colors」、「Web Design for Babies 2.0」、「C++ for Kids」、「ABCs of the Web」；書籍以豐富的顏色、圖畫輔助，讓這套「程式童書」有繪本的吸引力，出乎意料的獲得小朋友們的喜愛。

在亞馬遜商城上，甚至可以查到「好棒的書！（wonderful book!）」、「才三個月大的小朋友竟然被吸引了！（she’s only 3 months old, and she seems to be attracted to the book!）」這樣的評價，不少人覺得這套書淺顯易懂，能讓爸媽跟孩子一起學習操作，對於孩子建立基本的網路程式概念非常有幫助；就算還看不懂的孩子，也能透過豐富的顏色提高興趣，增加未來接觸程式的動力。

在去年底，這股熱火甚至燒到中國、出了簡體字的版本，出版商還辦了「研習講座」來協助父母練習教導孩子的技巧，許多人都覺得真的「寓教於樂」，這套書也在中國大賣；而日本網友也在推特上討論，雖然不少人認為「建議8個月以上閱讀，還是太早了吧？」、「國小還可以，幼兒園就有點…」但無法否認的，未來世界就像臉書創辦人祖克柏所說，絕對「離不開電腦與網路。」

▼這套書還出了簡體中文版。

網動廣告科技

參考資料：http://www.ettoday.net/news/20170425/911274.htm

台北網站改版設計　台北RWD響應式網頁設計 套版網頁設計

當突然想要與遠在他鄉的親朋好友見上個面時該怎麼做？第一個想到的絕對是利用 Skype 打上電話，進行一場零距離的視訊。現今，這個老牌的通訊應用軟體將為電腦版的使用者們帶來一次大改版！

▲Skype 大改版將為其帶來全新的樣貌。 （圖／翻攝自官網）

全新的 Skype 整體色調較舊版更加年輕化，加入了更多樣的色彩做為點綴。在介面設計上新版本將其分為三區塊，左側為使用者的「訊息欄位」、中間為使用者的「對話視窗」、右側則新增「查看媒體庫」的功能，讓使用者可以更輕鬆得搜尋發佈到群組中的文件檔案等。

不僅介面上的改變，新版本也將導入一些小功能，當使用者想要在聊天視窗中標記 (Tag) 人時，可以使用新增的「@」支援來進行標記，而當使用者想用開啟對話或群組視窗時，可以點選畫面左上角的「＋」作執行。且群組聊天的功能也得到不少的改進，將支援使用者於通話期間分享照片和進行螢幕的共享。

▲新的版面設計預期將更加吸引年輕人的目光。 （圖／翻攝自官網）

新版本支援 Mac 和 Windows 10 用戶，目前仍在測試階段中，有興趣的讀者們可以於官網上進行下載。至於正式上市時間，官方發言人表示，待收集足夠多的使用者測試以及反饋後，才會考量正式版的推出時間。

本次電腦版本的改版並不是首例，早前 Skype 於今年 6 月時也曾為手機 APP 用戶推出過介面上的更新，並導入了《Skype Highlights》一個像是 SnapChat 的限時動態 (Stories) 功能，讓使用者可以分享自己的照片發送給所有的好友，但可惜大部分用戶對其改版評價不佳。

網動廣告科技

參考資料：http://www.ettoday.net/news/20170820/991893.htm

台北網頁設計公司　台北網站建置　套版網頁設計

人工智慧商業化的革命時刻
人工智慧（Artificial Intelligence）的研究，過去60多年來從未停歇，而今總算有了不凡的突破，從AlphaGo到智慧語音助理、自動駕駛技術等，無疑捕捉了無數人們的注意力，宣告著劃時代的科技盛世已經到來。

1950年，圖靈在他名為〈運算機器與智慧（Computing Machinery and Intelligence）〉的論文裡提問：「機器能思考嗎？（Can Machine Think？）」，挑戰了人類對計算機智慧的想像。圖靈認為人們會首先流於爭執機器與思考的定義，卻沒有辦法很精確地討論問題核心：「機器會有智慧嗎？」

由於機器智能難以確切定義，圖靈在該論文首次對如何判定機器具有智慧，提出了著名的「圖靈測試」：如果機器與人類進行非面對面（例如在中間以布幕隔離）對話（例如使用文字訊息），人類卻無法辨認出對方是機器，那麼這台機器就具有智慧。圖靈測試無論在當時或現代，對於人工智慧研究而言都是重要且相對嚴謹的研究提案，後續許多業界與學界的研究都企圖挑戰圖靈測試：如1966年麻省理工學院人工智慧研究室的約瑟夫．維森鮑姆（Joseph Weizenbaum），以字串比對自動回覆的方式所開發出的聊天機器人ELIZA；或到2014年，英國雷丁大學（University of Reading）重磅宣布其所開發出的Eugene，已經通過測試，但後來被質疑標準有誤。

其實，人工智慧一詞直到1956年，才在美國新罕布夏州一場為期兩個月的研究工作坊「達特茅斯暑期人工智慧研究計畫（The Dartmouth Summer Research Project on Artificial Intelligence）」上，由負責組織會議的電腦高階語言LISP之父約翰?麥卡錫（John McCarthy）正式定名。這場工作坊所討論的問題：「計算機、自然語言處理、神經網絡、計算理論、抽象化與隨機創造」後來都成為人工智慧研究發展的重要領域，而達特茅斯會議也因此成為人工智慧領域的經典起源。

歷經了60年的發展，人工智慧的研究領域因種種困難而起起落落，經歷了無數個轉角。起初仿造動物神經元，希望打造強人工智慧的人工神經網絡（Artificial Neuron Network），先是經歷了機器無法應付計算複雜度的困境，無法取得研究經費而停滯；同一時期另一脈絡的弱人工智慧，則發展出博聞強記、分辨率隨資料質與量逐步提升而快速進展的機器學習。如今，人與機器的對話，已因商業應用的普及而不再困難。這一甲子，到底電腦科學家解決了些什麼問題呢？從人工智慧三大關鍵技術突破或可窺探未來。

網動廣告科技

參考資料：http://times.hinet.net/magazine/cp104/19576538

網頁設計報價　網站設計　台北網頁設計

帶著諾基亞十多年的經驗，卡里歐拉瞄準零售、建築、物流及運動四大垂直領域的定位應用新商機。

對芬蘭來說，諾基亞的在手機市場雖然挫敗，但過去培育的人才，卻是目前芬蘭產業轉型創新的重要力量，Quuppa團隊正是其中之一。這家成立四年的公司，專注在室內及室外定位系統，共同創辦人暨執行長基莫．卡里歐拉（Kimmo Kalliola）與主要研發團隊就是出身自諾基亞研究中心，在諾基亞14年、曾任研究中心主管的卡里歐拉，早在2008年，就察覺研發資源較往年有所減少，後來原來專案無法繼續，但他們相信自己的技術很有競爭力，在2012年諾基亞宣布裁員時，卡里奧拉與另外四名團隊成員決定接受公司的優退方案，以技術授權的方式，創立公司延續研究成果，同時也獲得Tekes（芬蘭國家技術局）的投資。

「GPS定位在室內的效果並不好，所以我們用訊號的角度取代強度來進行定位，提高準確性。」卡里歐拉表示，Quuppa採用低功耗藍牙技術，藉著發射無線訊號測量位置，將測量結果發送到Quuppa定位引擎，再透過特殊演算法計算標籤位置，達到精準定位。目前主要針對零售、建築、物流及運動四大垂直領域提供應用服務。2012年9月成立後的第二個月就獲得了第一筆、總額達2萬歐元的訂單，內容是協助芬蘭一家大型公共企業開發工廠貨物定位系統。

不只芬蘭，他們也積極跨足海外市場，比如在美國邁阿密，他們與兒童醫院合作，協助急診室進行輪椅、病人移動等管理。也與日本富士通進行策略聯盟，針對超市推車進行軌跡分析，協助零售業優化賣場服務。而在運動領域，他們針對籃球比賽，可及時捕捉球員場上活動，進行賽後的訓練分析，也在莫斯科的索科尼奇公園（Sokolniki park）的溜冰場內，記錄溜冰者移動的軌跡後，再搭配選定歌曲曲目以實時模式顯示在大螢幕上，展示有趣的個人影音短片。

Quuppa目前團隊共有14人，去年被芬蘭知名商業雜誌《Talouselämä》選為芬蘭20家最具潛力新創公司之一，卡里歐拉說，說服市場新技術可行的確不容易，但自己創業的自由度較高，比在諾基亞更有機會落實自己的想法，加上物聯網市場正在起飛，「 我相信我們正走在正確的道路上。」