手機抽獎網站的問題，透過圖書和論文來找解法和答案更準確安心。 我們找到下列地圖、推薦、景點和餐廳等資訊懶人包

JavaScript從入門到精通（微視頻精編版）：核心技術分冊+強化訓練分冊（共2冊）

為了解決手機抽獎網站的問題，作者明日科技 這樣論述：

《JavaScript從入門到精通（微視頻精編版 套裝共2冊）/軟體發展微視頻講堂》淺顯易懂，實例豐富，詳細介紹了JavaScript開發需要掌握的各類實戰知識。 全書分為兩冊：核心技術分冊和強化訓練分冊。核心技術分冊共20章，包括JavaScript簡介、JavaScript語言基礎、JavaScript基本語句、函數、自訂物件、常用內建物件、陣列、String物件、JavaScript事件處理、文檔物件、表單物件、圖像物件、文檔物件模型（DOM）、Window視窗物件、Ajax技術、iQuery基礎、iQuery控制頁面、iQuery事件處理、iQuery動畫效果和365影視網站設計等內

容。通過學習，讀者可快速開發出一些中小型應用程式。強化訓練分冊共18章，通過大量源於實際生活的趣味案例，強化上機實踐，拓展和提升JavaScript開發中對實際問題的分析與解決能力。 明日科技 是一個擁有軟體發展和項目實施方面的資深專家和學習型技術團隊，利用積累的專業知識和經驗，已開發出版了“軟體發展視頻大講堂”“軟體發展實戰1200例”“軟體發展實戰寶典”“軟體專案開發全程實錄”等系列叢書，是國內暢銷的程式設計圖書品牌。 強化訓練分冊目錄 第1 章 JavaScript 語言基礎 1 應用技能拓展學習 1 1．應用if…else 語句實現判斷 1

2．Date 對象 2 3．常用轉義字元 2 4．String 對象 3 5．parseInt()函數 5 6．toString()方法 5 7．random()方法 6 實戰技能強化訓練 6 訓練一：基本功強化訓練 6 1．輸出俄羅斯國土面積 6 2．輸出《將進酒》中的詩句 6 3．輸出香蕉的價格 6 4．輸出張無忌個人資訊 7 5．判斷英語成績是否及格 7 6．計算存款本息合計 7 7．計算員工的實際收入 7 訓練二：實戰能力強化訓練 7 8．輸出《九陽神功》口訣 7 9．輸出自動櫃員機客戶憑條 7 10．輸出流量使用情況 8 11．判斷顧客是否可獲得返現優惠 8 12．判斷當前年份是否是

閏年 8 13．判斷2020 年2 月的天數 9 14．對數位進行四捨五入 9 15．輸出兩個亂數的最大值 9 第2 章 JavaScript 基本語句 10 應用技能拓展學習 10 1．getMonth()方法 10 2．getDay()方法 11 3．Number()函數 11 4．round()方法 12 5．函數的定義和調用 12 6．獲取文字方塊的值 13 7．floor()方法. 13 8．confirm()方法 14 9．prompt()方法 14 10．getElementById()方法 15 11．innerHTML 屬性 15 實戰技能強化訓練 15 訓練一：基本功強化

訓練 15 1．獲取3 個數字中的最小值 15 2．判斷身體品質指數 16 3．判斷當前季節 16 4．輸出員工每年的工資情況 16 5．迴圈輸出年份和月份 16 6．計算1~1000 以內26 的倍數之和 17 7．判斷當前月份的天數 17 訓練二：實戰能力強化訓練 17 8．顯示數位對應的星期 17 9．輸出數位圖案 17 10．輸出由“*”組成的三角形 18 11．獲取滿足條件的三位數 18 12．計算兩個一位元整數相加的結果 18 13．檢測空氣品質狀況 19 14．輸出5 行6 列的表格 19 第3章 函數 20 應用技能拓展學習 20 1．事件屬性 20 2．style 對象簡介

22 3．ceil()方法 24 4．getElementsByName()方法 24 5．focus()方法 25 實戰技能強化訓練 26 訓練一：基本功強化訓練 26 1．輸出收貨位址 26 2．輸出商品資訊 26 3．獲取3 個數字的最小值 26 4．計算數字的平方 26 5．輸出自訂的表格 27 6．判斷遊客需要購買哪種門票 27 7．判斷顧客是否可以享受優惠活動 28 8．計算兩個數的最大公約數 28 訓練二：實戰能力強化訓練 28 9．設置對話方塊的邊框樣式 28 10．判斷指定年份和月份的天數 29 11．模擬抽獎遊戲 29 12．輸出1000 以內能同時被6 和9 整除的正整

