分類: 網路資訊

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

身為一個讀者，非常討厭瀏覽文章時被一堆廣告塞滿，一個不小心就誤點廣告，文章讀起來一頓一頓的，但身為一個部落客，不放廣告就只能吃土吃蚯蚓了，現在有了第三個方法可以選擇，就是用讀者的 CPU 幫作者的網站挖礦，畢竟閱讀部落格文章時 CPU 幾乎沒事可做，而且現在的 CPU 效能等級都高到有點過剩，不如反饋分享給網站經營者，讓網站可以永續經營

瀏覽器挖礦可賺到多少錢?

可以賺多少錢不確定，因為會有四個浮動的變數

1. 門羅幣目前的市場行情價，用 2017 年 9 月份來計算，一個門羅幣可兌換台幣 2,700元左右，但是最近中國打壓比特幣，部分職業礦工轉移到香港，但也有部分礦工轉移挖其他虛擬貨幣，所以門羅幣的行情有可以能漲
2. 美金的匯率，挖礦的虛擬貨幣都是以美金計價，若換回台幣就會有匯率的價差
3. 門羅幣礦池的挖礦難度，如果目前礦工很多導致礦池的挖礦難度提高，Coin-hive 給予到報酬就會降低
4. 網站的流量與停留時間，如果的網站流量大，每篇文章又是長篇，這樣的挖礦效益才會比較高一些

說明一下，瀏覽器挖礦本來就比挖礦軟體的效能還低，此外介介這次介紹的 Coinhive 挖礦工具，實際分得的礦數只有 70% 剩下的 30% 則歸  Coinhive 所有

雖然看起來沒什麼賺頭，但是在國外的社群討論中，有論壇的經營者安裝了瀏覽器挖礦，收益比放廣告還高，平均兩週就可以賺到 18萬台幣，更不用說直播或影音類型的網站，停留時間越長獲利越高

網動廣告科技

參考資料：https://www.kocpc.com.tw/archives/165178

用瀏覽器挖礦，擺脫網頁廣告的低收益，用CPU採礦換虛擬貨幣

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

你會不會有要記錄網頁的時候呢？通常大部分的人大多都是選擇使用截圖的方式來記錄，但其實網路上有個網站他可以幫你 備份網頁 ，你只要輸入網址貼上後，他就會幫你把網頁存在他們的資料庫中，隨時都可以調閱，而且跟截圖的方式不一樣，網頁上的 CSS 與特效都會記錄下來喔。這個網站的名稱就叫做 Perma 。

Perma 是一個專門「紀錄網頁」的網站服務，你只要到他那邊註冊會員、輸入網址後，就可以把網路上的網頁直接記錄一份在他們資料庫中，紀錄完之後有個專屬的網址可以隨時調閱出來，而且不同於截圖與 Google 庫存，使用 Perma 紀錄的最大好處，就是他可以完整保存網頁上的 CSS、特效與圖片，讓記錄下來的網頁看起來更加完整。

看到這個畫面時，就在上面輸入妳要記錄的網站，接著點選右邊的「Create Perma Link」，以下我們會以 Yahoo 首頁為範例。

網頁結構越複雜的話，轉換的時間就會越久，請耐心等候。

轉換成功後，你就可以拿到一組 Perma 專屬的網址（本次產生的是 https://perma.cc/2C3N-6KSE ）。

但必須要解釋一下，這邊能記錄的只有「公開的網頁」，如果是那種需要登入會員才能閱讀的（比如臉書頁面）這就沒有辦法紀錄。另外，網頁上如果有影片資料，通常也不會記錄下來。算是比較可惜的地方。

網動廣告科技

參考資料：https://www.kocpc.com.tw/archives/165393

只有截圖是不夠的　Perma 幫你 備份網頁 的每一個瞬間

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

在最近一個重大轉變中，蘋果把 Siri 和 Spotlight 的搜尋結果提供給 iOS 和 macOS，搜尋引擎也從微軟的 Bing 換到更受歡迎的 Google。

外媒 TechCrunch 報導，這改變已在 26 日推出，應該在一天結束後對所有用戶裝置生效。對用戶來說，這意味著 Siri 和 Spotlight 預設提供與 Safari 相同的搜尋結果（在很多情況下，搜尋結果更好）。蘋果已預設 macOS 和 iOS 的 Safari 瀏覽器搜尋結果，但 Siri 和 Spotlight 搜尋多年來一直依賴微軟 Bing。與 Safari 不同的是，Siri 和 Spotlight 搜尋都沒有提供改變預設服務提供商的方式。

另一方面，Safari 可讓用戶在 Google、Yahoo、Bing 和 DuckDuckGo 選擇。蘋果表示，這次改變是為了讓搜尋結果保持一致。蘋果發表聲明稱：「將 Google 做為 Siri 的網頁搜尋服務提供商，在 iOS 中進行搜尋，並在 Mac 上進行 Spotlight 搜尋，會使這些服務與 Safari 瀏覽器擁有一致的網頁搜尋體驗。

網動廣告科技

