網頁快取詐欺出沒!快取權限控管要更嚴

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

許多網站服務為了加快對靜態網頁頁面的存取速度,都會透過網頁快取(Web Cache)的方式,減少使用者等待網頁的時間。不過,任職安永(EY)會計師事務所資安團隊負責人Omer Gil日前則在黑帽駭客大會,公開一個他發現的PayPal網頁快取詐欺(Web Cache Deception)手法,駭客就可以從快取網頁資料中,獲得使用者的機敏資料。

當揭露這個漏洞時,連帶使得雲端服務業者Cloudflare,為了解決客戶對這個漏洞的隱憂,甚至還推出「Edge Cache Expire TTL」這項新功能,可將快取頁面儲存時間設定為0秒,避免外洩使用者敏感個資。

從PayPal找到網頁快取詐欺漏洞,駭客可竊取敏感個資

Omer Gil表示,快取網頁通常是靜態頁面,常見的格式包括CSS、js、txt,還有常見的圖片檔(png、bmp、gif)等檔案格式,通常這些檔案都不會存放與個人有關的敏感資訊,也會以靜態快取網頁頁面方式公開,並忽略HTTP的網頁快取標頭(headers)。

現在常見的網頁快取,其實是透過瀏覽器的方式,將網頁內容暫時存放一段時間,讓瀏覽器不需要再度請求暫存網頁快取頁面,「但這些跟網頁快取詐欺手法無關。」他說。

但其他導入網頁快取的手法,則會和網頁快取詐欺手法有點關係,都有關用戶端、網站伺服器端以及相關快取機制有關係。目前,幾個常見的網頁快取機制包括CDN(Content Delivery Network)服務、負載平衡(Load balancer)以及反向代理(Reverse Proxy)伺服器等服務。

Omer Gil解釋網頁快取詐欺的方法論,第一步就是要設法讓使用者登入一個假的登入頁面,例如,要登入一個金融網站的帳戶,受駭者也不疑有他、隨之登入該頁面,網頁伺服器跟代理伺服器請求一個登入的請求,但原先並沒有這個登入請求,所以代理伺服器轉而向網頁伺服器請求相關的登入頁面資訊。

Omer Gil表示,PayPal帳號本身就存在一個網頁快取詐欺的漏洞,而該漏洞目前已經被修補完畢且公開,而透過網頁快取詐欺的漏洞,PayPal還可能外洩使用者的敏感資訊,包括使用者姓名、帳戶餘額、信用卡最後四碼、交易資料、完整的護照號碼、電子郵件、住家地址、電話號碼以及其他在該漏洞網頁上的敏感資訊。

若以網頁快取詐欺手法為例,Omer Gil觀察到PayPal有漏洞的網頁,當使用者第一次登入該網頁,例如查詢使用者帳戶資料時,該網站會將靜態頁面的資料保存大概五小時之久,若中間有再度登入該頁面,又可以延長該頁面被網站快取存放的時間。他表示,當快取頁面存放的時間延長時,就有利駭客找到更多該頁面存放的敏感資料。

網動廣告科技

參考資料:http://www.ithome.com.tw/news/116179

Google Chrome 即將加入永久的網頁靜音選項

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

為了對應愈來愈多的自動播放影音內容,Google Chrome 已經有個別標籤頁靜音的功能,但在每次再載入網頁時卻會被取消了。如果想要完全靜音,難道只有關掉喇叭?

Google Chrome 的開發團隊也終於為這問題帶來方案了。據 François Beaufort的貼文透露,他們正測試以網頁為標記的靜音功能,這樣就可以永久地把指定的網頁靜音,不需要擔心因為重新打開網頁而突然發出聲音。如果你正在使用實驗版本的 Canary 版本 Chrome 瀏覽器的話,只要按下網址列「安全(Secure)」的按鈕,就應該會看到有如上圖一樣的選項,把網頁靜音了。

相對於 Google,Apple 則選擇在下一版 High Sierra 系統的 Safari 裡,加入暫停自動播放影片的功能,讓使用者自行點擊觀看時才會發聲。不知道大家比較喜歡哪一個對應方案呢?

網動廣告科技

參考資料:http://chinese.engadget.com/2017/08/28/google-chrome-keep-websites-muted/

行銷人員網頁設計課 深入淺出

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

「網頁設計」的圖片搜尋結果