數 29 13．實現簡易加減乘除運算 30 14．模擬用戶登錄 30 第4 章 自訂對象 31 應用技能拓展學習 31 1．JavaScript 陣列 31 2．Date 物件的4 個方法 32 3．為元素綁定onclick 事件 33 4．onload1 事件 34 實戰技能強化訓練 34 訓練一：基本功強化訓練 34 1．輸出歌曲資訊 34 2．輸出影片資訊 34 3．輸出高考成績表 35 4．輸出人物資訊 35 5．輸出購物車資訊 35 6．輸出球員資訊 35 7．輸出當前的日期和時間 36 8．輸出手機基本資訊 36 訓練二：實戰能力強化訓練 36 9．生成指定行數、列數的表格 36

10．實現用戶登錄 37 11．輸出東北三省各省會城市旅遊景點 37 12．輸出員工工資條 38 13．隨機生成指定位數的驗證碼 38 第5 章 常用內建物件 39 應用技能拓展學習 39 1．String 物件中的3 個方法 39 2．setTimeout()方法 40 3．setInterval()方法和clearInterval()方法 41 4．Radio 對象 42 實戰技能強化訓練 42 訓練一：基本功強化訓練 42 1．生成指定位數的亂數 42 2．獲取當前日期時間 43 3．全中文顯示日期 43 4．高考倒計時 43 5．計時器 43 6．節日提示 44 7．即時顯示系統時

間 44 8．商品搶購倒計時 44 訓練二：實戰能力強化訓練 44 9．生成隨機字串 44 10．猜數位大小 44 11．計算從出生到現在度過的時間 45 12．計算兩個日期之間的間隔小時數 45 13．數位時鐘 45 14．生日提醒器 46 第6 章 陣列 47 應用技能拓展學習 47 1．filter()方法. 47 2．match()方法.. 48 3．String 物件的length 屬性 48 4．reduce()方法 48 實戰技能強化訓練 49 訓練一：基本功強化訓練 49 1．輸出體育賽事導航 49 2．輸出個人資訊 49 3．輸出高考成績 49 4．輸出公交資訊 50 5．

過濾圖書資訊 50 6．輸出節目組成員名稱 50 7．輸出列車途經站 50 8．計算一個日期是所在年份的第幾天 51 訓練二：實戰能力強化訓練 51 9．輸出購物車商品資訊 51 10．按降冪排列高考成績 51 11．輸出2018 年內地電影票房排行榜 52 12．手機銷量昇冪排列 52 13．實現文字的霓虹燈效果 52 14．統計超市收銀小票的合計金額 53 第7 章 String 對象 54 應用技能拓展學習 54 1．className 屬性 54 2．charCodeAt()方法 54 3．fromCharCode()方法 55 4．replace()方法 55 實戰技能強化訓練 5

6 訓練一：基本功強化訓練 56 1．按書名字數分類書籍 56 2．判斷密碼長度是否符合要求 56 3．逐個點亮文字效果 56 4．驗證郵箱地址的格式 57 5．獲取139 郵箱中的手機號 57 6．輸出商品資訊 57 訓練二：實戰能力強化訓練 57 7．小寫金額轉換為大寫金額 57 8．檢索通訊錄 58 9．文字加密及解密 58 10．文字打字效果 59 11．貨幣資料的格式化輸出 59 12．限制輸入字串的長度 59 13．去除字串中的空格 60 第8 章 JavaScript 事件處理 61 應用技能拓展學習 61 1．paddingLeft 屬性 61 2．getElementsBy

ClassName()方法 61 3．getElementsByTagName()方法 62 4．dispatchEvent()方法 62 5．offsetLeft、offsetTop、offsetWidth、 offsetHeight 屬性 62 6．clientWidth、clientHeight 屬性 63 7．nodeName 屬性 63 8．trycatch 語句 63 實戰技能強化訓練 64 訓練一：基本功強化訓練 64 1．輸出用戶的出生年月 64 2．為圖片添加和去除邊框 64 3．統計按一下按鈕的次數 64 4．重置表單時彈出提示 64 5．抽屜風格的滑出菜單 65 6．實現

高亮顯示的橫向導航功能表 65 7．處理鍵盤按鍵回應事件 65 訓練二：實戰能力強化訓練 66 8．為圖片添加和移除模糊效果 66 9．二級聯動菜單 66 10．製作進度條 66 11．可以被隨意拖動的網頁廣告 67 12．模仿影視網站星級評分功能 67 13．自動彈出廣告 68 14．簡單計算器 68 第9 章 文檔對象 69 應用技能拓展學習 69 1．appendChild()方法 69 2．Window 物件的open()方法 70 3．Document 物件的事件. 70 實戰技能強化訓練 71 訓練一：基本功強化訓練 71 1．設置超連結顯示文字顏色 71 2．設置文本顏色 71

