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

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

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

無孔不入!Facebook網頁版也有限時動態了.....。(圖/翻攝自電腦)

就如同先前國外流出的測試照片一樣,目前打開電腦網頁版的 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網頁版也有限時動態了…..

Dreamweaver教學 – 調換影像

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

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

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

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


01 Dreamweaver 網頁設計

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

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

02 Dreamweaver 網頁設計

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

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

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

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

03 Dreamweaver 網頁設計

選取控制元素

04 Dreamweaver 網頁設計

選擇所需的行為指令

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

05 Dreamweaver 網頁設計

選擇或輸入參數

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

06 Dreamweaver 網頁設計

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


總結:

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

07 Dreamweaver 網頁設計

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

08 Dreamweaver 網頁設計

網動廣告科技

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

Dreamweaver教學 – 調換影像

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

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

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

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

FLY-01-5 CSS 語法 - 網頁設計 Free Resource 好康報報

不久之後 Google 又再推出 5 款免費的中文網頁字型,真是佛心來的!

1. cwTeXKai (Chinese Traditional) 楷體字體

2. cwTeXYen (Chinese Traditional) 圓體字體

3. cwTeXFangSong (Chinese Traditional) 仿宋體字體

4. Noto Sans TC (Chinese Traditional) 黑體字體(思源黑體)

5. cwTeXMing (Chinese Traditional) 明體字體

Google fonts:Noto Sans TC (Chinese Traditional) 黑體(思源黑體)

@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);

font-family: ‘Noto Sans TC’, sans-serif;

CSS 寫法如下:

FLY-12-4 CSS 語法 - 網頁設計 Free Resource 好康報報

基本上還是以 Noto Sans TC (Chinese Traditional) 黑體(思源黑體)開發的比較早,又是和 Adobe 公司一起開發的,所以思源黑體可以設定的 font-weight 字體粗細的變化比較多樣化,從最細到最粗,大家都可以試試看他呈現出不同的風格。

我覺得他的圓體、黑體和明體使用在網頁上都好好看,比起我們這幾年一直在使用的 細明體 或 微軟正黑體 是不是好看多了呢!

最後還是很感謝 Google 願意提供這麼多免費的開源字體給我們使用,感謝!

網動廣告科技

參考資料:http://www.flycan.com/article/css/google-fonts-webfont-2474.html

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

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

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

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

http在Google Chrome走入歷史 瀏覽器個資加密更安全(圖/翻攝於techcrunch)

▲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

網頁設計就找網動科技!

10招讓你的網站訂單應接不暇

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

網站的最高宗旨正是「將用戶轉換成客戶,讓路人轉變成客人!」換言之,有良好的轉換率(成功轉換成客戶的機率),才堪稱一個成功的網站。因此,能否在網頁上營造出令人滿意的購物體驗,就十足重要。
於是,在製作網站的過程中,設計者必須要能夠從目標客群的觀點出發,而非一味專注於各種華麗的轉場效果、高深的購物功能。所以下列幾個網站設計要素,你絕對無法忽略:

1.了解你的目標客戶摘要
由於目標客戶就是會直接從網站上購買商品的人,所以,必須了解他。而消費往往只是一個衝動性的決定,因此,得想出一個能夠引發衝動的方法,若能取得目標客戶的購物習慣,就能輕易找到引發購買的關鍵動力。

2.簡單而清楚的導覽
準客戶想要的網頁導覽,是簡單、清楚、容易理解的,可以讓他們從網站的任何位置輕易的前往其他頁面。不要隨便給太多意外驚喜,不要太難找,不需要思考,只要讓他們可以方便快速的瀏覽商品資訊即可。

3.高解析度的商品圖片
購物網站上最重要的視覺元素就是商品圖片,因此,要盡其所能的呈現商品外觀。透過圖片放大效果、放置不同角度,讓消費者動不動就看到他們想看的東西,才能有效的提升購買欲。

4.詳細且迷人的商品說明
一則具有吸引力的標語,搭配詳細而完整的商品說明,經常是成功達成轉換率的主要原因。請記得提供正確而詳盡的資訊,而且要容易理解、有趣、引人入勝。

5.商品影片
消費者都喜歡有高度互動性的購物網站,豐富的互動元素能成功吸睛,其中商品影片絕對是最能觸動人心、最能感受到商品所要傳達訊息的互動元素。