資策會於8月26日至27日舉辦「行銷人員必學的網頁設計」,8月18日報名享優惠。

課程係針對沒有技術背景的行銷人所設計,深入淺出介紹目前數位服務平台應用最廣泛,而且與數位行銷工具關聯最深的三項技術:HTML、CSS、Javascript。藉由簡介與基礎實作,建立起學員對技術結構與邏輯的清楚認識,未來在行銷崗位上,無論是定義營運問題、調動技術資源、或是與IT人員的溝通,都會更順暢,進而將數位行銷的能量,發揮至極大。

網動廣告科技

參考資料:http://www.chinatimes.com/newspapers/20170808000354-260207

All Tabs 像純文字般簡潔整理分享大量網頁,更適合資料收集者

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

說到瀏覽器上整理分頁的工具,我目前使用的是在電腦玩物介紹過的「Toby 這是 Chrome 最佳分頁群組套件!好看順暢整理大量分頁」, Toby 有著好看的介面、時尚的拖曳操作,不僅能整理自己開啟的大量分頁,也能當作順眼的首頁使用,確實有助於提高生產力。(你還可延伸參考:15 款生產力擴充套件改造 Google Chrome 變成辦公室工作平台)

不過,最近我正在嘗試另外一款最新推出的 Chrome 分頁整理工具 All Tabs ,他有點另類,介面是接近白底黑字的純文字編輯風格,也很有個性很好看,且因此運作的速度非常快, 甚至事實上他真的可以用「純文字編輯」的方式快速的整理、分享大量網頁標題與網址

我是一個資料整理與研究為主的工作者,「 All Tabs 」的風格與功能正是投我所好!

比起花俏的介面或功能,「 All Tabs 」除了幫我快速收藏大量研究資料網頁外,還能讓我一次剪貼所有網頁標題、網址的功能,更符合我的需求。(這一點有些類似我之前介紹過的:網站編輯必備 TabCopy 一鍵複製所有分頁標題與網址)

在 Google Chrome 安裝 All Tabs 後,同樣的在打開大量分頁資料,或是工作告一個段落時,可以按下「 All Tabs 」按鈕進行收藏。

網動廣告科技

參考資料:https://www.managertoday.com.tw/columns/view/54942

Garena 公開神秘倒數網頁 預告手機遊戲新作即將「蛋」生

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

Garena 官方於今(1)日公布一款新遊戲介紹網頁,網頁中間放著一顆金色的蛋,標題則是寫著「Garena 最清新的年度手遊大作」以及「眾人集氣,公布時間由你決定!」;網頁下方還有留言功能,邀請玩家來猜猜到底這是哪一款新遊戲,也公開讓玩家自己決定遊戲上線時間。
  • image
  而根據官方指出,網頁上金蛋後方的簾幕也會隨著每天時間過去一點一點地揭開,代表 Garena 即將於近期公布這款最新手機遊戲的詳細資訊。

網動廣告科技

參考資料:https://gnn.gamer.com.tw/2/151942.html

勞動部勞動力發展署 網頁換新裝上線

台北網站設計 網頁設計公司 網站設計公司

勞動部今天發布新聞稿指出,為提供民眾最新的資訊及優質操作模式,勞動部勞動力發展署全球資訊網已經換新裝上線,讓民眾可依身分及類別快速找到需要的資訊。

勞動部表示,勞動力發展署新版網站採用單欄式頁面設計方式,可將民眾想知道的資訊完整呈現在單一頁面上,同時使用了目前最熱門的「響應式網站」設計技術,讓民眾無論使用電腦、平板或手機都可以方便的閱讀及操作。

照顧服務員-自訓自用

此外,新網頁貼心設計了「分眾導覽」專區,包含青年、婦女、身心障礙者、中高齡(45歲以上)、原住民、新住民、失業勞工、外國人才及勞工等,民眾只要選擇自己的「身分別」,就能以一站式服務模式,取得整合服務。

新版網頁加入「搜尋抬頭顯示」及「熱門關鍵字」等元素,讓搜尋變更簡單且有效率,民眾也可利用分享功能,將發展署資訊分享給社群網站上的朋友。

勞動部表示,勞動部勞動力發展署的業務包括職業訓練、就業服務、身心障礙者及特定對象就業及外籍勞工等,與民眾有著緊密關係,民眾可多利用網頁獲得資訊。