3．簡單文字變色 71 4．更換頁面主題 71 5．獲取當前檔案名 72 6．輸出古詩 72 7．生成連結 72 訓練二：實戰能力強化訓練 73 8．圖片對話方塊 73 9．打開新視窗並輸出內容 73 10．設置快顯視窗的遮罩效果 73 11．選擇用戶頭像 74 12．滑鼠移動文字 74 第10 章 表單對象 75 應用技能拓展學習 75 1．backgroundColor 屬性 75 2．cursor 屬性 76 實戰技能強化訓練 76 訓練一：基本功強化訓練 76 1．自動計算保證金額 76 2．限制多行文本域輸入的字元個數 77 3．調整多行文字方塊的寬度和高度 78 4．通過選項按

鈕控制其他表單元素是否可用 78 5．不提交表單獲取核取方塊的值 78 6．選擇職位 78 7．遍歷多選下拉清單 79 訓練二：實戰能力強化訓練 79 8．輸入取票碼取票 79 9．切換註冊按鈕的狀態 80 10．根據選擇的證件類型判斷證件號碼 81 11．控制核取方塊的全選或全不選 81 12．二級聯動功能表選擇省市 81 13．自動提交表單 82 第11 章 圖像物件 83 應用技能拓展學習 83 1．onwheel 事件 83 2．zoom 屬性 83 3．querySelector()方法 84 4．querySelectorAll()方法 84 5．scrollLeft、scrol

lTop 屬性 84 實戰技能強化訓練 85 訓練一：基本功強化訓練 85 1．調整圖片大小 85 2．切換表情圖片 85 3．實現圖片的放大顯示 86 4．改變圖片獲取焦點時的狀態 86 5．定時隱藏圖片 86 6．在列表中選擇頭像 86 訓練二：實戰能力強化訓練 87 7．類比畫圖軟體調整圖片大小 87 8．通過滑鼠滾輪放大縮小圖片 87 9．圖片漸隱漸現效果 88 10．圖片放大鏡效果 88 11．改變形狀的圖片 89 12．圖片無間斷迴圈滾動效果 89 13．實現圖片輪播功能 89 14．實現隨意擺放的照片牆 90 第12 章 文檔物件模型（DOM） 91 應用技能拓展學習 91 1

．hasChildNodes()方法 91 2．range 類型的input 元素 91 3．insertRow()方法和insertCell()方法 92 實戰技能強化訓練 93 訓練一：基本功強化訓練 93 1．交換元素的位置 93 2．添加古詩的作者和名稱 93 3．刪除指定編號的影片 93 4．通過下拉式功能表選擇表情 94 5．RGB 顏色調色器 94 6．選擇出生日期 94 7．依次顯示圖片 95 訓練二：實戰能力強化訓練 95 8．向手機價格表中添加記錄 95 9．複製選項按鈕 96 10．刪除指定編號的記錄 96 11．開心小農場 96 12．歌曲置頂和刪除 97 13．簡潔選

項卡切換 97 14．虛擬數位鍵盤 98 第13 章 Window 視窗物件 99 應用技能拓展學習 99 1．documentElement 屬性 99 2．marginLeft 屬性 100 3．marginTop 屬性 100 實戰技能強化訓練 101 訓練一：基本功強化訓練 101 1．播放歌曲許可權設置 101 2．打開登錄或註冊視窗 101 3．實現可自動關閉的廣告視窗 102 4．下降式窗口 102 5．圖片總置於頂端 102 6．定時打開和關閉視窗 103 7．圖片間斷滾動效果 103 訓練二：實戰能力強化訓練 104 8．刪除訂單資訊 104 9．2012 年奧運會舉辦城市

問答 104 10．以圓形軌跡移動的子視窗 105 11．設置視窗的震動效果 105 12．按一下火箭圖片返回頂部 106 13．廣告始終居中顯示 106 14．影片資訊向上滾動 107 第14 章 Ajax 技術 108 應用技能拓展學習 108 1．XML 簡介 108 2．XML 中的documentElement 屬性 109 3．JSON.parse()方法 109 實戰技能強化訓練 110 訓練一：基本功強化訓練 110 1．金庸小說問題測試 110 2．查看企業資訊 110 3．實現切換文字的橫向選項卡 110 4．檢測註冊用戶名是否被使用 111 訓練二：實戰能力強化訓練 1

11 5．輸出名人名言 111 6．查看員工資訊 112 7．檢測用戶登錄 112 8．檢索手機資訊 113 第15 章 jQuery 基礎 114 應用技能拓展學習 114 1．jQuery 中的事件 114 2．val()方法 115 3．css()方法 116 4．addClass()方法 117 5．removeClass()方法 117 6．hasClass()方法 118 7．hover()方法 118 8．prop()方法 119 9．each()方法 119 10．attr()方法 119 11．removeAttr()方法 120 實戰技能強化訓練 120 訓練一：基本功強

