在線壓縮gif的問題，透過圖書和論文來找解法和答案更準確安心。 我們找到下列懶人包和總整理

電腦之書

為了解決在線壓縮gif的問題，作者SimsonL.Garfinkel 這樣論述：

史上最強系列之《電腦之書》 從西元前兩千年的蘇美算盤，到個人電腦的發明，乃至21世紀的臉書等網路社群 250則趣味的電腦科學故事＋詳解歷史＋精采圖片 從閱讀中學習科學知識的百科 　　一本圖文並茂的電腦科學百科．一本博古通今的資訊科技發展史 　　一本趣味橫生的電腦科學故事．一本條理分明的資訊科技資料庫 　　關於電腦科學世界裡最重要、最有趣的故事盡在其中 　　電腦已經滲透到我們生活各個層面。原本只用於破解納粹密碼、發展核彈的技術，現已廣泛應用於我們的日常之中，其影響力甚至遠及太陽系之外。 　　《電腦之書》依照時間順序編列，探索古今250則計算機科學的關鍵里程碑，範圍從古代算盤到人工智能和

社群媒體，時間軸涵蓋了運算裝置、程式語言、文化和科學領域的發展史。擁有數十年計算機研究並鑽研創新領域的兩位作者西姆森‧加芬克爾（Simson L. Garfinkel）與瑞秋‧格隆斯潘（Rachel H. Grunspan），不但挑出推進智能機器發展的里程碑，也納入應用廣泛的科技、廣為人知的象徵，甚至是有潛力成為未來里程碑的新技術。 　　《電腦之書》列舉諸多關鍵發明，包括：蘇美算盤，第一封垃圾郵件，摩斯電碼，密碼學，早期計算機，艾薩克•阿西莫夫的機器人定律，UNIX和早期編程語言，電影，遊戲，大型機，小型微型計算機，駭客技術，虛擬現實等主題。每項里程碑背後的重點人物也有所介紹，如：愛達・勒芙

蕾絲、西摩．克雷、葛蕾絲．霍珀、家釀電腦俱樂部、艾倫・圖靈以及比爾・蓋茲。 　　本書呈現科技發明的進程，絕對有顛覆你認知的事實——舉例而言，語音辨識技術居然在1950年代就起頭？早在1975年，人工智慧就用於醫療診斷？《魔獸世界》裡大規模擴散的瘟疫，更有助於流行病學家探究現實裡的傳染病？！ 　　本書條目按照年代排序，各含一則簡短摘要和至少一幅精美圖畫，每頁底下的「參照條目」方便你快速查閱其他篇目，讓知識立體化。跟著《電腦之書》進入一趟收穫滿滿的電腦科學之旅吧！ 本書特色 　　‧豐富條目：250則人工智慧史上重大里程碑一次收錄。 　　‧編年百科：條目依年代排序，清楚掌握人工智慧發展演變；

相關條目隨頁交叉索引，知識脈絡立體化。 　　‧濃縮文字：每篇約700字，快速閱讀、吸收重要科學觀念和大師理論。 　　‧精美插圖：每項條目均搭配精美全彩圖片，幫助記憶，刺激想像力。 　　‧理想收藏：全彩印刷、圖片精緻、收藏度高，是科普愛好者必備最理想的科學百科。  

在線壓縮gif進入發燒排行的影片

道路基礎採垂直排水帶工法地質改良探討-以北投洲美地區開發案為例

為了解決在線壓縮gif的問題，作者周哲緯 這樣論述：

台灣公共工程建設與推展，其中道路工程基礎設施更為重要，公共工程之興建，往往因工址因素而遭遇低窪、地質承載力不足或壓縮量過大等軟弱地質區域，在處理基礎工程需投入大量人力、物力及預算金，若因設計不當或施工品質不佳時，會導致基礎不均勻沉陷之虞，本研究案例區域位於台北區雙溪及基隆河流域下游區旁，且為臺北盆地沈積區，現況地質軟弱及地層涵蓋範圍甚廣深厚，整體區域土壤透水性較差、承載力較低，採用預壓垂直排水帶打設工法，加速地質沉陷壓密速率，減少道路工程施作後產生不均勻沉陷問題，以維護路堤結構之安全。本研究案例位於北投洲美地區開發案第2期填土整地工程，本工程總開發面積約90.24公頃(第1期範圍約32公頃，

第2期範圍約58.24公頃)，依鑽探資料顯示洲美地區土層含有深厚軟弱黏土層，採用預壓垂直排水帶工法，係由填土增加土體載重，以靜載重引發飽和軟弱黏土層產生超額孔隙水壓達到預壓載重效果，再由垂直排水帶工法增加孔隙水消散路徑及縮短排水距離使壓密時間縮短，從增加土壤強度中獲得預期之壓密沉陷量效果。本研究案例結果顯示本基地之地層條件及土壤性質，對於垂直排水帶打設過程成效具有相當程度之影響，地理位置、氣候、環境及施工時機等，皆為造成垂直排水帶打設功率偏低之因素，而由實測沉陷量成果與預估沉陷理論值相近，證明藉由垂直排水帶縮短排水路徑排放流之原理，以加速軟弱黏土層壓密沉陷速率，皆有發揮其功能達到縮短壓密時間之

目的，經由施工過程、施工障礙、障礙排除及相關成果等回饋，據以提出結論與建議，可以提供後續相關地質改良工程參酌。

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

為了解決在線壓縮gif的問題，作者劉松異 這樣論述：

本書是一本介紹移動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

運用數位浮水印技術建置題庫整合平台之研究

為了解決在線壓縮gif的問題，作者宋佳麟 這樣論述：

為了使提供者能够更樂於分享專業知識而無遭侵權之虞，解決其知識侵犯及著作權保護不易的問題，本論文運用數位浮水印技術做到資料保護的機制，利用數位浮水印技術在題庫影像檔案中加入肉眼無法辨識的浮水印，用來保護提供者的著作權，透過對應的技術亦可找出其數位浮水印。本題庫平台提供三大系統，分別是題庫系統和測驗系統及解答系統。題庫系統：由提供者將設計出的題目，使用影像檔案 (譬如：JPEG檔、GIF檔、PNG檔...) 上傳到雲端系統平台，圖檔上傳過程系統就會將數位浮水印嵌入至圖檔中，提供者可自由選擇由系統提供的浮水印資訊或者自己提供資訊圖檔加註在自己創作的檔案中，若日後有人使用該圖檔的題目或答案時，便可得

知原始提供者是誰，藉以保護提供者的智慧財產著作權。測驗系統：使用者可透過各類網頁瀏覽器選好先前已選用的測驗題目進行評量，評量完成後系統會顯示其正確解答供參考。解答系統：由解答者將答案使用影像檔案上傳到雲端系統平台，圖檔上傳過程系統就會將數位浮水印嵌入至圖片中，解答者亦可自由選擇由系統提供的浮水印資訊或者自行提供資訊圖檔加註在檔案中，讓解答者的著作權獲得保護。透過本研究所開發的題庫、測驗及解答平台，能使更多專業知識及技術保留下來，以及解決題目擁有者保護著作權的問題，亦期望可以間接提升使用者對尊重保護著作權的守法觀念，並使智慧學習的易用性及便利性更加普及。