Google宣布,新版Chrome將自動封鎖遭到濫用的網站通知,以保護用戶

Google宣布,自2020年7月14日釋出的Chrome 84開始,就會對濫用的網站通知開鍘,自動封鎖那些遭到濫用的網站通知,以保護Chrome用戶。

Google網頁平臺產品經理PJ McLachlan表示,網頁通知可協助使用者收到廣大應用程式的重要更新,包括傳訊、行事曆、電子郵件客戶端、叫車、社交媒體與送貨服務等;可惜的是,瀏覽器的通知也能被用來誤導使用者,例如釣出使用者的個人資訊或是推廣惡意程式,它們可分為兩大類別,分別是權限請求問題及通知問題。

當中,誤導型的通知權限請求目的是在誤導、誘騙或強迫使用者授予通知權限的瀏覽器請求,例如要求使用者必須允許通知才能存取網站內容,或是出現在誤導性提示之後的請求。至於通知問題,則涵蓋了偽造,網路詐騙與惡意軟體,例如把通知偽裝成即時通訊訊息、警告或系統對話視窗,並在使用者點擊時導向廣告或目的網頁,或者是在通知中試圖竊取個人資訊,以及在通知中宣傳或連往惡意軟體及垃圾軟體等。

其實Google在今年2月釋出的Chrome 80便新增低擾式通知(quieter

...
閱讀更多

如何避免受到網路釣魚和惡意程式攻擊

網路上的攻擊者和詐騙集團會試著竊取電子郵件地址、信用卡資訊和其他敏感資料。

網路釣魚有哪些型態

網路釣魚是一種由攻擊者偽裝成使用者所信賴的人或服務,試圖誘騙使用者機密資料的手段。

網路釣魚攻擊的形態包括:

  • 傳送電子郵件:
    要求您在回信中提供帳號 / 電子郵件地址和密碼。
    附有假登入頁面或密碼重設頁面連結。
    附有不知名檔案檢視或下載連結的電子郵件。
    提到近期事件、以獎金或優惠方案吸引您、或聲稱有緊急事件需要您回覆或點選某個連結。
  • 在社群網站上貼文或留言,散布假登入頁面或密碼重設頁面的連結。
  • 假裝是您認識的熟人,來電或以電子郵件、簡訊誘騙您回覆或點選連結。

閱讀更多

設計師成長必修秘笈:充分瞭解色彩的原理

色彩的運用在網頁中的作用真是太重要了,有些網頁看上去十分典雅、有品位,令人賞心悅目,但是頁面結構卻很簡單、圖像也不複雜,這主要是色彩運用得當,因此我特地將本來屬於圖像製作內的色彩作為一個獨立攔目來介紹。

一、色彩基本概念

自然界中的顏色可以分為非彩色和彩色兩大類。非彩色指黑色、白色和各種深淺不一的灰色,而其他所有顏色均屬於彩色。任何一種彩色具有三個屬性:

  • 色相(Hue):也叫色澤,是顏色的基本特徵,反映顏色的基本面貌。
  • 飽和度(Saturation):也叫純度,指顏色的純潔程度。
  • 明度(Brightness或Lightness或Luminousity):也叫亮度,體現顏色的深淺。非彩色只有明度特徵,沒有色相和飽和度的區別。
...
閱讀更多

PHP 5.6將正式步入歷史停止更新支援,各版本PHP網站如何因應對策

在2018 年的倒數幾週,企業除了全力衝刺年底銷售業績外,還有一件重要IT大事不容忽略,就是「PHP 5.6即將在2018年12月31日終止更新支援」,這意味著PHP 5將正式步入歷史,並影響著台灣半數以上的網站安全及功能運作,企業勢必需做出更版或風險轉嫁之因應對策,並藉此機會重新檢視網站架構與安全狀態。

各版本PHP網站的因應對策

PHP

...
閱讀更多

解決PHP沒有整數除法的問題

有時候在寫PHP時,若是遇到了除法就是一個問題,為什麼呢?因為PHP沒有整數除法,所以除出來的東西會有小數點,但是需要使用的地方並不需要小數點,這時候該怎麼解決這樣的問題呢?上網爬了一下文章,好像有個「floor」的函式可以使用,經過使用後,問題確實解決了,所以就發這篇來筆記一下,以後忘記可以來參考。

如同其他語言一樣,PHP也有幾種除法,像是取餘數與浮點運算之類的,不過卻沒有整數除法。爬了一下網路資料,發現有個函式「floor」可以使用,所以到PHP官方網站看了一下,這個函式就是取整數的函式。

至於使用方法呢?那就是把你的數字丟到函式中就會輸出整數部分了,以官方的例子來看,就是:

<?php
echo floor(4.3); // 計算後為:4
閱讀更多

Linux常見技術支持問題十一則

解答linux技術支持中常見的十一個問題,例如多重啟動、性能調整、檔同步、改變檔清單預設顯示方式、多台機器的時鐘同步、郵件備份,等等。

一. 我想要讓Apache為大量的連接提供服務。為了減小創建進程所需要的時間,我把Apache子進程數量配置為固定的1000。系統的性能很差,有時甚至拒絕連接。你有什麼建議嗎?

A:看來你很可能遇到了一個通常稱為“thundering herd”(異乎尋常地聚集)的問題。Apache和Linux的文檔都詳細地說明了這個問題,你可以用幾種方法來解決它。

在Linux中,這種情形通常從進程“wake”(喚醒)發展而來。當一個新到達的連接要求Apache/Linux提供服務時,系統向所有正在休眠的進程發出通知。這時,所有這些進程會試圖獲得對新連接的控制權。但是,它們之中只有一個能夠獲得成功,所有其他進程都將失敗並轉入休眠狀態。這被稱為“wake all”(全部喚醒)。Linux

...
閱讀更多

檢視SQL資料庫讀取慢的原因分析及優化資料庫讀取方式

SQL讀取速度變慢的原因很多,常見如下幾種:

  1. 沒有索引或者沒有用到索引(這是讀取慢最常見的問題,是程式設計的缺陷)。
  2. I/O輸送量小,形成了瓶頸效應。
  3. 沒有創建計算列導致讀取不優化。
  4. 記憶體不足。
  5. 網路速度慢。
  6. 讀取出的資料量過大(可以採用多次讀取,其他的方法降低資料量)。
  7. 鎖或者鎖死(這也是讀取慢最常見的問題,是程式設計的缺陷)。
  8. sp_lock,sp_who,活動的用戶查看,原因是讀寫競爭資源。
  9. 返回了不必要的行和列。
  10. 讀取語句不好,沒有優化。

可以通過如下方法來優化讀取

...
閱讀更多

搜尋引擎網站優化幫助中小企業網站的競爭力

一般中小企業對於SEO的認知上,認為只要是自己公司的名稱能在搜尋引擎被找到就可以了。殊不知一個好的網站會相當於是幫公司請了幾個優秀的業務經理人,除此之外還能發揮更多的功效。網站可以讓我們不用主動去搜尋我們的客戶,所有的客戶通過網路找到我們的網站並了解我們所提供的服務並進而與我們取得聯繫,大部分的訂單都是通過網站而非人工自動產生。

...
閱讀更多

七個簡單技巧助你搞定響應式網頁中的圖片設計

響應式網頁設計已經是如今當之無愧的標準配置了,我們需要響應式網站的技術來應對日漸碎片化的屏幕尺寸,網頁設計師也力圖做好這件事情。而網頁中的圖片和圖庫的響應式設計,也是其中的重點難點。它們是網頁中最常見,也是最直觀可見的元素。打開一個漂亮精緻的網站,然而其中的圖片和圖庫看起來怎麼都和頁面不匹配,這樣的情況恐怕是最讓人抓狂的了。

如果要設計好響應式的圖片和圖庫,今天接下來要聊的7個技巧,興許能給你提供一個明確而係統的思路。它們並不涉及到具體代碼實現,更多牽涉到設計過程和處理手法,做好了這些工作,具體實現起來就不難了。

...
閱讀更多

網站響應式設計並不完美!四大常見問題可能影響移動轉化率

十年前,上網的工具只有電腦,兩種螢幕尺寸佔全部市場的比例就高達77%。十年後,這種模式已經發生了翻天覆地的變化。不同大小的桌面端PC、筆記本電腦、平板、智能手機、電子書閱讀器以及聯通網絡的電視等等層不出窮,分割網絡用電子設備77%份額的是十種不同的螢幕尺寸。

根據統計數據,這十種不同的尺寸雖然佔比有高低之分,但沒有任何一種的市場份額能夠超過20%。這種上網工具的分散化,催動了網站建設行業中的一個新興板塊:響應式網站設計。因為響應式設計能夠解決一個網站適應各類大小螢幕的問題,也便於後台統一管理,有助於搜索引擎收錄與檢索。

但響應式網站設計並不是萬能的,它存在的一些固有問題可能影響響應式網站的移動轉化率。下面畔遊科技就最常見的四大問題與大家商榷一二。

...
閱讀更多

如何設計製作HTML5響應式網站建置

H5響應式網站目前已經佔領了全網營銷的流量入口,對於說起H5響應式網站很多人也是慢慢的熟悉起來了,隨著H5響應式網站建站技術的日益成熟,也為企業的建站成本帶來了很大的減少,在技術沒有成型之前都是需要做上倆套模板的,一套pc端的一套手機端的,在瀏覽器訪問的時候通過辨別瀏覽器的方式來跳轉不同的程序,但是H5響應式網站就不一樣了,只需要一套模板一套程序可以自適應不同大小的屏幕分辨率,讓網站可以輕鬆的適應不同品目的瀏覽器,給不同設備的客戶帶來了統一的瀏覽體驗,其實H5響應式網站製作起來也不是想像的那麼複雜,下面就來說說如何設計製作HTML5響應式網站建設。

...
閱讀更多

國內對外貿易英文網站設計常見缺失及優化解決方法

...
閱讀更多

網頁設計時對網頁標題設計應遵循三大原則

在設計網頁標題時,應注意同時兼顧對用戶的注意力,以及對搜尋引擎檢索的需要。這一原則在實際操作中可通過下來三個方面來體現,這三個方面也可以被認為是網頁標題設計的一般規律:

一. 網頁標題不宜過短或者多長

一般來說6~10個漢字比較理想,最好不好超過30個漢字。網頁標題字數過少可能包含不了有效關鍵字,字數過多不僅搜尋引擎無法正確識別標題中的核心關鍵字,而且也讓使用者難以對網頁標題(尤其是首頁標題,代表了網站名稱)形成深刻印象,也不便於其他網站連結。

二. 網頁標題應概括網頁的核心內容

當使用者通過搜尋引擎檢索時,在檢索結果頁面中的內容一般是網頁標題(加連結)和網頁摘要資訊,要引起使用者的關注,網頁標題發揮了很大的作用,如果網頁標題和頁面摘要資訊有較大的相關性,摘要資訊對網頁標題將發揮進一步的補充作用,從而引起使用者對該網頁資訊點擊行為的發生(也就意味著搜尋引擎推廣發揮了作用)。另外,當網頁標題被其他網站或者本網站其他欄目 /

...
閱讀更多

網站首頁的設計

有這麼一句俗語:『好的開始是成功的一半』。
在網站設計上也是如此,首頁的設計是一個網站成功與否的關鍵。人們往往看到第一頁就已經對您的網站有一個整體的感覺。是不是能夠促使瀏覽者繼續點擊進入,是否能夠吸引瀏覽者留在網站上,全憑首頁設計的「功力」了。

所以,首頁的設計和製作是絕對要重視和花心思的。一般首頁設計和製作占整個製作時間的40%,您寧可多花些時間在早期,以免出現全部做好以後再修改,那將是最浪費精力的事。

這裡,先插一個「封面」的問題。封面是指沒有具體內容,只放一個logo點擊進入或者只有簡單的圖形功能表的首頁。
是否需要為網站設計一個「封面」?作者的個人觀點是:沒必要!
除非您是很藝術類的網站,或者可以確信內容獨特,可以吸引瀏覽者進一步點擊進入的網站,否則的話,封面式的首頁並不會給您的網站帶來什麼好處。我們上網瀏覽需要的是快速,有價值的資訊,如果等待xx分鐘,只顯示出一個粗劣的“ENTER”圖示,那麼相信沒有人會再耐心等待進入下一頁。

首頁,從根本上說就是全站內容的目錄,是一個索引。但只是羅列目錄顯然是不夠的,如何設計好一個首頁呢?
一般的步驟是:

...
閱讀更多

無障礙網頁設計準則

網頁開發人員在設計網頁時應該依循的作業方式和考量原則

「無障礙網頁」, 就是遵循無障礙網站設計之規範,提供網頁導盲磚、鍵盤快速鍵(Access Key)、網站導覽(Site Navigator)等無障礙網頁之設計,為使對滑鼠操作有障礙之人士,亦可快速瀏覽網站之任何資訊。

一、無障礙網頁可及性設計原則
網頁開發人員在規劃網站的架構、資源內容的整理和呈現的處理、網頁相關技術的取捨等相關因素時,應該依循下列四個無障礙網頁可及性設計原則。

原則一:多媒體相關資訊的可及性

...
閱讀更多

首頁的角色正在變化

於一個網頁設計者這來說,可能最重要的一項工作就是首頁的設計了。客戶往往要求把更多的東西都塞到首頁裡面來,而設計者更希望保證設計上得一些追求和設計上的完整性。設計師與客戶之間的對峙,大概是每個項目進行中主旋律。如果您是一位設計師,我敢保證您肯定碰到下面的情形:

我希望logo可以更大些、新聞活動和重要事件要大一些,重要的連結和導航和搜索框要更醒目些,哦對了,我不想讓頁面出現滾動的情況,所有的東西都在瀏覽器的第一幕裡面,還有我們的銷售人員希望上面底下和側面都有banner。

這些情形的出現也說明了大家對首頁重要性的認識,正是因為這樣,當您為一個企業或者公司網站設計的時候,您可以看到每個部門都爭先恐後的在首頁上劃分自己的領地。在這樣爭奪下,您所設想的設計和易用性等等這些東西都率先犧牲了。作為設計師,您怎麼辦呢?

...
閱讀更多

網站設計網頁製作中有哪些關鍵技巧?

網站設計中有哪些關鍵技巧?在這裡告訴你:

01. 明確內容
如果你想成為一個網站設計者,並正想建一個網站的話,首先應該考慮網站的內容,包括網站功能和你的使用者需要什麼。你的整個設計都應該圍繞這些方面來進行。

02. 抓住用戶
如果用戶不能夠迅速地進入你的網站,或操作不便捷,網站設計就是失敗的。不要讓用戶失望而轉向你的對手的網站。

03. 優化內容
內容是核心。企業網站就像一本廣告冊子,網站不要使用太多大的圖片,似乎要幾個世紀才能下載完。

04. 快速下載
沒有什麼比要花很長時間下載頁面更槽糕的了。作為一條經驗,一個標準的網頁應不大於60K,通過56K數據機載入花30秒的時間。有的設計者說網頁載入應在15秒內。

05. 網站主機適時升級...

閱讀更多

來自微軟設計主管 - 網頁設計經驗

從頭銜上,您可能認為我主要關心的是 microsoft.com Web 網站幾千個網頁的版面設計。的確,這些確實是我所關注的。視覺上的吸引力是重要的,但是這僅僅是工作的一小部分。而最終的目的是確保整個網站運轉正常。
我的意思是,人們通常在訪問 microsoft.com 時,並未將它當作藝術作品來讚賞。而是為了獲得有關產品的資訊,或者有一些技術問題需要諮詢,或是閱讀有關開發商的期刊。所以網站的設計應該儘量清楚和有條理,以便他們能夠容易地找到所需資訊。

設計網站
在進行網站設計時--在設計過程中--形式應該服從功能。這種方法應用於我們網站的整個設計過程中。當然,我們有最新的網路工具,並且能夠將各種可視的小配件上載到網頁上。但是我們認為這樣做將不利於為訪問者提供有效的服務。...

閱讀更多

網站的設計、管理與維護

如果您在網際網路上發現一個對您的工作有幫助或有參考價值的網站,您一定會將其網址告訴您的同事;如果找到您的朋友需要的資訊,您同樣記下網址告訴您的朋友;要是在飆網時偶然遇到特別有興趣的網站,您肯定加入到自己瀏覽器的書簽中,每一個上網者都會這樣做的。有許多人員設計過網站和個人主頁,這在技術實現上已十分容易,有許多幾乎不用程式設計的所見即所得的工具軟體可以利用。但是讓人們從浩如煙海的網站中,訪問瀏覽您的網站甚至為您宣傳,就不是那麼簡單,因為滑鼠和鍵盤是永遠掌握在上網者手中的。設計者如何設計出達到預期效果的網站和網頁,是需要深刻理解使用者的需求並對人們上網時的心理進行認真的分析研究。

網際網路正在改變世界,它促成了網路經濟雛形的形成,特別是電子商務正由新概念走向實用化。由於網際網路具有傳播資訊容量極大、形態多樣、迅速方便、全球覆蓋、自由和交互的特點,已經發展成為新的傳播媒體,所以全球幾乎各個企業、機構紛紛建立自己的Web網站。並且由此產生了一個新的工作崗位——網站設計者(Website

...
閱讀更多

「以客為尊」從市場的角度思考建置網站

寫在前面:我的一位前輩告訴我,技術永遠都不是最重要的,一個不懂市場的設計師永遠只能是個體力勞動者。
無論這樣,為藝術而藝術或者為技術而技術在這個年代已經註定是要碰壁的了,我覺得。

一、以客為尊從市場的角度思考建置網站之「細節致勝篇」

英國一家研究機構在2002年5月份發表的調查資料表明,英國很多大型公司在企業網站的建設和維護方面儘管花費了數以百萬英鎊計的資金,但真正有用的網站卻寥寥無幾,所投入的資金幾乎等於浪費。其實這種狀況在國內也很普遍,毫不誇張的說,95%以上的企業網站通常都沒有發揮多大作用。於是我們常常可以看到一些為企業網站“診斷”的文章羅列企業的“罪狀”,比如網頁設計簡陋、長期沒有更新、網站缺乏有效的推廣等等,實際情況顯然並不僅僅限於這些表面問題。

如果進行深入分析,不難發現,很多網站在一些看似不起眼的小問題上往往暴露出其不專業的缺點,這些問題看起來可能並不嚴重,甚至微不足道,但實踐經驗表明,在網站的總體功能差不多的情況下,細節問題往往是決定一個網站是否真正有效的關鍵因素。

...

閱讀更多

網頁設計報價計價參考

家有家規,國有國法,網頁設計的價格標準,似乎是有了家規,尚無國法。每個公司、工作室開出的價格單都不同,沒有統一的標準。沒有規範,沒有對照,甚至連小小的頁字也統一不了,比如有人是以一個HTML頁面為一頁,有人則是A4紙大小為一頁。在同一地區,不同的兩個設計公司中,對網頁設計的報價往往也是不一樣的。這就導致競爭,競爭是有良性和惡性之分的。如果兩個公司之間競爭的是設計水平,那就是良性的競爭;如果兩個公司之間是爭相競低價,那就是惡性的競爭。

不管是客戶業主或是同行間最好奇的就是網站設計的報價,通常學生接案或是SOHO接案可能價格比較起伏不定,但是其實大概都會有一個範圍在,通常的收費也可以用以下標準略為計算。首先從大部分客戶角度上劃分,網站大致可分為企業形象類型、程式功能類型或兩者綜合類型。企業形象類型則是打造企業形象品牌,使產品品牌在網上傳播到世界各地;程式功能類型就是實現會員管理、產品資訊管理、線上訂購、線上討論互動等功能。
...

閱讀更多

網站規劃設計製作流程

線上諮詢
諮商委託設計項目、屬性、數量與範圍。了解網頁製作用途,與其他廣告媒體之搭配等相關事宜。由客戶提供網頁製作相關資訊、文件、描述內容等,全盤性了解網頁製作事宜。

瞭解客戶需求,建立製作共識並報價
根據諮詢議題,確立網站架構,網頁製作設計屬性、規模、數量與程式元件功能品項。

簽訂委託網站設計製作正式合約
根據雙方議定委任內容與事項,線上簽立合約,客戶給付網頁設計製作費用訂金。

網站資料準備與彙整
根據合約中的網站架構,將所需的內容文稿及圖檔資料蒐集整合,並確定網域名稱。

確立網站主版型設計風格...

閱讀更多

該如何準備網站設計前的工作

網站設計是一門專業的工作需要眾多人員的分工合作才能成就一個完整而實用的網站,製作網站除了找尋委託專業的網頁設計公司、將製作與設計交由專業人員執行之外,自己企業本身也應於先前對自己企業本身的網站內容有所規劃與準備。

對網際網路應有基本認識
就算您打算聘用網頁設計公司替您設計網站,並不代表可以完全放心把工作交給別人,您需要對網際網路應有基本認識。
絕對擁有網域名稱註冊權,網址註冊時網域名稱註冊單位不會核實登記者的身份,只以登記人填寫的資料為準。如果別人替您登記時用了自己而非您的資料,若您想取回網址的擁有權便要對方同意才可以。當您想取回擁有權,99% 都是不滿意對方吧,有多少麻煩不難想像。所以即使委請他人註冊網址,必定要確認登記註冊擁有人是您自己的身份。

釐清網頁需要為您達到的目的
一般來說,我們做了一些網頁的分類,如形象網站、購物網站...建議您可以先逛一下我們的網站,看一下哪些網站是您比較偏向的類型?哪些網站是您喜歡的風格?
...

閱讀更多

無障礙網站九十條相關的檢測要點

無障礙網站九十條相關的檢測要點

1.1:H101000圖片需要加上替代文字說明
說明:在瀏覽器無法顯示影像時,可以利用ALT屬性所指定的說明文字來代替影像。例如協助視覺障礙者增進網頁文字及影像視覺可讀性(visual readability)之螢幕閱讀器(screen reader);螢幕閱讀器可以自動將ALT屬性所指定的說明文字解譯至語音合成器(speech synthesis)作語音輸出,或解釋至點字顯示器(brsille display)顯示點字。

1.2:H101001對於applet提供替代文字說明...

閱讀更多

何謂網路無障礙網站?

認識無障礙網路空間
無障礙 您瞭解嗎?這字眼常常讓人誤解,一般人會認為「啊~這跟我無關!」,有這樣想法的您就錯了。您一定看過無障礙坡道吧!它不僅協助身障人士,對於其他人也是一項福利,怎麼說呢 ?

...
閱讀更多

什麼是動態網站與靜態網站?有什麼區別?

什麼是動態網站呢?動態網站並不是指具有動畫功能的網站,而是指通過資料庫進行架構的網站。 動態網站除了要設計網頁外,還要通過資料庫和編程式來使網站具有更多自動的和高級的功能。例如,網站裡的產品資料和圖片數量很多、種類很多,為方便顧客查找,就應通過資料庫程式設計來在網頁上實現自動搜索;系統、線上採購系統、商務交瀏系統等都是用資料庫來做成的。

閱讀更多

網頁設計

  • 網站品牌視覺系統建立:提供完整的品牌建立及顧問服務,所有的創意及設計工作皆環繞著建立品牌的中心思考,針對行業特點及企業的個性,企劃出具創意的全方位的網站品牌規劃設計服務。
  • 網頁SEO優化設計:網站經專業的優化程序處理後,將對於各大搜索引擎之搜尋結果將會有明顯的排序提升。網站優化的目的在於使搜索引擎能更明確網站屬性及內容,做最恰當的歸類,進而迅速提高排名及提升網站曝光率。
閱讀更多