網動廣告科技

參考資料:https://udn.com/news/story/7314/2681238

奧斯卡影帝一句 他們決定「做網站、救地球」

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

這次突發的全台大停電事件,再次掀起發電與環保之間的紛爭。電力與民生息息相關,究竟便利與環保該如何兼顧?這一直都是難解的課題。

在台中,有一群理念相同的年輕人成立了喬義司網頁設計公司。除了開業至今擁有廣大的客戶支持與迴響,在業界中也擁有不錯的人氣。不過這群年輕人卻在公司業績蒸蒸日上的同時,發現了一個更值得關心的課題,那一天,正是2016年奧斯卡頒獎典禮當天。

業者/提供

好萊屋知名男演員李奧納多狄卡皮歐,除了以精湛的演技風靡全球以外,他另一項更為人所知的義舉,便是10多年來致力於全球暖化、石油能源、海洋保育等議題的環境保育。

當他在2016年「奧斯卡頒獎典禮」上,以電影《神鬼獵人》奪得奧斯卡影帝時,致詞感言即深刻傳達出他的理念,期望透過自己的電影,吸引更多年輕世代一同關心環保議題。而這段激勵人心的演講,不僅傳遍世界,也深深打動了喬義司網頁設計公司的成員們。

因此,「坐而言不如起而行」,雖然礙於公司經營抽不開身,無法走上第一線擔任環保志工,但透過其他方式,這群夥伴決定要為環保盡一份心力。於是喬義司召開內部會議,訂下「做網站、救地球」的方針,決定將每一筆合作案所獲得的酬勞捐出3%,給需要幫助的環保協會。在走訪捐款對象時,他們發現默默為環保努力的台灣環境資訊協會,長期苦於經費不足的問題,因此他們選定目標後,即自2016年正式啟動捐款計畫,致力為協會伸出雪中送炭的援手。

網動廣告科技

參考資料:https://money.udn.com/money/story/5635/2663315

勞動部國家技能檢定網頁設計丙級修改草案,正式列入自由軟體

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

去年底爆發國家技能檢定網頁設計乙級所發生的考試不公、圖利廠商等事件後,技檢中心針對該事件也做出了回應並接受中華民國軟體自由協會關於納入更多自由軟體的提案。網頁設計丙級考試的規則修改中,已經將自由軟體列入預先安裝軟體選項!這是台灣軟體資訊認證進一步邁向開放的重要歷程。

2017 年 8 月,文件基金會首次在亞洲舉辦認證面談(Certification interview),地點在台北市。會議邀請了 3 位開放文件領域的專家,一位是來自日本的榎真治、兩位是來自台灣的專家林毓能和蔡凱如,現場還有亞洲區第一位導入專家,目前也擔任認證委員會委員的中華民國軟體自由協會理事長翁佳驥(Franklin Weng)先生。會議上探討了對台灣現有點子文檔處理之格局和公共事業軟體使用的困病。

除了文字處理部分引入了開放文件格式,傳統的圖像圖形處理工具領域也引入了 Gimp、Inkscape 等眾多自由軟體;網頁設計軟體引入了 BlueGriffon 等自由軟體。這一役,可謂自由軟體攻城拔寨的大進展!

中華民國軟體自由協會長期在國內推廣開源軟體,並努力推動文檔開放化,而國家政策和技能檢定對自由軟體的接納和支持又顯得格外有意義。

附圖是針對網頁設計丙級考試規則的修正草案。考場預裝軟體雖然是由考場擇一,但是選項中已經列入自由軟體,考生也可以選擇以自由軟體應考。這對考生的選擇自由,還有特別是技職體系的教育公平性,都是非常大的進步。

這重要的一步對台灣意義非凡,一方面開源帶動職校用自由軟體教學,教學改以各領域的觀念而非工具為導向,讓學生學到真正的觀念之後,在工具上有更多選擇的自由。另一方面標誌著台灣的信息教育邁向更加開放的新台階。

網動廣告科技

參考資料:http://technews.tw/2017/08/30/grade-c-exam-web-design/

RWD網站教學!一起來學學吧!Part1!

後台網頁設計 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

世大運官網轉型賽會型網站 展現運動家4大精神

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

▲世大運官網。(圖/台北市政府資訊局提供)

體育中心/綜合報導

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

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

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

網動廣告科技

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