參考資料：https://technews.tw/2017/09/27/apple-switches-from-bing-to-google-for-siri-web-search-results-on-ios-and-spotlight-on-mac/

Google 取代 Bing 成為蘋果 Siri 網頁搜尋服務提供商

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

大公司旗下的雲端儲存服務也會倒下？不用怕，退役的只是Google Drive在PC或Mac上的應用，網頁版不受影響，可繼續使用。Google日前宣佈，從2017年12月11日起停止支援Google Drive for PC／Mac，2018年3月12日完全終止服務。

Google分別為一般用戶及企業用戶準備了兩款取代的應用。一般用戶可使用新應用Backup and Sync代替Google Drive，企業用戶則可使用Drive File Stream。Backup and Sync於今年6月推出，除了有備份電腦檔案功能，也整合了Google Photos的功能，可完整備份整台電腦。完整備份整台電腦的功能很吸引，方便有多台電腦的用戶，不過Google Drive只有15GB免費空間，要使用這個功能還是要有所付出。

網動廣告科技

參考資料：http://hk.apple.nextmedia.com/realtime/supplement/20170908/57183643

Google Drive桌面app將停用

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

本月，萬眾期待的iPhone X終於和大家見面了，雖說作為蘋果10周年的作品，但是卻並沒有贏得一致好評，最被人們詬病的就是正面上方的「劉海」設計。在影響美觀的同時，在觀看視頻、網頁的時候整體顯示效果割裂感十足。蘋果自己也知道這個問題，而且在努力的去引導開發者去如何避免這個情況。

先來感受下正常情況下iPhone X瀏覽網頁的效果，簡直慘不忍睹。

近日，Safari網頁團隊公佈了一組iPhone X瀏覽網頁的視覺效果圖，其旨在告訴開發者如何來更好的優化自己的網站，從而在這個新iPhone上完美展示。蘋果給出的解決方案，避開這個劉海區域。

由此可見，蘋果給出的解決方案也並不是完美的，只能說是可以的避開「劉海」。對於全面屏設計的iPhone X來說，這個方案讓人無法接受。除了網頁外，蘋果也已經敦促所有的開發者，在應用中兼容並美化iPhone X的「劉海」。

網動廣告科技

參考資料：http://news.sina.com.tw/article/20170924/24002406.html

iPhone X看網頁是啥體驗 網友稱無法直視

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

Facebook「致敬」來的限時動態 Stories 功能可說是在旗下 APP 幾乎都有了，雖說 Facebook 和 WhatsApp 的表現遠遜於 Instagram，不過臉書官方似乎也找到妙方，除了規劃可將 IG 限時動態分享至FB 之餘，之前被發現將在網頁版實裝的功能，似乎也悄悄登入台灣了…..

就如同先前國外流出的測試照片一樣，目前打開電腦網頁版的 Facebook 後，右上方就有機會變成與手機 APP 相同的限時動態頁面；不過也和手機版的相同，以筆者的為例，只有一個朋友張貼，其他空格或許是因測試因素，連灰白的「假裝」圖案都沒有用，感覺相當空虛啊。

實際點擊限時動態後，在網頁的中央也會開啟手機直式的閱讀介面，最下方也開放留言互動。然而幾天後這項功能就被撤下了，加上先前手機版 APP 也有測試選項可將限時動態縮小，或許 Facebook 還在慎重考慮吧？（畢竟都頭洗了，與最多人用的 IG 好好整合好像比較實際）。

網動廣告科技

參考資料：https://www.ettoday.net/news/20170918/1013009.htm?t=%E7%84%A1%E5%AD%94%E4%B8%8D%E5%85%A5%EF%BC%81Facebook%E7%B6%B2%E9%A0%81%E7%89%88%E4%B9%9F%E6%9C%89%E9%99%90%E6%99%82%E5%8B%95%E6%85%8B%E4%BA%86…..

無孔不入！Facebook網頁版也有限時動態了…..

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

在使用網頁的經驗中，大家是否有遇過影像太小看不到細節的狀況？若是我們可以使用滑鼠滑入或點擊該影像，能在另一個區域中檢視到放大的影像，那應該是比較妥當的呈現方式！

一般的購物網站都有製作此機制，否則，使用者在購物中都只能看到小圖而看不到細節的顯示時，難免會對該商品的認知、品質產生懷疑、不安全感而不敢購買，自然而然地便損失了商機！

若我們製作此效果該用什麼樣方式來做呢？答案是 Javascript 、 jQuery ，誠如前篇所描述的一樣，若是不會撰寫 Javascript 不就挫咧蛋！現在各位只要會使用 Dreamweaver 行為便可輕易地完成此效果，在 Dreamweaver 中提供了許多的行為功能讓各位去點選使用，點選後即會幫我們產生 Javascript 程式碼，所以各位也不必擔心不會撰寫 Javascript 語法的問題。

接下來，我們就開始使用 Dreamweaver 行為來製作我們所需要的提示文字。

請各位先了解一下待會兒要控制的區塊，如下圖所示：