化訓練 120 1．通過下拉式功能表設置文本顏色 120 2．設置圖片的邊框 121 3．設置輸入框樣式 121 4．設置元素不透明度 121 5．描紅顯示指定文本 121 6．為指定圖片添加邊框 122 7．設置詩句的樣式 122 8．顯示選擇的酒店類型 122 訓練二：實戰能力強化訓練 122 9．表格行動態換色 122 10．應用虛線分隔商城公告標題 123 11．將圖書列表中指定書名設置為紅色. 123 12．核取方塊的全選、反選和全不選 123 13．設置按鈕是否可用 123 14．獲取使用者個人資訊 124 15．實現文本逐字旋轉效果 124 第16 章 jQuery 控制頁面

125 應用技能拓展學習 125 1．prevAll()方法 125 2．nextAll()方法 125 3．children()方法 126 4．siblings()方法 127 5．parent()方法 127 6．next()方法 128 7．height()方法 128 8．index()方法 129 實戰技能強化訓練 130 訓練一：基本功強化訓練 130 1．添加影片名稱 130 2．判斷註冊用戶名是否符合要求 130 3．為選項按鈕和下拉清單設置預設值 131 4．向列表中添加影片名稱 131 5．刪除指定編號的圖書 131 6．切換表情圖片 132 7．實現星級評分條 132

訓練二：實戰能力強化訓練 132 8．類比點歌系統 132 9．按等級顯示評分結果 132 10．直條圖顯示投票結果 133 11．紅心按鈕點贊動畫特效 134 12．切換新聞類別選項卡 134 13．選項卡滑動切換效果 135 14．橫向導航菜單 135 第17 章 jQuery 事件處理 136 應用技能拓展學習 136 1．on()方法 136 2．off()方法 136 3．find()方法 137 4．is()方法 138 5．mouseenter()方法 138 6．mouseleave()方法 139 7．contextmenu()方法 139 8．width()方法 140

9．offset()方法 140 10．＄.each()方法 141 11．DOMNodeInserted 和DOMNodeRemoved事件 141 實戰技能強化訓練 141 訓練一：基本功強化訓練 141 1．判斷註冊郵箱格式 141 2．改變圖片不透明度 142 3．驗證使用者登錄資訊是否為空 142 4．限制用戶輸入字數 143 5．實現文字變色和放大 143 6．設置導航功能表樣式 143 訓練二：實戰能力強化訓練 143 7．實現星級打分特效 143 8．切換商品類別的選項卡 144 9．自訂右鍵菜單 144 10．可拖動的導航菜單 145 11．多級級聯菜單 145 12．虛擬支

付鍵盤 145 13．類比鍵盤打字高亮動畫特效 146 第18 章 jQuery 動畫效果 147 應用技能拓展學習 147 1．scrollTop()方法 147 2．scroll()方法 148 實戰技能強化訓練 149 訓練一：基本功強化訓練 149 1．按一下箭頭圖示返回頂部 149 2．自動彈出線上客服列表 150 3．實現切換圖片的縱向選項卡 150 4．右側滑動客服菜單 150 5．步驟選項卡 151 6．懸浮在右側的QQ 線上客服列表 151 7．上下捲簾動畫效果 152 訓練二：實戰能力強化訓練 152 8．彈出分享對話方塊 152 9．辯論結果即時顯示動畫 153 10．

模擬老虎機滾動抽獎效果 153 11．滑動切換圖片選項卡 154 12．帶切換動畫的弧形菜單 154 13．類比微信彈出功能表 154 14．類比微信輸入支付密碼 155 答案提示 156

手機抽獎網站進入發燒排行的影片

消費者選擇便利商店APP之關鍵因素

為了解決手機抽獎網站的問題，作者蕭詠婕 這樣論述：

科技創新引發大眾消費習慣的改變，現今消費者於便利商店購物時，也不再侷限只能仰賴傳統現金支付方式，可以擁有更多支付選擇，除此之外，只要下載便利商店業者自行開發的專屬APP(Application，應用程式)，就能享有自動蒐集點數、發票、咖啡寄杯、轉贈給親朋好友等功能，只需在手機上即可完成，不僅減少繁複的作業流程，還帶給消費者以及便利商店業者，簡便快速的購物體驗，這也引起本研究探討消費者選擇下載便利商店APP之關鍵因素動機。 本研究藉由文獻整理後，建構出影響消費者選擇下載便利商店APP之關鍵因素及層級架構，得出5個關鍵構面，以及22個關鍵因素，並收集62位有使用便利商店APP有效受測者問卷