6.永遠都能看到購物車標示
盡量讓客戶永遠看到購物車的標示,即使當滑鼠移上去時,都還能清楚看見目前購物車中的商品清單。消費者通常都習慣在結帳之前先檢查一下購物清單,讓他們可以輕鬆決定要繼續購買其他商品還是要前往結帳。

7.別讓客戶分心
有些購物網站都在結帳頁面中放一些部落格、公司的連結或者其他商品廣告,事實上,當客戶正在購物時,最好不要有任何其他因素干擾,試想,一旦他們在即將結帳時看到更有趣的東西,消費很可能就此中斷了。

8. 把特色商品放在首頁
大多消費者逛購物網站時,都不太清楚他們到底要什麼,所以把特色商品或特價商品放在首頁,可以幫助消費者消除心中的雜念,加速他們下單。

9.聯絡資訊
線上購物乃基於信任感,如果消費者信任你的網站,他們就會願意消費,因此,適當的放置聯絡資訊,能更有效提升轉換率。

10.多種付費方式
由於有些人不太願意在網路上填寫信用卡資料,有些人家裡沒有Web ATM,更有些人懶得到樓下的超商繳款,所以,請確保你的網站具備多種付費方式。值得注意的是,網站最忌諱的是龐雜、分散、失焦,因此「簡潔」,幾乎是網站設計最核心的價值。「Less is More」是二十世紀著名的建築師密斯‧凡德洛說過的一句話,意思是「少即是多」,這是一種提倡簡單,反對過度裝飾的設計理念,而這正是網頁設計過程中需要考慮的因素。

網動廣告科技

參考資料:http://www.appledaily.com.tw/realtimenews/article/new/20170911/1201507/

10招讓你的網站訂單應接不暇

Google終於將聊天服務Allo帶到網頁 但暫時僅限與Android版連動

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

針對去年推出的線上聊天服務Allo,Google宣布從即日起推出網頁版服務,讓使用者能藉由更大螢幕使用此項線上聊天服務,同時也能透過網頁完整使用Google Assistant數位助理服務。

根據Allo產品負責人Amit Fulay於個人Twitter透露消息,宣布將從即日起將Allo服務帶進網頁平台,當使用者透過手機掃描網頁QR Code時,即可快速存取先前曾在手機使用的聊天記錄,讓使用者能透過Chrome瀏覽器近完整地使用Allo服務。不過,目前網頁版Allo仍僅限與Android平台裝置連動,暫時尚未開放iOS裝置使用。

此外,網頁版Allo基本上仍與Android平台版有部分差異,例如無法自由調整字級大小,或是自行製作表情圖案,但包含文字傳訊、使用貼圖,以及藉由Google Assistant數位助理功能輔助功能幾乎相同。

至於針對iPhone等裝置使用需求,Google接下來也計畫推出對應iOS系統使用版本。

網動廣告科技

參考資料:https://udn.com/news/story/7088/2645402

 

Google終於將聊天服務Allo帶到網頁 但暫時僅限與Android版連動

Spotify 不再支援 Safari 的網頁播放

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

如果你是個使用 Safari 播放 Spotify 的使用者的話,那就要請你換一下使用方式了。因為最近有人發現 Spotify 不能在 Apple 的這個瀏覽器上播放,但換到別的瀏覽器就正常使用。在向客服查詢後,就獲得了「最近的更新」使得播放器不兼容,但卻沒有再說會否透過更新回復正常。

Mac Generation 估計這樣的衝突是因為 Widevine 版權保護 plugin 引起的。因為 Spotify 正使用這個 plugin 工具來為網頁串流播放器提供保護,但 macOS 卻指其安全性不足夠。而 Safari 未能完全取存 Widevine 的話,Spotify 也未能保證功能可以正常使用,所以最終就成了現在的情況。

對於使用者來說,不能在 Safari 上播放 Spotify 的問題,其實只有多少帶來不方便的程度,因為它還是能在其他瀏覽器上使用,而且也有桌面版應用程式可以選擇。不過作為串流服務平台的 Spotify,少了一個支援的渠道就等於多了一個缺陷。而且也反映了互聯網時代,在給予使用者方便和版權保護之間的攻防戰了。

網動廣告科技

