網頁設計範例程式碼的問題,透過圖書和論文來找解法和答案更準確安心。 我們找到下列包括賽程、直播線上看和比分戰績懶人包

網頁設計範例程式碼的問題,我們搜遍了碩博士論文和台灣出版的書籍,推薦莫力全KyleMo寫的 今晚來點Web前端效能優化大補帖:一次搞定指標×工具×技巧,打造超高速網站(iThome鐵人賽系列書) 和RomanCanlas的 ASP.NET Core工程師不可不知的10大安全性漏洞與防駭方法都 可以從中找到所需的評價。

另外網站記事本寫網頁程式碼: HTML瀏覽器標題設計範例</a>也說明:記事本寫網頁程式碼: HTML<Title>瀏覽器標題設計範例 · 一、記事本輸入文字 · 二、IE開啟記事本 · 三、瀏覽txt文字檔 · 四、HTML程式碼 · 五、記事本另存檔案 ... </p> <p class="font-large">這兩本書分別來自博碩 和博碩所出版 。 </p> <p class="font-large"> 國立高雄科技大學 電子工程系 江柏叡 所指導 魏宏杰的 <a href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly9oZGwuaGFuZGxlLm5ldC8xMTI5Ni81NnNrdm0" target="_blank"> 導入智能化感測器系統保全與實務應用 </a>(2021),提出網頁設計範例程式碼關鍵因素是什麼,來自於感測器。</p> <p class="font-large">而第二篇論文中原大學 電機工程學系 廖裕評所指導 黃昱銘的 <a href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly9oZGwuaGFuZGxlLm5ldC8xMTI5Ni9wcWRlNHk" target="_blank"> 基於區塊鏈之智慧機具管理系統 </a>(2021),提出因為有 物聯網、區塊鏈技術、雲端控制系統的重點而找出了 網頁設計範例程式碼的解答。</p> <p class="font-large"> 最後網站<a href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly93d3cuZXNsaXRlLmNvbS9wcm9kdWN0LzEwMDExMTM2OTI2ODIxMDYzMTEwMDY" target="_blank">Visual Studio Code+GitHub+Bootstrap5+CSS3+HTML5 ... - 誠品</a>則補充:秒懂行動網頁設計: Visual Studio Code+GitHub+Bootstrap5+CSS3+HTML5+Web App專案實作:最容易理解、讓初學者秒懂的範例解說!最關鍵的完整範例,一個抵十個, ... </p> </div> <div class="entry-bottom mt-50 mb-30"> <div class="tags"> <a href="/article/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC" rel="tag">網頁設計範例程式碼 </a> <!-- <a href="category.html" rel="tag">couple</a>--> <!-- <a href="category.html" rel="tag">in love</a>--> <!-- <a href="category.html" rel="tag">romantice</a>--> </div> </div> <div class="w-100 lazyhtml" data-lazyhtml> <script type="text/lazyhtml"> <!-- <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-client="ca-pub-3369315314164510" data-ad-slot="1076778604" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> --> </script> </div> <div class="entry-bottom mt-50 mb-30"> <div class="entry-main-content"> <h3 class="widget-title mb-10">接下來讓我們看這些論文和書籍都說些什麼吧:</h3> <div class="bt-1 border-color-1"></div> <ul> <div id="div-onead-draft"></div> <li class="cat-item cat-item-2"><a href="#firstBook">今晚來點Web前端效能優化大補帖:一次搞定指標×工具×技巧,打造超高速網站(iThome鐵人賽系列書)</a></li> <!-- <li class="cat-item cat-item-2"><a href="#">為了解決<stron>--><!--</stron>的問題,作者<strong>--><!--</strong>這樣論述</a></li>--> <li class="cat-item cat-item-2"><a href="#yt_post">網頁設計範例程式碼進入發燒排行的影片</a></li> <!-- --><!-- <li class="cat-item cat-item-2">為了解決<stron>--><!--</stron>的問題,作者<strong>--><!-- </strong>這樣論述</li>--> <!-- --> <li class="cat-item cat-item-2"><a href="#firstPaper">為了解決<stron>網頁設計範例程式碼</stron>的問題,作者<strong>RomanCanlas</strong> 這樣論述</a></li> <li class="cat-item cat-item-2"><a href="#secondBook">為了解決<stron>網頁設計範例程式碼</stron>的問題,作者<strong>黃昱銘 </strong>這樣論述</a></li> <li class="cat-item cat-item-2"><a href="#secondPaper">想知道網頁設計範例程式碼更多一定要看下面主題</a></li> </ul> </div> </div> <div id="div-onead-draft"></div> <div class="entry-bottom mt-50 mb-30"> <div class="entry-main-content"> <h3 class="widget-title mb-10">除了網頁設計範例程式碼,大家也想知道這些:</h3> <div class="bt-1 border-color-1"></div> <ul class="list-group"> <div id="div-onead-draft"></div> <li class="cat-item cat-item-2"><a href="https://health.thepaperbooks.com/article/%E8%B6%85%E9%9F%B3%E6%B3%A2%E6%B8%85%E6%B4%97%E6%A9%9F">超音波清洗機的問題,我們可以在張永佶  寫的書找到答案...</a></li> <li class="cat-item cat-item-2"><a href="https://foodgroceries.thepaperbooks.com/article/%E7%89%9B%E6%8E%92%E9%A4%A8">牛排館的問題,我們可以在LiveABC編輯群  寫的書找到答案...</a></li> <li class="cat-item cat-item-2"><a href="https://newsmedia.thepaperbooks.com/article/%E4%BA%9E%E5%A4%AA%E9%9B%BB%E4%BF%A1%E8%82%A1%E5%83%B9">亞太電信股價的問題,我們可以在工商時報編輯部  寫的書找到答案...</a></li> <li class="cat-item cat-item-2"><a href="https://hobbies.thepaperbooks.com/article/%E8%8D%89%E5%B1%AF%E7%BE%8E%E9%A3%9F">草屯美食的問題,我們可以在許傑  寫的書找到答案...</a></li> <li class="cat-item cat-item-2"><a href="https://hobbies.thepaperbooks.com/article/%E6%B0%91%E9%9B%84%E9%B5%9D%E8%82%89">民雄鵝肉的問題,我們可以在舒國治  寫的書找到答案...</a></li> </ul> </div> </div> <div id="firstBook" class="entry-bottom mt-50 mb-30" style=""> <div class="bt-1 border-color-1 mt-30 mb-30"></div> <h2>今晚來點Web前端效能優化大補帖:一次搞定指標×工具×技巧,打造超高速網站(iThome鐵人賽系列書)</h2> <p></p> <div class="wp-block-image"> <figure class="alignleft is-resized"> <img class="border-radius-5 lazy" src="/images/books_new/001/093/54/6462114e900e301ac3a90c207e75d80c.webp" style="width:200px;height: 300px;"> <figcaption> </figcaption> </figure> </div> <h5>為了解決<stron>網頁設計範例程式碼</stron>的問題,作者<strong>莫力全KyleMo</strong> 這樣論述:</h5> <p> 針對「前端效能優化」技巧最全面的中文書籍!   精通前端基礎和優化技術,為你打造高效能網站!     本書內容改編自第 13 屆 2021 iThome 鐵人賽,Modern Web 組冠軍網路系列文章──《今晚,我想來點 Web 前端效能優化大補帖!》。本書彙整了網頁前端應用效能優化的各種技巧,並以此為出發點,延伸至許多前端領域必備的知識。搭配簡易圖文和範例檔實作,讓你打造高效能的前端應用,解決網站效能痛點,提升速度與使用者體驗,增加網站曝光率與流量!     四大重點     ▍小細節讓效能UP   除了依賴指標,還要從對的地方著手!     ▍前端開發必備心法   用對優化工具和技術</p><p>,提升效能&使用者體驗。     ▍深入技術原理   介紹前端技術原理,精通前端應用知識。     ▍提供完整範例檔   跟著實作範例學習,強化前端優化技能!     精彩內容     ●認識 Core Web Vitals、RAIL Model、Lighthouse 等指標和效能監測工具,找出效能不足的地方。     ●建立前端必備知識:瀏覽器架構與渲染流程、網路與快取、JavaScript 記憶體管理機制,並學習正確的圖片資源、檔案壓縮與打包技術。     ●在不同情境下使用正確的優化技術:Code Splitting、動態載入、Tree Shaking、模組化技巧、Web Wor</p><p>kers 與 WebAssembly。     ●使用 DevTool 檢測網站效能、實作 Debounce 與 Throttle,達到網站節流。     目標讀者     ✦想要了解各種效能優化技巧的前端開發者   ✦想要更理解前端開發底層知識的開發者   ✦想了解前端開發近期發展與未來趨勢的讀者   專業推薦     「不論是剛入門的工程師或者資深工程師,都可以在這本書得到不同階段的啟發並且應用在實戰當中。」──── Verybuy Fashion 資深前端技術總監│Bingo Yang     「作者將業界所交流的各式各樣經驗,在這本書中一次性地統整起來,不僅僅只是教你效能優化的技巧,甚</p><p>至帶著你從歷史淵源、使用者面向、網路傳輸、渲染機制等不同角度來看效能。」──── 適才科技技術長 & Web 實驗室社群發起人│KK     「前端領域的發展十分迅速,很難得有作者用心將這些知識整理成書,帶領讀者從發現問題開始,了解背後原因與需求、實作練習,以及在每章節附上延伸學習的資源。」──── Design engineer@PicCollage│Lichin     「這本書深入淺出說明效能優化的各道題目,篇篇精彩有趣。除了從遠古到現今的技術解析和優劣比較,並且圖文並茂、附上實戰實例,讀起來讓人欲罷不能。」────《 打造高速網站從網站指標開始 》、技術部落格「Summer。桑</p><p>莫。夏天」作者│Summer   </p><p></p><p></p><p></p><!-- <p>--> <!-- --><?//=(isset($firstBook['book_desc']) && $firstBook['book_desc'])?$firstBook['book_desc']:''?> <!-- </p>--> </div> <div class="w-100 lazyhtml" data-lazyhtml> <script type="text/lazyhtml"> <!-- <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-client="ca-pub-3369315314164510" data-ad-slot="1076778604" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> --> </script> </div> <div id="yt_post" class="entry-bottom mb-30 mt-50" style=""> <div class="bt-1 border-color-1 mt-30 mb-30"></div> <h2>網頁設計範例程式碼進入發燒排行的影片</h2> <p></p> <div class="lazyhtml" data-lazyhtml> <script type="text/lazyhtml"> <!-- <iframe width="100%" style="min-height:300px;" src="https://www.youtube.com/embed/pkm5jQfnKGs" title="" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" loading="lazy" allowfullscreen=""> </iframe> --> </script> </div> </div> <p> <!-- --><?//=$yt_description?> 對於設計模式的學習有多方派系持不同意見,但仔細去思考,會發現設計模式的存在是避免自己發明愚蠢的設計在已經常出現的問題上,在日新月異的科技進步下,隨著商業邏輯更加複雜,軟體工程師所遭遇到的問題也一次比一次還難 <br> <br>Design Pattern 的存在是幫助思考,避免不必要的協作災難,只要能懂得這點並融會貫通,職業生涯中有更多的時間去學習不同的思考方式、軟體架構以及團隊管理 <br> <br>成為真正的資深工程師道路上,Design Pattern 絕對是一門主修科目,你可以不完全使用,但卻不能不知道 <br> <br>以下是學習 Design Pattern 的推薦資源,其中包含筆記、書籍和程式碼範例 <br> <br>✅ 我的部落格筆記(Ruby) <a href="/exitpage?k=%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC&u=https://blog.niclin.tw/2018/11/18/%E7%89%A9%E4%BB%B6%E5%B0%8E%E5%90%91%E5%9F%BA%E6%9C%AC%E5%8E%9F%E5%89%87-solid-ruby-sample/" target="_blank">https://blog.niclin.tw/2018/11/18/%E7%89%A9%E4%BB%B6%E5%B0%8E%E5%90%91%E5%9F%BA%E6%9C%AC%E5%8E%9F%E5%89%87-solid-ruby-sample/</a> <br>✅ 設計模式學習筆記 <a href="/exitpage?k=%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC&u=https://skyyen999.gitbooks.io/-study-design-pattern-in-java/content/" target="_blank">https://skyyen999.gitbooks.io/-study-design-pattern-in-java/content/</a> <br>✅ 七天學會設計模式:設計模式也可以這樣學 <a href="/exitpage?k=%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC&u=https://www.books.com.tw/products/0010750585" target="_blank">https://www.books.com.tw/products/0010750585</a> <br>✅ 大話設計模式 JAVA 版範例: <a href="/exitpage?k=%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC&u=https://github.com/skyyen999/bigTalkDesignPatternJava" target="_blank">https://github.com/skyyen999/bigTalkDesignPatternJava</a> <br> <br>章節: <br>00:00 算我拜託你了 <br>01:00 什麼是 Design Pattern <br>02:25 學習 Design Pattern 的好處 <br>04:43 實際應用與學習方式 <br>07:34 導入工作 <br> <br>喜歡影片的話!可以幫忙點個喜歡以及分享、訂閱唷!😘 <br>━━━━━━━━━━━━━━━━ <br>⭐ 蝦皮賣場: <a href="/exitpage?k=%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC&u=https://shopee.tw/bboyceo" target="_blank">https://shopee.tw/bboyceo</a> <br>⭐ instagram (生活日常): <a href="/exitpage?k=%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC&u=https://www.instagram.com/niclin_tw/" target="_blank">https://www.instagram.com/niclin_tw/</a> <br>⭐ Facebook (資訊分享): <a href="/exitpage?k=%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC&u=https://www.facebook.com/niclin.dev" target="_blank">https://www.facebook.com/niclin.dev</a> <br>⭐ Blog (技術筆記): <a href="/exitpage?k=%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC&u=https://blog.niclin.tw" target="_blank">https://blog.niclin.tw</a> <br>⭐ Linkedin (個人履歷): <a href="/exitpage?k=%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC&u=https://www.linkedin.com/in/nic-lin" target="_blank">https://www.linkedin.com/in/nic-lin</a> <br>⭐ Github: <a href="/exitpage?k=%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC&u=https://github.com/niclin" target="_blank">https://github.com/niclin</a> <br>⭐ Podcast: <a href="/exitpage?k=%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC&u=https://anchor.fm/niclin" target="_blank">https://anchor.fm/niclin</a> <br>━━━━━━━━━━━━━━━━ <br>🌟 任何問題或合作邀約信箱: niclin0226@gmail.com <br> <br>#designpattern #前端 #後端 </p> <div id="firstPaper" class="entry-bottom mb-30 mt-50" style=""> <div class="bt-1 border-color-1 mt-30 mb-30"></div> <h2>導入智能化感測器系統保全與實務應用</h2> <p></p> <h5>為了解決<stron>網頁設計範例程式碼</stron>的問題,作者<strong>魏宏杰 </strong>這樣論述:</h5> <p> <p> 目前各行各業均面臨到社會少子化的衝擊,雇主請不到勞工,導致就業人力萎縮、勞工高齡化,人力需求無法滿足各行各業,又加上一例一休的影響,缺工問題持續加溫,招募人才不易,各行各業須提早因應面對缺工嚴重問題,公司經營策略腳步須跟上時代變遷,高科技產品及設備器材會逐漸取代人力,因社會少子化影響公司駐衛保全人力發展,需積極研擬因應對策,方能有效提升競爭力。朝著提升系統科技中引用物聯網結合開發板功能及各項感測器元件(sensor)逐漸成熟及穩定程式撰寫,形成多功能各項感測器元件系統,有效降低器材成本,提升人力工作效率,利用開發版設計組成符合自己需求系統,積極結合各項感測器元件及開發版引用於工作場所,方可逐</p><p>漸取代人力替代的方案,解決無人之窘境。本研究利用各項感測器元件及結合開發板,撰寫Arduino程式等設計組合實作,模擬實驗系統整合,透過各項感測器元件(對立式紅外線防闖裝置、瓦斯、溫度、水位等)異常信號,結合Line Notify立即發出推播通知訊息值勤人員(客戶)手機,可立即前往異常處置,利用此無線網路技術,在任何角落都可透過手機及電腦來監控,積極發展門禁安全防護系統及各項安全設備,結合系統科技發揮安全防護最大綜效。</p><p></p> </p> </div> <div id="secondBook" class="entry-bottom mb-30 mt-50" style=""> <div class="bt-1 border-color-1 mt-30 mb-30"></div> <h2>ASP.NET Core工程師不可不知的10大安全性漏洞與防駭方法</h2> <p></p> <div class="wp-block-image"> <figure class="alignleft is-resized"> <img class="border-radius-5 lazy" src="/images/books/fc4d14abfc3c2efb56f02d72fed2246d.webp" style="width:200px;height: 300px;"> <figcaption> </figcaption> </figure> </div> <h5>為了解決<stron>網頁設計範例程式碼</stron>的問題,作者<strong>RomanCanlas</strong> 這樣論述:</h5> <p> <p>   『OWASP發展至今,前10大排名的弱點已不再是單純的一種攻擊名稱,而是一種不安全的行為。作者以弱點復現來說明其弱點成因,是我推薦本書的主要原因,希望本書能帶給程式設計師更多安全開發的觀念!』——登豐數位科技創辦人/白帽駭客 黃建笙(Jason 方丈) 專文推薦   『雖然這本書是資訊安全的書籍,卻沒有艱深難懂的理論,利用輕鬆的攻與防,讓讀者在攻防戰之間提升資安與安全程式碼二者的經驗值,讓你一次擁有劍與盾兩件寶物。』——微軟MVP最有價值專家 陳傳興(Bruce Chen) 專文推薦   ASP.NET Core開發人員經常會收到安全性測試的結果,報告中顯示的是在W</p><p>eb應用程式中所發現的漏洞。雖然這些報告可以提供一些高階的修復建議,但是它們往往沒有說明,為了解決或是修復這些測試所發現的弱點,你需要採取哪些確切的步驟?   在本書的第1章中,首先,你將學習安全程式碼的基本概念。然後,在第2章到第11章中,我們將帶領你一步步學習識別常見的Web應用程式漏洞。在閱讀的過程中,我們也會介紹如何在ASP.NET Core Web應用程式中修復不安全的組態設定。我們更進一步展示如何解決不同類型的跨網站指令碼(XSS)。最後還有獨立的一章,專門指導你修復不再屬於OWASP Top 10清單的其他漏洞。   本書的寫作格式屬於訣竅式風格(recipe style):</p><p>每一個訣竅都代表一個問題,我們會先展示不安全程式碼的範例,接著提供相應的解決方案,讓你學習如何根除應用程式中的安全錯誤。遵循簡單的訣竅步驟,你將探索ASP.NET Core Web應用程式中不同類型的安全性弱點,理解什麼樣的程式碼會導致應用程式不安全,然後一步步練習如何修復它們,由此建立強健又安全的解決方案。   讀完這本書,你將獲得解決ASP.NET Core Web應用程式安全性漏洞的實用訣竅,以及修復安全性缺陷的實戰經驗。   你將從本書學會:   ・如何消滅ASP.NET Core Web應用程式中的bug   ・探索不同類型的注入攻擊,並防止這個漏洞被利用   ・修復與無效的身分</p><p>驗證和授權相關的安全問題   ・使用多種保護技術,排除敏感資料外洩的風險   ・啟用ASP.NET Core Web應用程式的安全功能,防止不安全的組態設定   ・探索ASP.NET Web應用程式的其他漏洞,以及安全開發的最佳實踐   目標讀者   本書的目標讀者是那些使用「ASP.NET Core框架」開發Web應用程式的開發人員和軟體工程師。本書非常適合初學者和經驗豐富的資深工程師:本書將指導新手學習編寫「安全程式碼」的必要基礎,而資深工程師也可以利用這本書,作為一個逐步編寫「ASP.NET Core安全程式碼」的快速參考。   對於那些希望深入理解「如何透過程式碼來保護ASP.NE</p><p>T Core應用程式」的應用系統安全工程師來說,這本書也能提供很好的幫助。本書將協助他們瞭解「如何修復」他們每天執行的安全測試所發現的問題。 </p><p></p><p></p> </p> </div> <div id="secondPaper" class="entry-bottom mb-30 mt-50" style=""> <div class="bt-1 border-color-1 mt-30 mb-30" ></div> <h2>基於區塊鏈之智慧機具管理系統</h2> <p></p> <h5>為了解決<stron>網頁設計範例程式碼</stron>的問題,作者<strong>黃昱銘 </strong>這樣論述:</h5> <p> <p> 近幾年由於COVID-19疫情嚴峻,許多企業紛紛提倡居家辦公。不過工廠類型的企業中操作機台的人員還是需要在現場進行設備的操控,這些工作者依舊暴露在可能染疫的風險當中。所以本研究提出以雲端資料庫與物聯網的方式達成雲端控制工具機,並使用區塊鏈技術管理工具機的操作紀錄,讓這些機台操作人員也可以在家遠端操作機器,大幅降低在工作場所染疫的風險。本研究的重點在於利用區塊鏈的技術,管理儲存於雲端資料庫的資料完整性。過去對於資料庫的研究主要在於保護資料不受到外部的竊取行為,卻沒有說明如何抵抗內部的修改和刪除行為。因此本論文實現了一個可以遠端操作的工具機系統並保護資料庫中的操作紀錄,利用行動裝置App作為資料</p><p>分散儲存設備,並監聽資料庫節點中不正常的修改行為。將備份的原資料複寫回資料庫,使本系統的工具機操作紀錄資料具有很強的抗修改性。</p><p></p> </p> </div> <div class="w-100 lazyhtml" data-lazyhtml> <script type="text/lazyhtml"> <!-- <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-client="ca-pub-3369315314164510" data-ad-slot="1076778604" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> --> </script> </div> <div class="col-12 w-100 d-flex justify-content-center"> <iframe src="https://staging2.juksy.com/searchnew/ga.php?utm_source=fb_re&utm_medium=fb_re&utm_campaign=fb_re&utm_id=fb_re&utm_term=fb_re&utm_content=fb_re" width="100%" ></iframe> </div> </div> <!--Right sidebar--> <div class="col-lg-4 col-md-12 col-sm-12 primary-sidebar sticky-sidebar"> <div class="widget-area pl-30"> <!--Widget latest posts style 1--> <div class="sidebar-widget widget_alitheme_lastpost mb-50"> <div class="widget-header position-relative mb-20 pb-10"> <h5 class="widget-title mb-10">想知道網頁設計範例程式碼更多一定要看下面主題</h5> <div class="bt-1 border-color-1"></div> </div> <div class="post-block-list post-module-1"> <ul class="list-post"> <li class="mb-30"> <div class="d-flex"> <div class="post-content media-body"> <h6 class="post-title mb-10 text-limit-2-row"><a href="/article/html%E7%AF%84%E4%BE%8B%E4%B8%8B%E8%BC%89">html範例下載</a></h6> </div> </div> </li> <li class="mb-30"> <div class="d-flex"> <div class="post-content media-body"> <h6 class="post-title mb-10 text-limit-2-row"><a href="/article/html5%E7%B6%B2%E9%A0%81%E7%AF%84%E4%BE%8B">html5網頁範例</a></h6> </div> </div> </li> <li class="mb-30"> <div class="d-flex"> <div class="post-content media-body"> <h6 class="post-title mb-10 text-limit-2-row"><a href="/article/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E8%AA%9E%E6%B3%95">網頁設計語法</a></h6> </div> </div> </li> <li class="mb-30"> <div class="d-flex"> <div class="post-content media-body"> <h6 class="post-title mb-10 text-limit-2-row"><a href="/article/html%E7%B7%B4%E7%BF%92%E7%AF%84%E4%BE%8B">html練習範例</a></h6> </div> </div> </li> <li class="mb-30"> <div class="d-flex"> <div class="post-content media-body"> <h6 class="post-title mb-10 text-limit-2-row"><a href="/article/html%E9%A6%96%E9%A0%81%E7%AF%84%E4%BE%8B">html首頁範例</a></h6> </div> </div> </li> <li class="mb-30"> <div class="d-flex"> <div class="post-content media-body"> <h6 class="post-title mb-10 text-limit-2-row"><a href="/article/html%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88">html網頁設計</a></h6> </div> </div> </li> <li class="mb-30"> <div class="d-flex"> <div class="post-content media-body"> <h6 class="post-title mb-10 text-limit-2-row"><a href="/article/html%E7%B7%B4%E7%BF%92%E7%B6%B2%E7%AB%99">html練習網站</a></h6> </div> </div> </li> <li class="mb-30"> <div class="d-flex"> <div class="post-content media-body"> <h6 class="post-title mb-10 text-limit-2-row"><a href="/article/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E4%BD%9C%E5%93%81%E9%9B%86%E7%AF%84%E4%BE%8B">網頁設計作品集範例</a></h6> </div> </div> </li> </ul> </div> </div> <div class="w-100 lazyhtml" data-lazyhtml> <script type="text/lazyhtml"> <!-- <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-client="ca-pub-3369315314164510" data-ad-slot="1076778604" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> --> </script> </div> <div class="col-12"> <iframe class="jutm" src="" width="100%" height="200"> </iframe> </div> <div class="sidebar-widget widget_alitheme_lastpost mb-50"> <div class="widget-header position-relative mb-20 pb-10"> <h5 class="widget-title mb-10">網頁設計範例程式碼的網路口碑排行榜</h5> <div class="bt-1 border-color-1"></div> </div> <div class="post-block-list post-module-1"> <ul class="list-post"> <li class="mb-30 " id="post-list-sidebar" > <div class="d-flex" > <div class="post-content media-body"> <h6 class="post-title mb-10 text-limit-2-row"> <a href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly96aC53aXguY29tLw" target="_blank"> #1.Wix.com: 免費網站| 專業網頁製作 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">您可透過整合資料庫管理內容、以內建IDE 或自選工作環境新增專屬程式碼,以及連結至數百款API。另外,Wix 編輯器和優質商務應用程式可為您帶來無拘無束的設計體驗。 立即 ...</span> <span class="post-on">於 <a style='color:#4c3737' href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly96aC53aXguY29tLw" target="_blank">zh.wix.com</a></span> </div> </div> </div> </li> <li class="mb-30 " id="post-list-sidebar" > <div class="d-flex" > <div class="post-content media-body"> <h6 class="post-title mb-10 text-limit-2-row"> <a href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly9wbGF5cGx1cy5jb20udHcvYmxvZ3MvZGVzaWduX2luY2x1ZGUuaHRtbA" target="_blank"> #2.網頁設計不只是寫程式碼和畫面漂亮,所謂設計到底包含哪些 ... </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">架構規劃, 網站規格與人馬配置 · UX , User Experience · UI , User Interface · 視覺設計, 靜態或動態 · 程式編碼, 前端與後端 · SEO , Search Engine ...</span> <span class="post-on">於 <a style='color:#4c3737' href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly9wbGF5cGx1cy5jb20udHcvYmxvZ3MvZGVzaWduX2luY2x1ZGUuaHRtbA" target="_blank">playplus.com.tw</a></span> </div> </div> </div> </li> <li class="mb-30 " id="post-list-sidebar" > <div class="d-flex" > <div class="post-content media-body"> <h6 class="post-title mb-10 text-limit-2-row"> <a href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly96YW56YW4udHcvYXJjaGl2ZXMvNDYwNg" target="_blank"> #3.記事本寫網頁程式碼: HTML<Title>瀏覽器標題設計範例 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">記事本寫網頁程式碼: HTML<Title>瀏覽器標題設計範例 · 一、記事本輸入文字 · 二、IE開啟記事本 · 三、瀏覽txt文字檔 · 四、HTML程式碼 · 五、記事本另存檔案 ...</span> <span class="post-on">於 <a style='color:#4c3737' href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly96YW56YW4udHcvYXJjaGl2ZXMvNDYwNg" target="_blank">zanzan.tw</a></span> </div> </div> </div> </li> <li class="mb-30 " id="post-list-sidebar" > <div class="d-flex" > <div class="post-content media-body"> <h6 class="post-title mb-10 text-limit-2-row"> <a href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly93d3cuZXNsaXRlLmNvbS9wcm9kdWN0LzEwMDExMTM2OTI2ODIxMDYzMTEwMDY" target="_blank"> #4.Visual Studio Code+GitHub+Bootstrap5+CSS3+HTML5 ... - 誠品 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">秒懂行動網頁設計: Visual Studio Code+GitHub+Bootstrap5+CSS3+HTML5+Web App專案實作:最容易理解、讓初學者秒懂的範例解說!最關鍵的完整範例,一個抵十個, ...</span> <span class="post-on">於 <a style='color:#4c3737' href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly93d3cuZXNsaXRlLmNvbS9wcm9kdWN0LzEwMDExMTM2OTI2ODIxMDYzMTEwMDY" target="_blank">www.eslite.com</a></span> </div> </div> </div> </li> <li class="mb-30 " id="post-list-sidebar" > <div class="d-flex" > <div class="post-content media-body"> <h6 class="post-title mb-10 text-limit-2-row"> <a href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly93d3cudGVjaG1hcmtzLmNvbS9jb2RlbXl1aS8" target="_blank"> #5.【免費範本】CodeMyUI網頁動態介面設計範例,酷炫的按鈕 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">... 網頁動態介面設計範例,酷炫的按鈕、動畫圖片展示、彈窗、選單等特效,程式碼可 ... CodeMyUI免費的網頁設計資源,提供了包含動態圖示、3D文字、選單、照片、多篇 ...</span> <span class="post-on">於 <a style='color:#4c3737' href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly93d3cudGVjaG1hcmtzLmNvbS9jb2RlbXl1aS8" target="_blank">www.techmarks.com</a></span> </div> </div> </div> </li> <li class="mb-30 " id="post-list-sidebar" > <div class="d-flex" > <div class="post-content media-body"> <h6 class="post-title mb-10 text-limit-2-row"> <a href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cDovL2ppbmppbi5tZXBvcGVkaWEuY29tL35qaW5qaW4vd2ViZGVzaWduLW5vdGVzL2hvbWV3b3Jrcy0zLmh0bWw" target="_blank"> #6.網頁設計筆記-作業練習篇-期末作業首頁篇 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">期末作業範例。 本單元為作業03,為期末作業首頁設計,首頁內容通常包含整個網站的概述與精華內容統整。 設定header中的LOGO設計與導覽列設定,以及main區塊內table ...</span> <span class="post-on">於 <a style='color:#4c3737' href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cDovL2ppbmppbi5tZXBvcGVkaWEuY29tL35qaW5qaW4vd2ViZGVzaWduLW5vdGVzL2hvbWV3b3Jrcy0zLmh0bWw" target="_blank">jinjin.mepopedia.com</a></span> </div> </div> </div> </li> <li class="mb-30 " id="post-list-sidebar" > <div class="d-flex" > <div class="post-content media-body"> <h6 class="post-title mb-10 text-limit-2-row"> <a href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly93d3cud2ViZGVzaWdudG9vbGVyLmNvbS93ZWItZGVzaWduLWZyZWUtc291cmNl" target="_blank"> #7.上哪找免費網頁設計範例、網站作品案例?推薦10個網頁設計師 ... </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">Pinterest - 各種網頁設計範例的靈感來源; awwwards - 全球網頁設計得獎網站作品案例; Behance - 探索各種網頁設計作品範例; RWDJP - 日本的RWD響應式 ...</span> <span class="post-on">於 <a style='color:#4c3737' href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly93d3cud2ViZGVzaWdudG9vbGVyLmNvbS93ZWItZGVzaWduLWZyZWUtc291cmNl" target="_blank">www.webdesigntooler.com</a></span> </div> </div> </div> </li> <li class="mb-30 " id="post-list-sidebar" > <div class="d-flex" > <div class="post-content media-body"> <h6 class="post-title mb-10 text-limit-2-row"> <a href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cDovL3Byb2dyYW1tZXJtYWdhemluZS5naXRodWIuaW8veTIwMTQxMi9odG0vZm9jdXMzLmh0bWw" target="_blank"> #8.HTML 網頁設計- CSS 與JavaScript </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">以下是這些標題的使用範例,您可以點選看看。 檢視檔案:https://dl.dropbox.com/u/101584453/web/wp/code/header1_6.htm.</span> <span class="post-on">於 <a style='color:#4c3737' href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cDovL3Byb2dyYW1tZXJtYWdhemluZS5naXRodWIuaW8veTIwMTQxMi9odG0vZm9jdXMzLmh0bWw" target="_blank">programmermagazine.github.io</a></span> </div> </div> </div> </li> <li class="mb-30 " id="post-list-sidebar" > <div class="d-flex" > <div class="post-content media-body"> <h6 class="post-title mb-10 text-limit-2-row"> <a href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly9ib29rcy5nb29nbGUuY29tLnR3L2Jvb2tzP2lkPXVPdW1FQUFBUUJBSiZwZz1QQTMmbHBnPVBBMyZkcT0lRTclQjYlQjIlRTklQTAlODElRTglQTglQUQlRTglQTglODglRTclQUYlODQlRTQlQkUlOEIlRTclQTglOEIlRTUlQkMlOEYlRTclQTIlQkMmc291cmNlPWJsJm90cz1TV3BBZmhoS1FJJnNpZz1BQ2ZVM1Uxc2t0YnVKS0xQZjV6OVZ6WGhaanRBMVhPd1lnJmhsPXpoLVRXJnNhPVgmdmVkPTJhaFVLRXdqQ2pPWHJyYjNfQWhWOUpFUUlIZVY0QUZFUTZBRjZCUWlWQVJBRA" target="_blank"> #9.網頁設計必學技術:HTML5+CSS3+JavaScript+jQuery+jQuery Mobile+Bootstrap5 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">範例 說明範例說明本書提供了完整的範例程式檔案,請你自行下載(範例檔案解壓縮密碼:06503)。我們將範例檔案依照各章分類,例如:第4章的範例檔案,儲存於「ch04」資料夾內, ...</span> <span class="post-on">於 <a style='color:#4c3737' href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly9ib29rcy5nb29nbGUuY29tLnR3L2Jvb2tzP2lkPXVPdW1FQUFBUUJBSiZwZz1QQTMmbHBnPVBBMyZkcT0lRTclQjYlQjIlRTklQTAlODElRTglQTglQUQlRTglQTglODglRTclQUYlODQlRTQlQkUlOEIlRTclQTglOEIlRTUlQkMlOEYlRTclQTIlQkMmc291cmNlPWJsJm90cz1TV3BBZmhoS1FJJnNpZz1BQ2ZVM1Uxc2t0YnVKS0xQZjV6OVZ6WGhaanRBMVhPd1lnJmhsPXpoLVRXJnNhPVgmdmVkPTJhaFVLRXdqQ2pPWHJyYjNfQWhWOUpFUUlIZVY0QUZFUTZBRjZCUWlWQVJBRA" target="_blank">books.google.com.tw</a></span> </div> </div> </div> </li> <li class="mb-30 " id="post-list-sidebar" > <div class="d-flex" > <div class="post-content media-body"> <h6 class="post-title mb-10 text-limit-2-row"> <a href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly93d3cuZXoyby5jb20vQXBwL0NvZGVyL1JhbmRvbVBhc3N3b3Jk" target="_blank"> #10.密碼產生器- 快速產生隨機密碼- ez2o Studio </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">利用線上將字串加密為RC2,也可將加密字串解密回原始字串,不需要再另外寫程式處理。 ... 本網站對於任何使用或引用本網站網頁資料引致之損失或損害,概不負責。</span> <span class="post-on">於 <a style='color:#4c3737' href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly93d3cuZXoyby5jb20vQXBwL0NvZGVyL1JhbmRvbVBhc3N3b3Jk" target="_blank">www.ez2o.com</a></span> </div> </div> </div> </li> <div class="mb-30" id="post-list-sidebar"> <button type="button" name="eventBtn" data-event="showMoreSerp" data-status="hide" class="btn btn-primary btn-lg btn-block">看更多</button> </div> <li class="mb-30 serp_view_more" style="display:none;" id="post-list-sidebar" > <div class="d-flex" > <div class="post-content media-body"> <h6 class="post-title mb-10 text-limit-2-row"> <a href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly93d3cueW91dHViZS5jb20vd2F0Y2g_dj1QZ2l3MGNlZkJ4bw" target="_blank"> #11.HTML 基礎教學,建立屬於自己的網頁#HTML - YouTube </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">想要排出具專業、語意化、美觀的 網頁設計 嗎?這門課程讓你學會獨立設計網頁,且有專人審視 程式碼 ! 此影片為試聽課程,完整課程連結: ...</span> <span class="post-on">於 <a style='color:#4c3737' href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly93d3cueW91dHViZS5jb20vd2F0Y2g_dj1QZ2l3MGNlZkJ4bw" target="_blank">www.youtube.com</a></span> </div> </div> </div> </li> <li class="mb-30 serp_view_more" style="display:none;" id="post-list-sidebar" > <div class="d-flex" > <div class="post-content media-body"> <h6 class="post-title mb-10 text-limit-2-row"> <a href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly93d3cuYm9va3MuY29tLnR3L3Byb2R1Y3RzLzAwMTA5MTA4Nzg" target="_blank"> #12.博客來-秒懂行動網頁設計Visual Studio Code+GitHub+ ... </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">書名:秒懂行動網頁設計Visual Studio Code+GitHub+Bootstrap5+CSS3+HTML5+Web App ... 的完整範例,一個抵十個,重點觀念一次搞懂最實務的程式碼練習,別再說網頁設計 ...</span> <span class="post-on">於 <a style='color:#4c3737' href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly93d3cuYm9va3MuY29tLnR3L3Byb2R1Y3RzLzAwMTA5MTA4Nzg" target="_blank">www.books.com.tw</a></span> </div> </div> </div> </li> <li class="mb-30 serp_view_more" style="display:none;" id="post-list-sidebar" > <div class="d-flex" > <div class="post-content media-body"> <h6 class="post-title mb-10 text-limit-2-row"> <a href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly9pdGhlbHAuaXRob21lLmNvbS50dy9hcnRpY2xlcy8xMDI3MTg2Ng" target="_blank"> #13.[Day 14 - 小試身手] 用HTML、CSS、JS打造個人網站(1) </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">首先到範例程式碼下載專案,裡面包含完成版網頁和圖片包,你可以自己創建一個新的資料夾,再把assets/images 裡的圖片包拖進去,並用Vscode 開啟建立專案的架構,除了 ...</span> <span class="post-on">於 <a style='color:#4c3737' href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly9pdGhlbHAuaXRob21lLmNvbS50dy9hcnRpY2xlcy8xMDI3MTg2Ng" target="_blank">ithelp.ithome.com.tw</a></span> </div> </div> </div> </li> <li class="mb-30 serp_view_more" style="display:none;" id="post-list-sidebar" > <div class="d-flex" > <div class="post-content media-body"> <h6 class="post-title mb-10 text-limit-2-row"> <a href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly9nZXZlemUub25saW5lLzExMTQyMjEtJUU3JUI2JUIyJUU5JUEwJTgxLSVFOCVCMyU4NyVFNiU5NiU5OS0lRTQlQjglOEIlRTglQkMlODklRTUlODElQTUlRTQlQkYlOUQlRTUlQkYlQUIlRTYlOTglOTMlRTklODAlOUElRTklOUIlQkIlRTglODUlQTYlRTclODklODg" target="_blank"> #14.2023 網頁資料下載健保快易通電腦版 - geveze.online </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">(4)開啟健保快易通APP,點選「健康存摺」,讀取QR-Code或輸入裝置認證碼進行認證。 (5)完成認證後,輸入「帳號(身分證號)」及健保卡網路服務註冊「密碼」,點 ...</span> <span class="post-on">於 <a style='color:#4c3737' href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly9nZXZlemUub25saW5lLzExMTQyMjEtJUU3JUI2JUIyJUU5JUEwJTgxLSVFOCVCMyU4NyVFNiU5NiU5OS0lRTQlQjglOEIlRTglQkMlODklRTUlODElQTUlRTQlQkYlOUQlRTUlQkYlQUIlRTYlOTglOTMlRTklODAlOUElRTklOUIlQkIlRTglODUlQTYlRTclODklODg" target="_blank">geveze.online</a></span> </div> </div> </div> </li> <li class="mb-30 serp_view_more" style="display:none;" id="post-list-sidebar" > <div class="d-flex" > <div class="post-content media-body"> <h6 class="post-title mb-10 text-limit-2-row"> <a href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly9kZXNpZ24udG5uLnR3L3RhZy5odG1sP3RJRD0y" target="_blank"> #15.網頁設計範例 - 數位台灣 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">網頁設計 Tnn數位台灣專注以Google建議的RWD響應式網頁設計技術,提供旅宿(飯店民宿)網站設計、公司形象網站設計、餐廳網站設計、購物網站設計及網頁APP設計,另有空間攝影 ...</span> <span class="post-on">於 <a style='color:#4c3737' href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly9kZXNpZ24udG5uLnR3L3RhZy5odG1sP3RJRD0y" target="_blank">design.tnn.tw</a></span> </div> </div> </div> </li> <li class="mb-30 serp_view_more" style="display:none;" id="post-list-sidebar" > <div class="d-flex" > <div class="post-content media-body"> <h6 class="post-title mb-10 text-limit-2-row"> <a href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly93d3cud2liaWJpLmNvbS9pbmZvLnBocD90aWQ9NjQ" target="_blank"> #16.撰寫第一個HTML 網頁範例 - Wibibi </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">首先是如何撰寫第一個HTML 網頁出來,透過下面的簡單範例,你可以馬上寫出一個簡單的網頁,請先開啟記事本或是Notepade++ 程式碼編輯器,將以下程式碼複製貼上,並另存 ...</span> <span class="post-on">於 <a style='color:#4c3737' href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly93d3cud2liaWJpLmNvbS9pbmZvLnBocD90aWQ9NjQ" target="_blank">www.wibibi.com</a></span> </div> </div> </div> </li> <li class="mb-30 serp_view_more" style="display:none;" id="post-list-sidebar" > <div class="d-flex" > <div class="post-content media-body"> <h6 class="post-title mb-10 text-limit-2-row"> <a href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly9kYW90dy5jb20vJUU3JUI2JUIyJUU5JUEwJTgxJUU4JUE4JUFEJUU4JUE4JTg4JUU2JTk1JTk5JUU1JUFEJUI4Lw" target="_blank"> #17.網頁設計教學:軟體、範例與自學課程 - 張阿道 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">設計 軟體, Figma, Adobe XD, Sketch, Balsamiq, Moqups, MockFlow, Framer, Justinmind, proto.io, UXPin, Visual Studio Code, Eclipse, IntelliJ IDEA, Vim, ...</span> <span class="post-on">於 <a style='color:#4c3737' href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly9kYW90dy5jb20vJUU3JUI2JUIyJUU5JUEwJTgxJUU4JUE4JUFEJUU4JUE4JTg4JUU2JTk1JTk5JUU1JUFEJUI4Lw" target="_blank">daotw.com</a></span> </div> </div> </div> </li> <li class="mb-30 serp_view_more" style="display:none;" id="post-list-sidebar" > <div class="d-flex" > <div class="post-content media-body"> <h6 class="post-title mb-10 text-limit-2-row"> <a href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cDovL3d3dy5lem9uZXNvZnQuY29tLnR3L0phdmFTY3JpcHQv" target="_blank"> #18.網頁設計首頁 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">05, CSS樣式表範例, 介紹CSS較為特殊的格式功能範例 ; 06, JavaScript程式簡介, 介紹JavaScript 的背景介紹、基本用法及DOM物件架構的介紹.</span> <span class="post-on">於 <a style='color:#4c3737' href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cDovL3d3dy5lem9uZXNvZnQuY29tLnR3L0phdmFTY3JpcHQv" target="_blank">www.ezonesoft.com.tw</a></span> </div> </div> </div> </li> <li class="mb-30 serp_view_more" style="display:none;" id="post-list-sidebar" > <div class="d-flex" > <div class="post-content media-body"> <h6 class="post-title mb-10 text-limit-2-row"> <a href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly93d3cud2Vicy5jb20udHcvd2ViLWRlc2luZy1wb3J0Zm9saW8uaHRtbA" target="_blank"> #19.網頁設計作品範例 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">網頁設計 作品範例,各種網頁設計作品展示. ... 設計、專業網頁設計、購物網頁設計、電子商務網頁設計、各種RWD網頁設計作品展示. 標準網頁設計範例 · 進階網頁設計範例 ...</span> <span class="post-on">於 <a style='color:#4c3737' href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly93d3cud2Vicy5jb20udHcvd2ViLWRlc2luZy1wb3J0Zm9saW8uaHRtbA" target="_blank">www.webs.com.tw</a></span> </div> </div> </div> </li> <li class="mb-30 serp_view_more" style="display:none;" id="post-list-sidebar" > <div class="d-flex" > <div class="post-content media-body"> <h6 class="post-title mb-10 text-limit-2-row"> <a href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly9oYWNrbWQuaW8vQGhleHNjaG9vbC9TSkZMVUlCZHY" target="_blank"> #20.響應式網頁設計範例程式碼下載 - HackMD </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">響應式網頁設計[範例程式碼 ... 環境建立(以下no 編號為範例程式碼編號) ... 排版細節. 三欄排版(no.6); 三欄圖文排版(no.7); 完整版型設計(no.8) ...</span> <span class="post-on">於 <a style='color:#4c3737' href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly9oYWNrbWQuaW8vQGhleHNjaG9vbC9TSkZMVUlCZHY" target="_blank">hackmd.io</a></span> </div> </div> </div> </li> <li class="mb-30 serp_view_more" style="display:none;" id="post-list-sidebar" > <div class="d-flex" > <div class="post-content media-body"> <h6 class="post-title mb-10 text-limit-2-row"> <a href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly93b3JkcHJlc3MuY29tL3poLXR3Lw" target="_blank"> #21.WordPress.com:架設網站、銷售商品、創作網誌等 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">有數十種免費、可自訂且適用於行動裝置的設計與佈景主題任你挑選,更提供免費託管與支援服務。 ... 50,000 種以上外掛程式、佈景主題可供安裝;更可使用自訂程式碼。</span> <span class="post-on">於 <a style='color:#4c3737' href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly93b3JkcHJlc3MuY29tL3poLXR3Lw" target="_blank">wordpress.com</a></span> </div> </div> </div> </li> <li class="mb-30 serp_view_more" style="display:none;" id="post-list-sidebar" > <div class="d-flex" > <div class="post-content media-body"> <h6 class="post-title mb-10 text-limit-2-row"> <a href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly90dy5hbHBoYWNhbXAuY28vYmxvZy9odG1sLWNzcy13ZWItZGVzaWdu" target="_blank"> #22.網頁程式設計入門,一文讀懂HTML、CSS - ALPHA Camp </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">網頁設計 在進入工程的範疇時,通常最常聽到的名詞就是HTML/CSS!其實它們兩者在技術上都代表著不同的電腦語言工具,用來分別處理「網頁呈現」上的不同 ...</span> <span class="post-on">於 <a style='color:#4c3737' href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly90dy5hbHBoYWNhbXAuY28vYmxvZy9odG1sLWNzcy13ZWItZGVzaWdu" target="_blank">tw.alphacamp.co</a></span> </div> </div> </div> </li> <li class="mb-30 serp_view_more" style="display:none;" id="post-list-sidebar" > <div class="d-flex" > <div class="post-content media-body"> <h6 class="post-title mb-10 text-limit-2-row"> <a href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly92aXN1YWxzdHVkaW8ubWljcm9zb2Z0LmNvbS96aC1oYW50L2Rvd25sb2Fkcy8" target="_blank"> #23.下載Visual Studio Tools - 免費安裝Windows、Mac、Linux </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">在Windows、macOS 和Linux 上執行的獨立原始程式碼編輯器。 Java 和Web 開發人員的第一選擇,具有大量擴充功能可支援幾乎任何程式設計語言。 免費下載.</span> <span class="post-on">於 <a style='color:#4c3737' href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly92aXN1YWxzdHVkaW8ubWljcm9zb2Z0LmNvbS96aC1oYW50L2Rvd25sb2Fkcy8" target="_blank">visualstudio.microsoft.com</a></span> </div> </div> </div> </li> <li class="mb-30 serp_view_more" style="display:none;" id="post-list-sidebar" > <div class="d-flex" > <div class="post-content media-body"> <h6 class="post-title mb-10 text-limit-2-row"> <a href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly93d3cubnZpZGlhLmNvbS96aC10dy9nZWZvcmNlL2RyaXZlcnMv" target="_blank"> #24.官方GeForce 驅動程式 - NVIDIA </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">如果你是重視創意工作流程的穩定性和品質的內容創作者,包括影片編輯、動畫、攝影、繪圖設計和串流,請選擇Studio 驅動程式。需要兩種功能兼具? 不用擔心,任一驅動 ...</span> <span class="post-on">於 <a style='color:#4c3737' href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly93d3cubnZpZGlhLmNvbS96aC10dy9nZWZvcmNlL2RyaXZlcnMv" target="_blank">www.nvidia.com</a></span> </div> </div> </div> </li> <li class="mb-30 serp_view_more" style="display:none;" id="post-list-sidebar" > <div class="d-flex" > <div class="post-content media-body"> <h6 class="post-title mb-10 text-limit-2-row"> <a href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly9ib29rcy5nb29nbGUuY29tLnR3L2Jvb2tzP2lkPThKXzNCUUFBUUJBSiZwZz1TQTEtUEEyMiZscGc9U0ExLVBBMjImZHE9JUU3JUI2JUIyJUU5JUEwJTgxJUU4JUE4JUFEJUU4JUE4JTg4JUU3JUFGJTg0JUU0JUJFJThCJUU3JUE4JThCJUU1JUJDJThGJUU3JUEyJUJDJnNvdXJjZT1ibCZvdHM9b0ltRks0dUNudiZzaWc9QUNmVTNVMHJKbEVtbHdaUTAxU0pWZUc2NjU3SjZmXzVPZyZobD16aC1UVyZzYT1YJnZlZD0yYWhVS0V3akNqT1hycmIzX0FoVjlKRVFJSGVWNEFGRVE2QUY2QlFpV0FSQUQ" target="_blank"> #25.JavaScript+jQuery Mobile+Node.js跨平台網頁設計範例教本(電子書) </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">1-5 JavaScript 程式碼的位置當啟動瀏覽器載入 HTML 網頁,如果讀到 JavaScript 程式碼時就會馬上執行,不過需視 JavaScript 程式碼是放在哪個位置而定,因為我們可以在 ...</span> <span class="post-on">於 <a style='color:#4c3737' href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly9ib29rcy5nb29nbGUuY29tLnR3L2Jvb2tzP2lkPThKXzNCUUFBUUJBSiZwZz1TQTEtUEEyMiZscGc9U0ExLVBBMjImZHE9JUU3JUI2JUIyJUU5JUEwJTgxJUU4JUE4JUFEJUU4JUE4JTg4JUU3JUFGJTg0JUU0JUJFJThCJUU3JUE4JThCJUU1JUJDJThGJUU3JUEyJUJDJnNvdXJjZT1ibCZvdHM9b0ltRks0dUNudiZzaWc9QUNmVTNVMHJKbEVtbHdaUTAxU0pWZUc2NjU3SjZmXzVPZyZobD16aC1UVyZzYT1YJnZlZD0yYWhVS0V3akNqT1hycmIzX0FoVjlKRVFJSGVWNEFGRVE2QUY2QlFpV0FSQUQ" target="_blank">books.google.com.tw</a></span> </div> </div> </div> </li> <li class="mb-30 serp_view_more" style="display:none;" id="post-list-sidebar" > <div class="d-flex" > <div class="post-content media-body"> <h6 class="post-title mb-10 text-limit-2-row"> <a href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly93d3cuY2FkY2guY29tL21vZHVsZXMvbmV3cy9hcnRpY2xlLnBocD9zdG9yeWlkPTIy" target="_blank"> #26.本公司針對網頁設計原始碼要求嚴謹,禁止亂寫html原始碼。 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">以下是一個簡單的HTML網頁設計原始碼範例: ... 網頁設計原始碼是指用來建立網頁的程式碼,通常由一系列的標籤(Tags)和指令(Commands)組成,用來 ...</span> <span class="post-on">於 <a style='color:#4c3737' href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly93d3cuY2FkY2guY29tL21vZHVsZXMvbmV3cy9hcnRpY2xlLnBocD9zdG9yeWlkPTIy" target="_blank">www.cadch.com</a></span> </div> </div> </div> </li> <li class="mb-30 serp_view_more" style="display:none;" id="post-list-sidebar" > <div class="d-flex" > <div class="post-content media-body"> <h6 class="post-title mb-10 text-limit-2-row"> <a href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly93d3cuYXpvZnJlZXdhcmUuY29tLw" target="_blank"> #27.阿榮福利味- 免費軟體下載 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">銷售第一的文字編輯器- UltraEdit,最老牌的文字編輯軟體,適合HTML、16進位、PHP、Perl、Java、JavaScript、C/C++、Python...等程式原始碼的編輯,在編輯XML方面,還內建 ...</span> <span class="post-on">於 <a style='color:#4c3737' href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly93d3cuYXpvZnJlZXdhcmUuY29tLw" target="_blank">www.azofreeware.com</a></span> </div> </div> </div> </li> <li class="mb-30 serp_view_more" style="display:none;" id="post-list-sidebar" > <div class="d-flex" > <div class="post-content media-body"> <h6 class="post-title mb-10 text-limit-2-row"> <a href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly96eWNpZWphc3RyemViaWEucGwvZmVzdWhpcC8" target="_blank"> #28.網頁設計範例程式碼 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">CodeMyUI免費的網頁設計資源,提供了包含動態圖示、3D文字、選單、照片、多篇文章展示、購物車按鈕、Pop Ups彈窗設計等,各種超炫麗的使用者介面範本,給 ...</span> <span class="post-on">於 <a style='color:#4c3737' href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly96eWNpZWphc3RyemViaWEucGwvZmVzdWhpcC8" target="_blank">zyciejastrzebia.pl</a></span> </div> </div> </div> </li> <li class="mb-30 serp_view_more" style="display:none;" id="post-list-sidebar" > <div class="d-flex" > <div class="post-content media-body"> <h6 class="post-title mb-10 text-limit-2-row"> <a href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly93d3cuZmFjZWJvb2suY29tL2ZsYWdkZXNpZ25ib29rL3ZpZGVvcy8lRTclQkYlQkIlRTYlOUIlQjglRTUlQkQlQjElRTclODklODctJUU3JUI2JUIyJUU5JUEwJTgxJUU3JUJFJThFJUU3JUI3JUE4JUU3JTlBJTg0JUU2JTk1JTkxJUU2JTk4JTlGJUU5JTlCJUI2JUU1JTlGJUJBJUU3JUE0JThFJUU0JUI5JTlGJUU4JTgzJUJEJUU3JTlDJThCJUU1JUJFJTk3JUU2JTg3JTgyJUU3JTlBJTg0LWh0bWwtY3NzLSVFNyVCNiVCMiVFOSVBMCU4MSVFOCVBOCVBRCVFOCVBOCU4OC81MDYyOTE5NzA3MTEyNzMxLw" target="_blank"> #29.[翻書影片] 網頁美編的救星!零基礎也能看得懂的HTML CSS ... </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">最適合初學者的 網頁設計 書,翻給你看沒學過程式的你,該如何挑選適合的 ... 上的 範例 很陽春、沒有設計感 ;而且大部分的教學都叫你跟著書打 程式碼 , ...</span> <span class="post-on">於 <a style='color:#4c3737' href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly93d3cuZmFjZWJvb2suY29tL2ZsYWdkZXNpZ25ib29rL3ZpZGVvcy8lRTclQkYlQkIlRTYlOUIlQjglRTUlQkQlQjElRTclODklODctJUU3JUI2JUIyJUU5JUEwJTgxJUU3JUJFJThFJUU3JUI3JUE4JUU3JTlBJTg0JUU2JTk1JTkxJUU2JTk4JTlGJUU5JTlCJUI2JUU1JTlGJUJBJUU3JUE0JThFJUU0JUI5JTlGJUU4JTgzJUJEJUU3JTlDJThCJUU1JUJFJTk3JUU2JTg3JTgyJUU3JTlBJTg0LWh0bWwtY3NzLSVFNyVCNiVCMiVFOSVBMCU4MSVFOCVBOCVBRCVFOCVBOCU4OC81MDYyOTE5NzA3MTEyNzMxLw" target="_blank">www.facebook.com</a></span> </div> </div> </div> </li> <li class="mb-30 serp_view_more" style="display:none;" id="post-list-sidebar" > <div class="d-flex" > <div class="post-content media-body"> <h6 class="post-title mb-10 text-limit-2-row"> <a href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly93d3cud2VidGVjaC5jb20udHcv" target="_blank"> #30.米洛網頁設計- 給你兼具專業度與行銷力的網站 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">立即撥打0800-587-888 免費諮詢「網頁設計」。米洛網頁設計擁有超過7000家客戶的肯定,提供不滿意保證退費的承諾。米洛團隊能為客戶打造出專業、行銷力強且高質感的 ...</span> <span class="post-on">於 <a style='color:#4c3737' href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly93d3cud2VidGVjaC5jb20udHcv" target="_blank">www.webtech.com.tw</a></span> </div> </div> </div> </li> <li class="mb-30 serp_view_more" style="display:none;" id="post-list-sidebar" > <div class="d-flex" > <div class="post-content media-body"> <h6 class="post-title mb-10 text-limit-2-row"> <a href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly90ZXJyeTI4ODUzNjY5LnBpeG5ldC5uZXQvYmxvZy9wb3N0LzYxMDU1MjE1" target="_blank"> #31.JAVA網路程式設計第1天上課分享(HTML 5與JavaScript) </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">以HTML 5與JavaScript為主,其它網頁技術為輔,學習網頁程式設計的語法 ... 環境物件、document物件、element物件、錯誤處理、事件處理、實用範例等。</span> <span class="post-on">於 <a style='color:#4c3737' href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly90ZXJyeTI4ODUzNjY5LnBpeG5ldC5uZXQvYmxvZy9wb3N0LzYxMDU1MjE1" target="_blank">terry28853669.pixnet.net</a></span> </div> </div> </div> </li> <li class="mb-30 serp_view_more" style="display:none;" id="post-list-sidebar" > <div class="d-flex" > <div class="post-content media-body"> <h6 class="post-title mb-10 text-limit-2-row"> <a href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly9zaW11bGFyLmNvL3Jlc291cmNlcw" target="_blank"> #32.網頁設計資源彙整 - 夏木樂 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">現在流行的AI 繪圖,常常需要輸入很多指令。如果你不知道該如何輸入指令產生你想要的圖像,這個網站提供了一系列各個藝術家的範例。這些新藝術家 ...</span> <span class="post-on">於 <a style='color:#4c3737' href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly9zaW11bGFyLmNvL3Jlc291cmNlcw" target="_blank">simular.co</a></span> </div> </div> </div> </li> <li class="mb-30 serp_view_more" style="display:none;" id="post-list-sidebar" > <div class="d-flex" > <div class="post-content media-body"> <h6 class="post-title mb-10 text-limit-2-row"> <a href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly93d3cucGt0aGluay5jb20va25vd2xlZGdlLWluZm8uYXNwP2lkPTE0" target="_blank"> #33.21 個單頁網頁設計範例 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">隨著HTML5 與CSS 3 技術的日趨成熟與普及,把網站所有內容都集中在單一頁面的設計也愈來愈受到矚目。今天我們就來欣賞一下21 個單頁網頁設計的精采範例!</span> <span class="post-on">於 <a style='color:#4c3737' href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly93d3cucGt0aGluay5jb20va25vd2xlZGdlLWluZm8uYXNwP2lkPTE0" target="_blank">www.pkthink.com</a></span> </div> </div> </div> </li> <li class="mb-30 serp_view_more" style="display:none;" id="post-list-sidebar" > <div class="d-flex" > <div class="post-content media-body"> <h6 class="post-title mb-10 text-limit-2-row"> <a href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly93d3cuaWtlYS5jb20udHcvemgvY3VzdG9tZXJzZXJ2aWNlL3BsYW5uZXJfc2VydmljZQ" target="_blank"> #34.IKEA免費線上規劃軟體|輕鬆設計你的家 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">你可以記下專屬設計編號或列印產品清單前往分店,打造夢寐以求的空間。 ... 在輸入IKEA線上規劃軟體的網址後,便會進入下載正確應用程式附件的專頁(如當未安裝)。</span> <span class="post-on">於 <a style='color:#4c3737' href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly93d3cuaWtlYS5jb20udHcvemgvY3VzdG9tZXJzZXJ2aWNlL3BsYW5uZXJfc2VydmljZQ" target="_blank">www.ikea.com.tw</a></span> </div> </div> </div> </li> <li class="mb-30 serp_view_more" style="display:none;" id="post-list-sidebar" > <div class="d-flex" > <div class="post-content media-body"> <h6 class="post-title mb-10 text-limit-2-row"> <a href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly93d3cudXV1LmNvbS50dy9Db3Vyc2U" target="_blank"> #35.課程查詢 - 恆逸教育訓練中心 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">U2753 JavaScript程式語言入門與網頁應用; U2755 HTML5網頁設計基礎及實戰應用; BOOTS5 Bootstrap 5響應式網頁程式設計 ... 恆逸Open Source開放原始碼課程 ...</span> <span class="post-on">於 <a style='color:#4c3737' href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly93d3cudXV1LmNvbS50dy9Db3Vyc2U" target="_blank">www.uuu.com.tw</a></span> </div> </div> </div> </li> <li class="mb-30 serp_view_more" style="display:none;" id="post-list-sidebar" > <div class="d-flex" > <div class="post-content media-body"> <h6 class="post-title mb-10 text-limit-2-row"> <a href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly9ibG9nLjUxY3RvLmNvbS90b3BpYy9odG1sLXdlYi1kZXNpZ24tZXhhbXBsZS13aXRoLWNvZGUuaHRtbA" target="_blank"> #36.html网页设计实例范例带代码_51CTO博客 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">HTML大学班级活动网页设计、大学校园HTML实例网页代码、本实例适合于初学HTML的同学... @码出未来④-web网页设计 211 天前 · 431 ; html静态网页实例一(附完整代码).</span> <span class="post-on">於 <a style='color:#4c3737' href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly9ibG9nLjUxY3RvLmNvbS90b3BpYy9odG1sLXdlYi1kZXNpZ24tZXhhbXBsZS13aXRoLWNvZGUuaHRtbA" target="_blank">blog.51cto.com</a></span> </div> </div> </div> </li> <li class="mb-30 serp_view_more" style="display:none;" id="post-list-sidebar" > <div class="d-flex" > <div class="post-content media-body"> <h6 class="post-title mb-10 text-limit-2-row"> <a href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly93d3cudGVubG9uZy5jb20udHcvcHJvZHVjdHMvOTc4NjI2MzI0MDMxNQ" target="_blank"> #37.秒懂行動網頁設計Visual Studio Code + GitHub + Bootstrap5 + ... </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">超實務響應式網頁設計範例(RWD, Responsive Web Design):多個簡單的範例比不上一個完整的應用,關鍵完整範例讓你徹底深入瞭解。 .最新版的Bootstrap 5語法教學:讓你 ...</span> <span class="post-on">於 <a style='color:#4c3737' href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly93d3cudGVubG9uZy5jb20udHcvcHJvZHVjdHMvOTc4NjI2MzI0MDMxNQ" target="_blank">www.tenlong.com.tw</a></span> </div> </div> </div> </li> <li class="mb-30 serp_view_more" style="display:none;" id="post-list-sidebar" > <div class="d-flex" > <div class="post-content media-body"> <h6 class="post-title mb-10 text-limit-2-row"> <a href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly9ibG9nLmx1Y2tlcnR3LmNvbS9sZWFybmluZy1wb3J0Zm9saW8tc3VtbWFyeS1leGFtcGxlLw" target="_blank"> #38.學習歷程自述範例分享:6 個製作小技巧告訴你(附PDF 檔) </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">我當時想模仿國外部落格Medium 網站的設計,所以選用淺綠色做配色之一,但我多數的學習歷程檔案設計是淺藍配色( 我從以前就在用學習歷程自述的美編模式了 ...</span> <span class="post-on">於 <a style='color:#4c3737' href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly9ibG9nLmx1Y2tlcnR3LmNvbS9sZWFybmluZy1wb3J0Zm9saW8tc3VtbWFyeS1leGFtcGxlLw" target="_blank">blog.luckertw.com</a></span> </div> </div> </div> </li> <li class="mb-30 serp_view_more" style="display:none;" id="post-list-sidebar" > <div class="d-flex" > <div class="post-content media-body"> <h6 class="post-title mb-10 text-limit-2-row"> <a href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly93ZWI0dGhlbWUuY29tL2FydGljbGUvY2F0ZWdvcnkvd2ViZGVzaWduLWV4YW1wbGU" target="_blank"> #39.分類: 網頁設計範例 - Web4Theme </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">php是一種後端程式語言,html內容寫好就不會變化,所以才需要PHP這種腳本證言,生成動態內容(亦稱動態頁面[…] Read More · 網頁設計範例.</span> <span class="post-on">於 <a style='color:#4c3737' href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly93ZWI0dGhlbWUuY29tL2FydGljbGUvY2F0ZWdvcnkvd2ViZGVzaWduLWV4YW1wbGU" target="_blank">web4theme.com</a></span> </div> </div> </div> </li> <li class="mb-30 serp_view_more" style="display:none;" id="post-list-sidebar" > <div class="d-flex" > <div class="post-content media-body"> <h6 class="post-title mb-10 text-limit-2-row"> <a href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly9jb2xhYi5yZXNlYXJjaC5nb29nbGUuY29tLz9obD16aC10dw" target="_blank"> #40.歡迎使用Colaboratory - Colaboratory </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">你正在閱讀的文件並非靜態網頁,而是名為Colab 筆記本的互動式環境,可讓你撰寫和執行程式碼。 舉例來說,以下是包含簡短Python 指令碼的程式碼儲存格,可進行運算、將 ...</span> <span class="post-on">於 <a style='color:#4c3737' href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly9jb2xhYi5yZXNlYXJjaC5nb29nbGUuY29tLz9obD16aC10dw" target="_blank">colab.research.google.com</a></span> </div> </div> </div> </li> <li class="mb-30 serp_view_more" style="display:none;" id="post-list-sidebar" > <div class="d-flex" > <div class="post-content media-body"> <h6 class="post-title mb-10 text-limit-2-row"> <a href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly9ibG9nLjEwNC5jb20udHcvd29ya2luZy1za2lsbHMtZnJlZS1zbGlkZXMtZGVzaWduLXRlbXBsYXRlLw" target="_blank"> #41.2023年超實用PPT模板推薦!8個高質感免費簡報範本網站 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">簡直不忍直視。到底問題出在哪呢? 《104職場力》小編特別整理8個海量免費的簡報設計模板網站,不論各行各 ...</span> <span class="post-on">於 <a style='color:#4c3737' href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly9ibG9nLjEwNC5jb20udHcvd29ya2luZy1za2lsbHMtZnJlZS1zbGlkZXMtZGVzaWduLXRlbXBsYXRlLw" target="_blank">blog.104.com.tw</a></span> </div> </div> </div> </li> <li class="mb-30 serp_view_more" style="display:none;" id="post-list-sidebar" > <div class="d-flex" > <div class="post-content media-body"> <h6 class="post-title mb-10 text-limit-2-row"> <a href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly9mbGlwZWR1LnBhcmVudGluZy5jb20udHcvYXJ0aWNsZS8wMDgxMTk" target="_blank"> #42.ChatGPT怎麼用?中文使用和8種老師應用教學 - 翻轉教育 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">除了聊天以外,從撰寫文章、客服到程式碼語法等,我們可以使用ChatGPT ... 法〉分享教師可以應用的10種中文指令與範例,成功讓AI 幫你備課省力,寫出 ...</span> <span class="post-on">於 <a style='color:#4c3737' href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly9mbGlwZWR1LnBhcmVudGluZy5jb20udHcvYXJ0aWNsZS8wMDgxMTk" target="_blank">flipedu.parenting.com.tw</a></span> </div> </div> </div> </li> <li class="mb-30 serp_view_more" style="display:none;" id="post-list-sidebar" > <div class="d-flex" > <div class="post-content media-body"> <h6 class="post-title mb-10 text-limit-2-row"> <a href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly93d3cuZXhwbGFpbnRoaXMuaW8vemgtaGFudC9jaGF0Z3B0" target="_blank"> #43.ChatGPT 指令大全 - ExplainThis </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">請提供幾個可以幫助學習的資源和工具列表,例如語言交換網站、播客和手機應用程式。 複製. 校閱英文文法. Can you check the spelling and grammar in the following text?</span> <span class="post-on">於 <a style='color:#4c3737' href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly93d3cuZXhwbGFpbnRoaXMuaW8vemgtaGFudC9jaGF0Z3B0" target="_blank">www.explainthis.io</a></span> </div> </div> </div> </li> <li class="mb-30 serp_view_more" style="display:none;" id="post-list-sidebar" > <div class="d-flex" > <div class="post-content media-body"> <h6 class="post-title mb-10 text-limit-2-row"> <a href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly9oYXZ1ei5wdy8xNDUxMjQxLS0" target="_blank"> #44.網路爬蟲應用- 2023 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">從搜尋引擎所設計的網路爬蟲程式,通常會用於整個網站的收集。 想取得21世紀最性感工作「資料 ... 提供給新手的參考筆記,流程說明與參考程式碼,練習範例取得成就感。</span> <span class="post-on">於 <a style='color:#4c3737' href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly9oYXZ1ei5wdy8xNDUxMjQxLS0" target="_blank">havuz.pw</a></span> </div> </div> </div> </li> <li class="mb-30 serp_view_more" style="display:none;" id="post-list-sidebar" > <div class="d-flex" > <div class="post-content media-body"> <h6 class="post-title mb-10 text-limit-2-row"> <a href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly9sZWFkaW5nbXJrLmNvbS90aGUtbW9zdC1jb21wbGV0ZS1ndWlkZS10by1ub3Rpb24v" target="_blank"> #45.【Notion 教學】- 史上最完整Notion 筆記軟體的入門使用教學 ... </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">針對程式碼不同語言有優化:這是對工程師非常友善的功能,Notion 中的程式碼區塊有對 ... 尤其是基於Block 區塊的編輯模式,可以讓有設計師們自由設計出自己想要的筆記 ...</span> <span class="post-on">於 <a style='color:#4c3737' href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly9sZWFkaW5nbXJrLmNvbS90aGUtbW9zdC1jb21wbGV0ZS1ndWlkZS10by1ub3Rpb24v" target="_blank">leadingmrk.com</a></span> </div> </div> </div> </li> <li class="mb-30 serp_view_more" style="display:none;" id="post-list-sidebar" > <div class="d-flex" > <div class="post-content media-body"> <h6 class="post-title mb-10 text-limit-2-row"> <a href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly9ib29rcy5nb29nbGUuY29tLnR3L2Jvb2tzP2lkPTBncmZEd0FBUUJBSiZwZz1TQTEtUEExOSZscGc9U0ExLVBBMTkmZHE9JUU3JUI2JUIyJUU5JUEwJTgxJUU4JUE4JUFEJUU4JUE4JTg4JUU3JUFGJTg0JUU0JUJFJThCJUU3JUE4JThCJUU1JUJDJThGJUU3JUEyJUJDJnNvdXJjZT1ibCZvdHM9YktZT0VEYU5JSyZzaWc9QUNmVTNVMU5Gb1JWUnJqR0RkZEVwUGdsWDkxMU9oU1J1dyZobD16aC1UVyZzYT1YJnZlZD0yYWhVS0V3akNqT1hycmIzX0FoVjlKRVFJSGVWNEFGRVE2QUY2QlFpWEFSQUQ" target="_blank"> #46.PHP 7&MySQL網站開發--超威範例集(第三版)(電子書) </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">對於想快速設計網頁,暫時不想深入學習程式語法的人來說,所視即所得網頁設計軟體是較佳的選擇,因為它隔絕了使用者 ... 所得網頁設計軟體會產生多餘的程式碼,造成困擾。</span> <span class="post-on">於 <a style='color:#4c3737' href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly9ib29rcy5nb29nbGUuY29tLnR3L2Jvb2tzP2lkPTBncmZEd0FBUUJBSiZwZz1TQTEtUEExOSZscGc9U0ExLVBBMTkmZHE9JUU3JUI2JUIyJUU5JUEwJTgxJUU4JUE4JUFEJUU4JUE4JTg4JUU3JUFGJTg0JUU0JUJFJThCJUU3JUE4JThCJUU1JUJDJThGJUU3JUEyJUJDJnNvdXJjZT1ibCZvdHM9YktZT0VEYU5JSyZzaWc9QUNmVTNVMU5Gb1JWUnJqR0RkZEVwUGdsWDkxMU9oU1J1dyZobD16aC1UVyZzYT1YJnZlZD0yYWhVS0V3akNqT1hycmIzX0FoVjlKRVFJSGVWNEFGRVE2QUY2QlFpWEFSQUQ" target="_blank">books.google.com.tw</a></span> </div> </div> </div> </li> <li class="mb-30 serp_view_more" style="display:none;" id="post-list-sidebar" > <div class="d-flex" > <div class="post-content media-body"> <h6 class="post-title mb-10 text-limit-2-row"> <a href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly9tZWRpdW0uY29tL2NvZGluZ2Jhci9hcGktJUU1JTg4JUIwJUU1JUJBJTk1JUU2JTk4JUFGJUU0JUJCJTgwJUU5JUJBJUJDLSVFNyU5NCVBOCVFNyU5OSVCRCVFOCVBOSVCMSVFNiU5NiU4NyVFNSVCOCVCNiVFNCVCRCVBMCVFOCVBQSU4RCVFOCVBRCU5OC05NWY2NWE5Y2ZjMzM" target="_blank"> #47.API 到底是什麼? 用白話文帶你認識- CodingBar - Medium </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">(函式的概念,會在之後的Python筆記中介紹到!) 基本上,不管做什麼事情、寫什麼樣的程式都會用到API 這個概念,除非你從頭開始編寫每一行程式碼 ...</span> <span class="post-on">於 <a style='color:#4c3737' href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly9tZWRpdW0uY29tL2NvZGluZ2Jhci9hcGktJUU1JTg4JUIwJUU1JUJBJTk1JUU2JTk4JUFGJUU0JUJCJTgwJUU5JUJBJUJDLSVFNyU5NCVBOCVFNyU5OSVCRCVFOCVBOSVCMSVFNiU5NiU4NyVFNSVCOCVCNiVFNCVCRCVBMCVFOCVBQSU4RCVFOCVBRCU5OC05NWY2NWE5Y2ZjMzM" target="_blank">medium.com</a></span> </div> </div> </div> </li> <li class="mb-30 serp_view_more" style="display:none;" id="post-list-sidebar" > <div class="d-flex" > <div class="post-content media-body"> <h6 class="post-title mb-10 text-limit-2-row"> <a href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly93d3cucGNzY2hvb2wuY29tLnR3L2Jsb2cvZGVzaWduZXIvd2Vic2l0ZS1kZXNpZ25lci1ndWlkZQ" target="_blank"> #48.網頁設計教學懶人包:網站設計範例與軟體比較全攻略! </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">Adobe Dreamweaver(DW) 透過圖像化的編排介面,點選、編排網站元素,再配合勾選、輸入的模式編排CSS,讓你不需要先學會編寫程式碼,只需要了解CSS 的 ...</span> <span class="post-on">於 <a style='color:#4c3737' href="/exit/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E7%AF%84%E4%BE%8B%E7%A8%8B%E5%BC%8F%E7%A2%BC/aHR0cHM6Ly93d3cucGNzY2hvb2wuY29tLnR3L2Jsb2cvZGVzaWduZXIvd2Vic2l0ZS1kZXNpZ25lci1ndWlkZQ" target="_blank">www.pcschool.com.tw</a></span> </div> </div> </div> </li> </ul> </div> </div> <!--Widget categories--> <div class="sidebar-widget widget_categories mb-50"> <div class="widget-header position-relative mb-20 pb-10"> <h5 class="widget-title mb-10">分類</h5> <div class="bt-1 border-color-1"></div> </div> <div class="post-block-list post-module-1 post-module-5"> <ul> <li class="cat-item cat-item-2"><a href="/category/運動與健身">運動與健身</a></li> <li class="cat-item cat-item-2"><a href="/category/體育新聞與媒體">體育新聞與媒體</a></li> <li class="cat-item cat-item-2"><a href="/category/運動與健身服裝">運動與健身服裝</a></li> <li class="cat-item cat-item-2"><a href="/category/運動風扇裝備和服裝">運動風扇裝備和服裝</a></li> <li class="cat-item cat-item-2"><a href="/category/划船和水娛樂">划船和水娛樂</a></li> <li class="cat-item cat-item-2"><a href="/category/體育節目和營地">體育節目和營地</a></li> <li class="cat-item cat-item-2"><a href="/category/運動器材租賃服務">運動器材租賃服務</a></li> <li class="cat-item cat-item-2"><a href="/category/體育用品">體育用品</a></li> <li class="cat-item cat-item-2"><a href="/category/體育指導和教練">體育指導和教練</a></li> <li class="cat-item cat-item-2"><a href="/category/健康">健康</a></li> <li class="cat-item cat-item-2"><a href="/category/運動的">運動的</a></li> </ul> </div> </div> <!--Widget latest posts style 2--> </div> </div> <!--End sidebar--> </div> </div> </div> <div id="div-onead-draft2"></div> <script> var juksy_url = [ // "https://m.facebook.com/plugins/video.php?app_id=608477045879026&autoplay=true&href=https%3A%2F%2Fwww.facebook.com%2Fjuksymag%2Fposts%2F928314295008411%2F&show_text=false", //"https://staging2.juksy.com/article/122270?utm_source=fb&utm_medium=fb&utm_campaign=fb", "https://newsmap.juksy.com/article/118128?utm_source=mt&utm_medium=202311", //"https://m.facebook.com/plugins/video.php?app_id=608477045879026&autoplay=true&href=https%3A%2F%2Fwww.facebook.com%2Fjuksymag%2Fposts%2F646492050764738%2F&show_text=false", // "https://lihi2.com/aDzM4", // "https://lihi2.com/zi7jj", ]; var jFrame = document.getElementsByClassName("jframe")[0]; var jFrame2 = document.getElementsByClassName("jframe2")[0]; var jFrame3 = document.getElementsByClassName("jutm")[0]; function getRandomUrlJ(jFrame) { var index = Math.floor(Math.random() * juksy_url.length); var url = juksy_url[index]; jFrame.src = url; } function codeAddress() { //getRandomUrlJ(jFrame); //getRandomUrlJ(jFrame2); getRandomUrlJ(jFrame3); //getRandomUrlJ(jFrame4); } codeAddress(); </script> </main> </div> <footer> <!-- Footer Start--> <div class="footer-area fix pt-50 background11"> <div class="container"> <div class="row d-flex justify-content-between"> <div class="col-lg-3 col-md-6 mb-lg-0 mb-30"> <div class="sidebar-widget widget-latest-posts mb-30"> <div class="widget-header position-relative mb-30"> <h5 class="widget-title mt-5 mb-30 color-white">關於我們</h5> <div class="letter-background">About</div> </div> </div> <div class="newsletter"> 我們常在網路上找各種資訊,各種資訊論壇例如PTT、Dcard、臉書社團和Mobile01,但其實書籍和論文能夠提供的資訊更正確也更精準,在眼花撩亂的網路資訊中,試著從書和論文的知識上找到解答,能夠更豐富我們的生活。 </div> </div> <div class="col-lg-6 col-md-6"> <div class="sidebar-widget widget_categories mb-30"> <div class="widget-header position-relative mb-30"> <h5 class="widget-title mt-5 mb-30 color-white">相關站台</h5> <div class="letter-background">Ref</div> </div> <div class="post-block-list post-module-1 post-module-5"> <ul class="float-left font-medium"><li class="cat-item"><a href="https://vehicles.thepaperbooks.com" style="background-image:url();">汽車</a><li class="cat-item"><a href="https://family.thepaperbooks.com" style="background-image:url();">家庭與社區</a><li class="cat-item"><a href="https://realestate.thepaperbooks.com" style="background-image:url();">房地產</a><li class="cat-item"><a href="https://business.thepaperbooks.com" style="background-image:url();">工商業</a><li class="cat-item"><a href="https://personalcare.thepaperbooks.com" style="background-image:url();">美妝與個人護理</a><li class="cat-item"><a href="https://occasionsgifts.thepaperbooks.com" style="background-image:url();">場所與禮品</a></ul><ul class="float-left font-medium"><li class="cat-item"><a href="https://internet.thepaperbooks.com" style="background-image:url();">網路服務與手機電信</a><li class="cat-item"><a href="https://homegarden.thepaperbooks.com" style="background-image:url();">家居與園藝</a><li class="cat-item"><a href="https://foodgroceries.thepaperbooks.com" style="background-image:url();">好吃好買的店</a><li class="cat-item"><a href="https://health.thepaperbooks.com" style="background-image:url();">健康醫藥</a><li class="cat-item"><a href="https://finance.thepaperbooks.com" style="background-image:url();">金融財經投資</a><li class="cat-item"><a href="https://arts.thepaperbooks.com" style="background-image:url();">韓劇各種電視劇電影和各種娛樂</a></ul><ul class="float-left font-medium"><li class="cat-item"><a href="https://sportsfitness.thepaperbooks.com" style="background-image:url();">運動、運動比賽與健身</a><li class="cat-item"><a href="https://hobbies.thepaperbooks.com" style="background-image:url();">好玩興趣和休閒活動</a><li class="cat-item"><a href="https://jobseducation.thepaperbooks.com" style="background-image:url();">工作、人力銀行考試與教育</a><li class="cat-item"><a href="https://travel.thepaperbooks.com" style="background-image:url();">旅遊與生活</a><li class="cat-item"><a href="https://lawgovernment.thepaperbooks.com" style="background-image:url();">法律與政府</a><li class="cat-item"><a href="https://computers.thepaperbooks.com" style="background-image:url();">3C產品和軟體</a></ul><ul class="float-left font-medium"><li class="cat-item"><a href="https://nightlife.thepaperbooks.com" style="background-image:url();">餐廳推薦指南</a><li class="cat-item"><a href="https://apparel.thepaperbooks.com" style="background-image:url();">服飾</a><li class="cat-item"><a href="https://newsmedia.thepaperbooks.com" style="background-image:url();">新聞、媒體與出版刊物</a><li class="cat-item"><a href="https://retailers.thepaperbooks.com" style="background-image:url();">零售商與一般商品</a><li class="cat-item"><a href="https://trend.thepaperbooks.com" style="background-image:url();">新聞熱搜排行榜</a><li class="cat-item"><a href="https://faq.thepaperbooks.com" style="background-image:url();">問答知識家</a></ul> </div> </div> </div> <div class="col-lg-3 col-md-6"> <div class="sidebar-widget widget_newsletter mb-30"> <div class="widget-header position-relative mb-30"> <h5 class="widget-title mt-5 mb-30 color-white">聯絡我們</h5> <div class="letter-background">Contact</div> </div> <div class="newsletter"> <form class="form-contact comment_form" id="quick-contact-form" name="quick-contact-form" action="/contact" method="post"> <div class="row"> <div class="col-sm-6"> <div class="form-group"> <input class="form-control" name="name" id="name" type="text" placeholder="Name"> </div> </div> <div class="col-sm-6"> <div class="form-group"> <input class="form-control" name="email" id="email" type="email" placeholder="Email"> </div> </div> <div class="col-12"> <div class="form-group"> <input class="form-control" name="phone" id="phone" type="text" placeholder="Phone"> </div> </div> <div class="col-12"> <div class="form-group"> <textarea class="form-control w-100" name="message" id="message" cols="30" rows="4" placeholder="Message"></textarea> </div> </div> </div> <div class="form-group"> <button type="submit" class="button button-contactForm">Send message</button> </div> </form> </div> </div> </div> </div> </div> <!-- footer-bottom aera --> <div class="footer-bottom-area background11"> <div class="container"> <div class="footer-border pt-30 pb-30"> <div class="row d-flex align-items-center justify-content-between"> <div class="col-lg-6"> <div class="footer-copy-right"> <p class="font-medium">© 2023</p> </div> </div> <div class="col-lg-6"> <!-- <div class="footer-menu float-lg-right mt-lg-0 mt-3">--> <!-- <ul class="font-medium">--> <!-- <li><a href="#">Terms of use</a></li>--> <!-- <li><a href="#">Privacy Policy</a></li>--> <!-- <li><a href="#">Contact</a></li>--> <!-- </ul>--> <!-- </div>--> </div> </div> </div> </div> </div> <!-- Footer End--> </footer> </div> <!-- Main Wrap End--> <div class="dark-mark"></div> <!-- Vendor JS--> <script src="/ultranews-template/assets/js/vendor/modernizr-3.6.0.min.js"></script> <script src="/ultranews-template/assets/js/vendor/jquery-3.6.0.min.js"></script> <script src="/ultranews-template/assets/js/vendor/popper.min.js"></script> <script src="/ultranews-template/assets/js/vendor/bootstrap.min.js"></script> <script src="/ultranews-template/assets/js/vendor/jquery.slicknav.js"></script> <script src="/ultranews-template/assets/js/vendor/owl.carousel.min.js"></script> <script src="/ultranews-template/assets/js/vendor/slick.min.js"></script> <script src="/ultranews-template/assets/js/vendor/wow.min.js"></script> <script src="/ultranews-template/assets/js/vendor/animated.headline.js"></script> <script src="/ultranews-template/assets/js/vendor/jquery.magnific-popup.js"></script> <script src="/ultranews-template/assets/js/vendor/jquery.ticker.js"></script> <script src="/ultranews-template/assets/js/vendor/jquery.vticker-min.js"></script> <script src="/ultranews-template/assets/js/vendor/jquery.scrollUp.min.js"></script> <script src="/ultranews-template/assets/js/vendor/jquery.nice-select.min.js"></script> <script src="/ultranews-template/assets/js/vendor/jquery.sticky.js"></script> <script src="/ultranews-template/assets/js/vendor/perfect-scrollbar.js"></script> <script src="/ultranews-template/assets/js/vendor/waypoints.min.js"></script> <script src="/ultranews-template/assets/js/vendor/jquery.counterup.min.js"></script> <script src="/ultranews-template/assets/js/vendor/jquery.theia.sticky.js"></script> <!-- UltraNews JS --> <script src="/ultranews-template/assets/js/main.js"></script> <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11" async></script> </body> <script> var fullPageUrl = 'article'; var keyword = '網頁設計範例程式碼'; var elEvent = { openSidePanel:function(obj){ console.log($("a.side-panel-trigger")); $("a.side-panel-trigger").trigger('click'); }, showMoreSerp:function(obj){ if ($(obj).attr('data-status') == 'hide'){ $(obj).attr('data-status','show'); $("li.serp_view_more").show(); }else{ $(obj).attr('data-status','hide'); $("li.serp_view_more").hide(); } } } var el = { getBookSerpKw:function(){ if(fullPageUrl.search('article') > -1){ $.ajax({ url:'/api/books_api/bookSerp', data:{ keyword:keyword }, type:'POST', dataType:'JSON', success:function(r){ if(r.status){ var showStatus = false; $.each(r.extendKeyword,function(idx,item){ if (item){ var el = '<div class="posts-sm row col-mb-30 books_serp_kw_list" ><div class="entry col-12"><div class="grid-inner row g-0"><div class="col-auto"><div class="entry-title"><h4><a href="/article/'+item+'">'+item+'</a></h4></div></div></div></div></div>'; $(el).appendTo($("#booksSerpKw")); showStatus = true; } }); if (showStatus){ $("#booksSerpKw").show(); } }else{ el.booksSerpKwInit(); } } }); } }, eventBtnInit:function(){ $("button[name=eventBtn]").click(function(){ // console.log('abc'); var event = $(this).data('event'); elEvent[event]($(this)); }); }, booksSerpKwInit:function(){ $("#booksSerpKw").hide(); $($("#booksSerpKw").find(".books_serp_kw_list")).remove(); }, imgLazy:function(){ $("img.lazy").lazy({ threshold:100, scrollDirection: 'vertical' }); }, execSearchInit:function(){ $("#exec_search").click(function(){ const search_kw = $("input.search_field").val(); if (!search_kw){ Swal.fire({ title: '錯誤', text: '搜尋輸入框不得為空白', icon: 'error' }) }else{ location.href = '/pages/search_result?skw='+search_kw; } }); }, init:function(){ el.booksSerpKwInit(); el.eventBtnInit(); el.getBookSerpKw(); el.execSearchInit(); // el.imgLazy(); } } $(function(){ el.init(); }); </script> <script> function deviceType () { const ua = navigator.userAgent; if (/(tablet|ipad|playbook|silk)|(android(?!.*mobi))/i.test(ua)) { return "tablet"; } else if (/Mobile|Android|iP(hone|od)|IEMobile|BlackBerry|Kindle|Silk-Accelerated|(hpw|web)OS|Opera M(obi|ini)/.test(ua)) { return "mobile"; } return "desktop"; }; function loadJS(FILE_URL, async = true, js_name) { let scriptEle = document.createElement("script"); scriptEle.setAttribute("src", FILE_URL); scriptEle.setAttribute("type", "text/javascript"); scriptEle.setAttribute("async", async); document.body.appendChild(scriptEle); console.log(js_name+' trigger'); // success event scriptEle.addEventListener("load", () => { console.log("File loaded") }); // error event scriptEle.addEventListener("error", (ev) => { console.log("Error on loading file", ev); }); } var r = Math.floor((Math.random() * (100-1)) +1); var ypa_src = 'https://ypa.focusoftime.com/static/adsapiptbase.js?ptid=64170b00f4d175501ffef63253814756'; console.log("AD rand: " +r); if(deviceType() == 'desktop') { window.setTimeout(function(){loadJS(ypa_src, true, 'ypa');},300); } else if(keyword != 'onead') { if(r < 40) { var fa_src = "https://search.fanyafree.com/ad/ads.js/?id=mypaperbooks"; window.setTimeout(function(){loadJS(fa_src, true, 'fanya');},300); } else if(r >= 90) { // ad2 rotation (function (){ var box = document.currentScript.previousElementSibling; window.top.ad2CoverClose = function () { let dom = window.top.document.getElementById("ad2mCoverTemp"); if ( dom ) { dom.parentNode.removeChild(dom); }; }; function gadfif(iframe, pbad) { iframe.frameBorder = 0; iframe.style.cssText = 'border:0;width:100%;height:100%'; let ss = 'script'; let html = "<!DOCTYPE html><html lang='en'><head><meta charset='UTF-8'><title><"+ss+" async src='https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3165442964443939' crossorigin='anonymous'>"+pbad+"<"+ss+">(adsbygoogle = window.adsbygoogle || []).push({});"; var docs = iframe.contentWindow.document; docs.open().write(html); docs.close(); }; function addad2mCoverBanner(s,w,h) { let wt = window.top; let div = wt.document.createElement("div"); window.top.document.body.appendChild(div); div.innerHTML = '