，以層級分析法(AHP, Analytic Hierarchy Process)進行分析，以此探討消費者選擇下載便利商店APP之關鍵因素。本研究結果顯示，影響消費者選擇下載便利商店APP之構面排序為：「APP功能」、「APP設計」、「集點活動」、「其他優惠活動」、「企業」，前五名重要的因素排序為「多元支付」、「會員福利」、「現金折抵」、「咖啡跨店寄杯」、「隱私及安全」。 最後，本研究依前五名因素提出建議，希望協助便利商店業者擬定未來平台APP研發及發展策略，使其APP功能能更加貼近使用者的需求。

H5移動營銷廣告設計全攻略

為了解決手機抽獎網站的問題，作者劉松異 這樣論述：

本書是一本介紹移動H5設計的實例操作型教程，講解了H5的開發工具、圖文內容設計、應用開發製作、移動視覺行銷和創意製作，以及H5設計實戰案例等方面知識，幫助讀者從新手成長為移動H5設計高手。 本書共11章，包括H5行銷的優勢、工具軟體簡介、Photoshop製作詳解，移動H5的策劃與開發、熱門開發技術，移動H5的視覺風格、視覺創意設計要點與方法，還有H5移動單頁及節日場景、產品推廣、企業招聘廣告綜合設計等內容，讀者學後可以融會貫通、舉一反三，製作出更多精彩、完美的移動H5頁面效果。 本書適合從事移動互聯網工作的設計師、微信行銷人員，以及利用H5進行行銷的公司和需要進行移動互聯網行銷的企業相關

人員使用。隨書附贈教學資源，包括書中案例的素材檔、效果檔，以及線上操作演示視頻，讀者可以邊學習邊練習，提高學習效率。 劉松異，H5移動行銷專家，多年的資深移動互聯網行銷經驗。H5美工廣告設計師，擅長H5的視覺設計和創意表達。從H5的調研到設計、內容到形式、行銷到運營、企業到用戶、引流到變現等，有著一套標準化、高效化的整套方案和方法。曾參與多家品牌企業H5的設計和運營，如智聯招聘、招商銀行、平安保險、中國電信、保利地產、國泰君安、三一重工、南方航空等。 軟體操作篇 第1章 H5微行銷：互動性更強的場景體驗 1．1 H5移動行銷，更小、更快、更簡單．．．．．

9 1．1．1 為什麼選擇做H5行銷．．．．．．．．．．．．．．．．．．．．．．．9 1．1．2 H5移動行銷的功能特色．．．．．．．．．．．．．．．．．．．．9 1．1．3 細數使用者的行為特徵．．．．．．．．．．．．．．．．．．．．．．．10 1．2 用實力說話，H5移動行銷的優勢．．．．．．．11 第2章 工具：H5常用工具簡介 2．1 設計方法：H5移動設計的3種途徑．．．．16 2．2 元素設計：H5的圖形圖像、影音開發工具．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．16 2．2．1 Photoshop——功能強大的設計工具．．．．．．．．

．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．17 2．2．2 Illustrator——專業的向量圖繪製工具．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．17 2．2．3 Sketch——移動UI介面設計工具．．．．18 2．2．4 After Effects——製作炫酷的視頻特效．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．18 2．2．5 Cinema 4D——專業的三維軟體工具．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．19 2．2．6

Final cut Pro——專業視頻非線性編輯軟體．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．19 2．2．7 Garage Band——數碼音樂創作軟體．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．20 2．3 動畫設計：H5設計的演示動畫製作工具．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．20 2．3．1 Keynote——設計吸引人的PPT．．．．．20 2．3．2 HYPE——做出悅目的動畫效果．．．．．．21 2．4 技術實現：H5的定制化發揮和創作工具．

．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．21 2．4．1 FWA——H5可以實現什麼動態效果．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．21 2．4．2 W 3school——瞭解H5的基礎代碼知識．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．22 2．5 快速套用：互聯網範本類H5開發平臺．23 2．5．1 人人秀——3分鐘製作H5微場景平臺．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．23 2．5．2

易企秀——一鍵生成企業行銷H5．．．．25 2．5．3 兔展——讓H5設計不再單調．．．．．．．．．．．27 2．5．4 MAKA——輕鬆搞定H5定制推廣．．．．29 2．5．5 初頁——把你的照片變成故事和書．．．．30 2．6 創意設計：互聯網功能類H5開發平臺．31 2．6．1 互動大師（iH5）——視覺化的H5線上編輯器．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．31 2．6．2 意派360——非常懂設計師的專業H5工具．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．34 2．7 組合使用：各種H5工具的選擇方式

．．．37 2．7．1 開發類H5工具的選擇．．．．．．．．．．．．．．．．．．．．．37 2．7．2 網站類H5工具的選擇．．．．．．．．．．．．．．．．．．．．．37 2．8 省時省力：H5設計常用的輔助工具．．．37 2．8．1 格式工廠——聲音/視訊壓縮工具．．．．．37 2．8．2 Ps Play——在手機上預覽Photoshop設計稿．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．38 2．8．3 TinyPNG——圖片壓縮工具．．．．．．．．．．．38 2．8．4 草料——二維碼生成工具．．．．．．．．．．．．．．．．39 第3章 重點：H