在我們的教學過程中常常會碰到 ” 觸發對象 ” 設定錯誤這類的問題，所以，請在使用行為時遵循下面幾個步驟，否則在控制對象時會設定錯誤喔！

1. 請為元素加上 id 以便 Javascript 可以尋找到其 id 並予以控制。
2. 選取控制元素。
3. 選擇所需的行為指令。
4. 選擇或輸入參數。

請為元素加上 id 以便 Javascript 可以尋找到其 id 並予以控制

請各位依上圖的標示為 img 標籤加上 id。

選取控制元素

選擇所需的行為指令

開啟「標籤檢視窗 \ 行為」面板，選擇「新增行為 \ 調換影像」。

選擇或輸入參數

1. 影像：選擇 photo。
2. 設定原始檔為：選擇對應的大圖影像。

依此類推，其他的 <img> 也設定所需的調換影像內容。

總結：

雖然 Dreamweaver 行為提供給我們這樣便利的工具，但在 HTML 中也是有產生一些程式碼喔！就是當滑入影像後便呼叫 MM_swapImage 函數，將我們剛剛所設定的參數代入到函數內執行；滑出影像時，呼叫 MM_swapImgResotre 函數，以便回復到原來狀態。

位於檔頭內的 Javascript 將參數代入後以顯示大圖影像。

網動廣告科技

參考資料：http://www.flycan.com/article/dreamweaver/dreamweaver-swapimage-1413.html

Dreamweaver教學 – 調換影像

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

Google 和 Adobe 2014 年 7 月 16 日共同發表了開源的（免費的）思源黑體字型，可支援網頁使用的繁體中文字體、簡體中文字體、日文字體和韓文字體，在當年引起一陣騷動，受到大家的熱烈歡迎….後來在 Google Fonts 網站又再推出 5 款中文網路字型，直接給我們可以直接使用在我們的網頁上，在 CSS 中連結就可以使用。

思源黑體下載網址一： https://www.google.com/get/noto/#sans-hant

Google Fonts – 中文網路字型推出 5 款免費的中文網頁字體

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

有被網頁自動播放的影片和音樂嚇到嗎？更讓人不滿的是，若手機上網自動播放這些影音，每個月更會消耗掉不少行動上網的流量，如今 Google 表示，將更新 Chrome 設定，讓瀏覽器禁止網頁自動播放影音，把主導權還給使用者。

▲Google Chrome 將限制網頁禁止自動播放影音。（圖／翻攝於techcrunch）

網頁自動播放影片、音樂原先是項貼心的設計，用戶無須點擊任何按鈕，載入即可開始欣賞影片，但如今這項功能卻相當惱人，出其不意的音樂播放不但降低網頁讀取速度，更會占用大量的網路資源，Google 表示，希望將音頻的控制權還給使用者，瀏覽器則站在與使用者同一陣線。

從今年 10 月即將推出的 Chrome 63 版本，Google 將替瀏覽器設立將特定網頁靜音的功能，預計明年推出的 Chrome 64 版本，則會全面禁止網頁自動播放影片和音樂，除非用戶透過設定，選擇開啟這項功能，否則一旦 Chrome 偵測到有企圖自動播放的影音內容，將會自動幫用戶過濾。

Google 表示，這項功能會統一在手機、桌面兩個平台推出。除此之外，Google 先前也曾表示，會在 2018 年替 Chrome 裝置阻擋廣告的功能，Google 開始積極清理那些不受用戶喜歡的網頁設計，包含彈出式網頁、自動播放等功能，對於網頁設計者來說，勢必得想出新的方法來吸引讀者。

網動廣告科技

參考資料：https://www.ettoday.net/news/20170918/1013302.htm?t=%E6%B5%AA%E8%B2%BB%E6%B5%81%E9%87%8F%E5%8F%88%E5%9A%87%E4%BA%BA%EF%BC%9F+Chrome%E5%B0%87%E7%A6%81%E6%AD%A2%E7%B6%B2%E9%A0%81%E8%87%AA%E5%8B%95%E6%92%AD%E6%94%BE%E5%BD%B1%E9%9F%B3

浪費流量又嚇人？ Chrome將禁止網頁自動播放影音

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

關於網頁設計的要訣，在製作前我們會先暸解客戶對網路的期待及達成率來做網頁設計的依據，我們要不斷強調網站是一種工具，你指令它做什麼他就去執行。客戶的第一件工作就是決定要用何種型態產生網頁？是採用較有效率的資料庫網站？還是一般DM式的平面網站？

專業的網站為了要達成預定功能，除了充實的內容，還要強調風格、創意，以吸引人、容易使用之設計，讓客戶樂意來瀏覽，滿載而歸；同時促成交易、或使客戶留下深刻之印象，然而，不同功能需求，不同程度的呈現效果，網站規模，以及未來之擴充能力，都會影響所需費用與設置時間，設置網站之前應先有完整考量。

如果您有網頁設計的問題，也 歡迎您向網動廣告諮詢。

網動廣告科技

參考資料：https://104portal.com.tw/service/%E6%9C%8D%E5%8B%99%E9%A0%85%E7%9B%AE

網頁設計就找網動科技！