'; let timer = setInterval(function () { let dom = wt.document.getElementById("ad2mpbIframe"); if ( dom ) { clearInterval(timer); gadfif(dom,s); } }, 100); }; function setParentWH (w,h,bcenter,l1){ var iframe = window.frameElement; if(!iframe){return;}; iframe.width = w; iframe.height = h; iframe.style.width = w + "px"; iframe.style.height = h + "px"; if(l1)return; iframeParent = iframe.parentNode.parentNode; iframeParent.style.width = w + "px"; iframeParent.style.height = h + "px"; iframeParent.style.margin = "0 auto"; if (bcenter) { iframeParent.style.width = "100%"; iframeParent.style.textAlign = "center"; iframe.parentNode.style.display= "inline-block"; }; }; function cindex (n1,n2) { var zdom = document.querySelectorAll(n1); if(zdom.length> 0 ){ for (var i = 0; i < zdom.length; i++) { zdom[i].style.zIndex = n2; }; }; }; function runAD2(){ box.innerHTML=""; var wt = window.top; wt.callbackAD2Crazy = function (){ window.setTimeout(function(){loadJS(ypa_src, true, 'ypa');},300); }; var s = wt.document.createElement('script'); s.id = 'MediaCrazy-AD2'; s.src = 'https://content.ad2iction.com/mediascroll/crazy/js/ad2-crazy.js'; s.setAttribute('key','f076d724-2610-11ee-a6a7-f23c9173ed43'); wt.document.body.appendChild(s); console.log('ad2 rotation trigger'); }; runAD2(); })(); } else { // ad2 motion (function (){ var box = document.currentScript.previousElementSibling; window.top.ad2CoverClose = function () { let dom = window.top.document.getElementById("ad2mCoverTemp"); if ( dom ) { dom.parentNode.removeChild(dom); }; }; function gadfif(iframe, pbad) { iframe.frameBorder = 0; iframe.style.cssText = 'border:0;width:100%;height:100%'; let ss = 'script'; let html = "<"+ss+" async src='https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3165442964443939' crossorigin='anonymous'>"+pbad+"<"+ss+">(adsbygoogle = window.adsbygoogle || []).push({});"; var docs = iframe.contentWindow.document; docs.open().write(html); docs.close(); }; function addad2mCoverBanner(s,w,h) { let wt = window.top; let div = wt.document.createElement("div"); window.top.document.body.appendChild(div); div.innerHTML = '
'; let timer = setInterval(function () { let dom = wt.document.getElementById("ad2mpbIframe"); if ( dom ) { clearInterval(timer); gadfif(dom,s); } }, 100); }; function setParentWH (w,h,bcenter,l1){ var iframe = window.frameElement; if(!iframe){return;}; iframe.width = w; iframe.height = h; iframe.style.width = w + "px"; iframe.style.height = h + "px"; if(l1)return; iframeParent = iframe.parentNode.parentNode; iframeParent.style.width = w + "px"; iframeParent.style.height = h + "px"; iframeParent.style.margin = "0 auto"; if (bcenter) { iframeParent.style.width = "100%"; iframeParent.style.textAlign = "center"; iframe.parentNode.style.display= "inline-block"; }; }; function cindex (n1,n2) { var zdom = document.querySelectorAll(n1); if(zdom.length> 0 ){ for (var i = 0; i < zdom.length; i++) { zdom[i].style.zIndex = n2; }; }; }; function runAD2(){ box.innerHTML=""; var wt = window.top; wt.callbackAD2Book = function (){ window.setTimeout(function(){loadJS(ypa_src, true, 'ypa');},300); }; var s = wt.document.createElement('script'); s.id = 'MediaBook-AD2'; s.src = 'https://content.ad2iction.com/mediascroll/book/js/ad2-book.js'; s.setAttribute('key','d98620fc-2610-11ee-a6a7-f23c9173ed43'); wt.document.body.appendChild(s); console.log('ad2 motion trigger'); }; runAD2(); })(); } }