5之Photoshop詳解 3．1 圖像設計：輕鬆提升H5作品的顏值．．．．41 3．1．1 控制移動H5圖像的畫布．．．．．．．．．．．．．．．．．．41 3．1．2 運用工具裁剪移動H5圖像．．．．．．．．．．．．．．42 3．1．3 移動H5圖像的摳圖合成．．．．．．．．．．．．．．．．．．43 3．1．4 移動H5圖像的影調調整．．．．．．．．．．．．．．．．．．44 3．1．5 移動H5圖像的色彩調整．．．．．．．．．．．．．．．．．．45 3．1．6 移動H5圖像設計的繪圖基礎．．．．．．．．．．．46 3．1．7 移動H5圖像的路徑編輯技巧．．．．．．．．．．．47 3．1．8

移動H5圖像的修飾與修復．．．．．．．．．．．．．．48 3．2 文字設計：做出有質感的好作品．．．．．．．49 3．2．1 認識移動H5中的文字．．．．．．．．．．．．．．．．．．．．．49 3．2．2 輸入移動H5圖像文字．．．．．．．．．．．．．．．．．．．．．50 3．2．3 設置移動H5文字屬性．．．．．．．．．．．．．．．．．．．．．51 3．2．4 設置移動H5段落屬性．．．．．．．．．．．．．．．．．．．．．52 3．2．5 設置H5文字的排版樣式．．．．．．．．．．．．．．．．．．53 3．2．6 設置H5的標題文字格式．．．．．．．．．．．．．．．．．．55 3．2．7 製

作移動H5介面路徑文字．．．．．．．．．．．．．．56 3．2．8 製作與編輯變形移動H5文字．．．．．．．．．．．57 應用開發篇 第4章 流程：移動H5的策劃與開發 4．1 前期準備：讓H5設計事半功倍．．．．．．．．．59 4．1．1 定目標：H5用來做什麼．．．．．．．．．．．．．．．．．．59 4．1．2 找熱點：H5如何火起來．．．．．．．．．．．．．．．．．．60 4．1．3 寫策劃：H5如何做起來．．．．．．．．．．．．．．．．．．61 4．2 程式設計：做H5的基本流程．．．．．．．．．．．．62 4．2．1 選擇範本：一鍵生成H5作品．．．．．．．．．．．62 4．

2．2 交互設計：讓H5更具互動性．．．．．．．．．．．63 4．2．3 視覺設計：給H5錦上添花．．．．．．．．．．．．．．68 4．3 測試分析：做好H5的總結與沉澱．．．．．．．73 4．3．1 程式測試：進行修改和完善．．．．．．．．．．．．73 4．3．2 活動上線：做好H5的推廣．．．．．．．．．．．．．．74 4．3．3 效果分析：實現資料化行銷．．．．．．．．．．．．77 第5章 技術：移動H5熱門開發技術 5．1 讓H5人氣值爆棚的“黑科技”．．．．．．．．．82 5．1．1 運用720度全景技術打造全景畫面效果．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．

．．．．．．．．．82 5．1．2 運用3D旋轉技術讓H5畫面更加動感．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．82 5．1．3 運用人臉識別技術實現H5趣味行銷．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．83 5．1．4 運用物理引擎技術創建出虛擬世界．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．84 5．1．5 運用重力感應技術提升用戶的互動體驗．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．85 5．1．6

運用手指跟隨產生滑動幻燈片效果．．．．86 5．2 H5 +VR/AR/AI：融合高端定制開發．．．．87 5．2．1 運用AR技術結合線下活動和線上互動．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．87 5．2．2 運用VR技術生成一種虛擬的動態情境．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．88 5．2．3 運用AI技術讓移動H5作品變智慧．．．．89 5．3 展現動態炫酷畫面的H5技術運用．．．．．．92 5．3．1 運用快閃影片讓H5作品更吸引眼球．．．．．．．．．．．．．．．．．．．．．．．．．．．．

．．．．．．．．．．．．．．．．．．．92 5．3．2 運用粒子特效展現炫酷的動畫效果．．．．93 5．3．3 運用視頻互動更好地展示品牌內容．．．．94 5．3．4 運用多屏互動打造互動娛樂新模式．．．．95 5．3．5 運用GIF動畫讓頁面變得生動．．．．．．．．．．96 視覺設計篇 第6章 風格：移動H5視覺風格設計 6．1 設計原則：五大H5設計精髓要點．．．．．．98 6．1．1 有創意，少抄襲，多原創．．．．．．．．．．．．．．．．98 6．1．2 注重H5設計風格的統一．．．．．．．．．．．．．．．．．．99 6．1．3 H5原型圖的繪製與構思．．．．．．．．．．．．．．