參考資料:http://chinese.engadget.com/2017/09/11/spotify-drops-safari-streaming-support/

Spotify 不再支援 Safari 的網頁播放

搶先手機一步?臉書網頁版Messenger正在測試廣告中

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

Facebook 目前在全世界用戶可說頗為可觀,以官方的角度來看,當然是要好好利用利用。因此在近期於 Messenger APP 推出廣告機制後。臉書在近期似乎又悄悄在測試了,現在打開電腦版的 Messenger 聊天室,或許就能看到上方也出現廣告?

搶先手機一步?臉書網頁版Messenger正在測試廣告中 。(圖/翻攝自電腦)

一般在點開電腦版 Facebook 的聊天室時,大略可分為比較常用的「聯絡人」以及「更多聯絡人」兩個分類,不過在測試的版本中,可發現上方多出一塊類似限時動態的區域,並會隨機出現各個粉絲團,可往左或右移動發現更多。點擊圖案的話,則是會導入聊天視窗中。

▼與一般的電腦版 FB 聊天室相比,測試的功能會佔據聊天室上方部分,並有多種類似官方粉絲團的聊天大頭貼可選。(圖/翻攝自電腦)

搶先手機一步?臉書網頁版Messenger正在測試廣告中 。(圖/翻攝自電腦)

雖說筆者在發現這項功能沒多久,聊天室又恢復正常,且從 3 個不是滿版的狀況來看,這項功能似乎也僅是「試水溫」;但電腦版的聊天室面積已經不是很大,這時候塞一個這個意味不太重,只是單純告訴你可以跟他們聯絡的廣告欄位,應該會有不少質疑吧?

網動廣告科技

參考資料:http://www.ettoday.net/news/20170914/1010442.htm?t=%E6%90%B6%E5%85%88%E6%89%8B%E6%A9%9F%E4%B8%80%E6%AD%A5%EF%BC%9F%E8%87%89%E6%9B%B8%E7%B6%B2%E9%A0%81%E7%89%88Messenger%E6%AD%A3%E5%9C%A8%E6%B8%AC%E8%A9%A6%E5%BB%A3%E5%91%8A%E4%B8%AD

搶先手機一步?臉書網頁版Messenger正在測試廣告中

機不離手 陸上網用戶破7億

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

機不離手 陸上網用戶破7億

大陸藝恩網12日公布《消費升級時代下的影視內容行業趨勢洞察》報告,顯示2017年前3季,大陸手機網民已突破7億人(等於美國人口的2倍,僅次於大陸及印度的人口數);且付費觀賞網路娛樂的意識上揚,遊戲、影音節目、電影、音樂、網路閱讀等付費規模已超過2400億元(人民幣,下同),約台幣1兆1162.4億元。

互聯網提供的多元娛樂服務越來越豐富,網民依賴網路也越來越深,透過網路收看電視劇及綜藝節目的單日覆蓋人數,已超過9000萬(相當於全球人口排名第15,介於埃及與越南之間)。

據統計,單日人均播放時間更長達90分鐘,刷新大陸影視產業紀錄,這也代表影視產業需要更多創作的IP來源,製作公司開始探詢經典電影及遊戲重製或改編的可能性,打破網文壟斷市場的現象。

機不離手 陸上網用戶破7億

IP市場競爭日趨激烈

雖然大陸官方廣電政策不斷限縮,但仍然無法解決演員天價片酬問題,目前電視劇製作成本中,50%依然是人事成本,相當於拍攝及後製成本的總和。不過,影音網路業者為了吸引更多網民付費觀賞,自製劇的投資成本也越來越高,以今年現象級爆款電視劇、趙又廷與楊冪演出的《三生三世十里桃花》,單集製作成本即高達500萬元,吸引的網播量為366.09億,電視播出的收視率也有1.28%。

影音網站需要的節目內容龐大,需要不斷地推陳出新,各類影音作品的產量也隨之大量增加,爭搶IP的市場競爭越來越激烈,雖然「小說+網文」仍是主流IP源頭,但影視公司也擴大視野,取用系列化電影、動漫、話劇、綜藝、歌曲等多種內容載體,日劇、韓劇、漫畫也加速成為IP源頭。

網動廣告科技

參考資料:http://www.chinatimes.com/newspapers/20170913000802-260309

機不離手 陸上網用戶破7億