．．100 6．1．4 營造出合適的視覺氛圍．．．．．．．．．．．．．．．．．100 6．1．5 讓用戶真實參與和體驗．．．．．．．．．．．．．．．．．101 6．2 設計風格：12種H5設計風格解析．．．．103 6．2．1 扁平、插畫視覺風格設計．．．．．．．．．．．．．．103 6．2．2 手繪、動漫視覺風格設計．．．．．．．．．．．．．．105 6．2．3 水墨、復古視覺風格設計．．．．．．．．．．．．．．105 6．2．4 寫實、科技視覺風格設計．．．．．．．．．．．．．．106 6．2．5 極簡、拼貼視覺風格設計．．．．．．．．．．．．．．108 6．2．6 攝影、小清新視覺風格設

計．．．．．．．．．．109 6．3 表現手法：6種H5視覺特效設計．．．．．．．110 6．3．1 來電視覺特效表現手法．．．．．．．．．．．．．．．．．110 6．3．2 擦除視覺特效表現手法．．．．．．．．．．．．．．．．．112 6．3．3 動畫視覺特效表現手法．．．．．．．．．．．．．．．．．113 6．3．4 SVG視覺特效表現手法．．．．．．．．．．．．．．．．113 6．3．5 拍立得視覺特效表現手法．．．．．．．．．．．．．．114 6．3．6 玻璃碎掉視覺特效表現手法．．．．．．．．．．115 第7章 創意：移動H5視覺創意設計 7．1 版式設計：讓你的設計越來越出色．．

．．117 7．1．1 視覺動線設計．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．117 7．1．2 畫面焦點設計．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．117 7．1．3 頁面層級設計．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．118 7．2 活動設計：快速引爆H5頁面的熱度．．119 7．2．1 砍價活動設計．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．119 7．2．2 抽獎活動設計．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．121 7．2．3 調查問卷設計．．．．．．．．．．．．．．．．．．．．．

．．．．．．．．．．121 7．2．4 投票活動設計．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．123 7．2．5 微信卡券活動設計．．．．．．．．．．．．．．．．．．．．．．．．127 7．3 動效設計：為H5頁面打造視覺動效．．．．127 7．3．1 瞭解移動H5的動效知識．．．．．．．．．．．．．．．．127 7．3．2 H5動效的主要類型與實現方法．．．．．128 7．3．3 在H5作品中運用轉場類動效．．．．．．．．．130 7．3．4 在H5作品中運用內容類別動效．．．．．．．．．131 7．3．5 在H5作品中運用輔助性動效．．．．．．．．．131 7．3．6

在H5作品中運用功能性動效．．．．．．．．．131 7．4 音效設計：更好展現H5作品個性與情感．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．132 7．4．1 不能忽略H5作品中的聲音．．．．．．．．．．．．132 7．4．2 H5背景音效的注意事項．．．．．．．．．．．．．．．．133 7．4．3 選擇合適的H5背景音效．．．．．．．．．．．．．．．．133 7．4．4 H5作品中常見的輔助音效．．．．．．．．．．．．134 7．4．5 如何獲取更好的音效．．．．．．．．．．．．．．．．．．．．．134 7．5 交互設計：增加互動性吸引更多人氣．．．．1

35 7．5．1 彈幕評論設計．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．135 7．5．2 點擊觸發事件設計．．．．．．．．．．．．．．．．．．．．．．．．136 7．5．3 互動遊戲設計．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．138 實戰案例篇 第8章 單頁：精美H5單頁移動設計 8．1 旅行相冊H5頁面設計．．．．．．．．．．．．．．．．．．．142 8．1．1 設計旅行相冊顆粒背景效果．．．．．．．．142 8．1．2 設計旅行相冊文字資訊效果．．．．．．．．143 8．1．3 設計旅行相冊照片裝飾效果．．．．．．．．145 8．2 促銷

活動H5頁面設計．．．．．．．．．．．．．．．．．．．147 8．2．1 設計促銷活動背景紋理效果．．．．．．．．147 8．2．2 設計促銷活動文字邊框效果．．．．．．．．148 8．2．3 設計促銷活動產品佈局效果．．．．．．．．151 8．3 年會邀請函H5頁面設計．．．．．．．．．．．．．．．．152 8．3．1 設計年會邀請函邊框效果．．．．．．．．．．．152 8．3．2 設計年會邀請函主題效果．．．．．．．．．．．155 8．3．3 設計年會邀請函整體效果．．．．．．．．．．．156 第9章 綜合：節日場景H5移動設計 9．1 春節活動H5作品設計的前期準備．．．．159 9．

1．1 整體的創意構思．．．．．．．．．．．．．．．．．．．．．．．．．．．．159 9．1．2 素材圖像的收集．．．．．．．．．．．．．．．．．．．．．．．．．．．．160 9．2 通過Photoshop製作圖像效果．．．．．．160 9．2．1 製作節日主題文字效果．．．．．．．．．．．．．．．．．160 9．2．2 摳取新年裝飾素材圖案．．．．．．．．．．．．．．．．．163 9．3 通過工具網站生成H5作品．．．．．．．．．．．．．164 9．3．1 設計H5作品的第 1頁：活動標題．．．164 9．3．2 設計H5作品的第 2頁：祝福文案．．．168 9．3．3 設計H5作品的第3頁

：紅包活動．．．172 9．3．4 為H5作品添加背景音效．．．．．．．．．．．．．．．．175 9．4 移動H5作品的發佈和分享．．．．．．．．．．．．．176 9．4．1 發佈與上線H5作品．．．．．．．．．．．．．．．．．．．．．．．176 9．4．2 將H5活動頁面分享到微信群．．．．．．．．．178 第10章 綜合：產品推廣H5移動設計 10．1 產品推廣H5作品設計的前期準備．．180 10．1．1 整體的創意構思．．．．．．．．．．．．．．．．．．．．．．．180 10．1．2 素材圖像的拍攝與收集．．．．．．．．．．．．．180 10．2 通過Photoshop製作圖像效果．

．．．．181 10．2．1 主題文字的設計．．．．．．．．．．．．．．．．．．．．．．．181 10．2．2 產品圖片的調色處理．．．．．．．．．．．．．．．．184 10．2．3 產品圖片的詳情展示．．．．．．．．．．．．．．．．185 10．3 通過工具網站生成H5作品．．．．．．．．．．．187 10．3．1 設計H5作品的第 1頁：首頁設計．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．187 10．3．2 設計H5作品的第 2頁：推薦產品1．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．190 10．3．3 設計H5作品的

第3頁：推薦產品2 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．192 10．3．4 設計H5作品的第4頁：產品展示．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．193 10．3．5 設計H5作品的第5頁：產品預訂．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．194 10．3．6 為H5作品添加背景音效．．．．．．．．．．．196 10．4 移動H5作品的發佈和分享．．．．．．．．．．．196 10．4．1 發佈與上線H5作品．．．．．．．．．．．．．．．．．．196 10．4．2 將H5作品分享

到朋友圈．．．．．．．．．．．198 第11章 綜合：企業招聘H5移動設計 11．1 企業H5招聘廣告製作的前期準備．．200 11．1．1 H5招聘廣告的整體創意構思．．．．200 11．1．2 整理相關的招聘內容．．．．．．．．．．．．．．．．201 11．2 通過Photoshop製作圖像效果．．．．201 11．2．1 使用Photoshop製作招聘主題圖片．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．201 11．2．2 使用Photoshop調整企業相關圖片．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．203 11．3 通過工具網站生成H5

頁面．．．．．．．．．．．206 11．3．1 設計H5招聘廣告的第 1頁：招聘主題．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．206 11．3．2 設計H5招聘廣告的第 2頁：公司實力展示．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．209 11．3．3 設計H5招聘廣告的第3頁：工作環境展示．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．210 11．3．4 設計H5招聘廣告的第4頁：企業福利展示．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．211 11．3．5 設計H5招聘廣告的第5頁：招聘崗位

展示．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．213 11．3．6 設計H5招聘廣告的第6頁：線上報名申請．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．216 11．3．7 為H5作品添加背景音效．．．．．．．．．．．219 11．4 移動H5作品的發佈和分享．．．．．．．．．．．220 11．4．1 發佈與上線H5作品．．．．．．．．．．．．．．．．．．221 11．4．2 分享H5作品與收集求職者資訊．221

從社群口碑分析百貨業之最適經營策略

為了解決手機抽獎網站的問題，作者楊家勝 這樣論述：

　　透過意藍科技公司發展之OpView社群口碑資料庫，分析主要百貨業者(新光三越、遠東百貨與SOGO)之好感度、聲量來源頻道等，並針對主要百貨業，交通、服務人員、商品與活動等維度進行分析。　　結果顯示，三大百貨公司討論內容為知名品牌活動與週年慶相關優惠訊息；網友評價高的文章為周年慶聯名品牌、網路平台購物之節慶相關優惠與美食評論者推薦餐廳等文章；主要聲量來源為社群網站，如：Facebook或Instagram等，網友會透過社群網站參考他人分享購買經驗之文章，業者可藉由與消費者互動和抽獎文章等方式來推播訊息；網友也將各百貨業定位在行銷活動上，顯示業者可透過發布此類型文章，提高行銷活動曝光度；三大

百貨公司在競爭與相關性皆存在高度競爭與相關，因此業者應針對行銷活動增加差異化促銷。