寫網頁教學的問題,透過圖書和論文來找解法和答案更準確安心。 我們找到下列免費下載的地點或者是各式教學

寫網頁教學的問題,我們搜遍了碩博士論文和台灣出版的書籍,推薦丁士鋒編著寫的 網頁制作與網站建設實戰大全 可以從中找到所需的評價。

另外網站寫給程式麻瓜的JavaScript基礎介紹,跟工程師溝通零障礙也說明:但是隨者版本的演進,功能越來越完善,還有許多像是JQuery、React.js等架構的開發,讓JavaScript已經變成21世紀網頁設計師,在開發網站的時候必備的能力。

國立臺灣師範大學 國文學系國文教學碩士在職專班 賴貴三所指導 江聖愛的 《周易》融入國中國文教學之研究 (2022),提出寫網頁教學關鍵因素是什麼,來自於周易、國中國文、融入教學、主題教學、寫作教學。

而第二篇論文國立臺北教育大學 兒童英語教育學系碩士班 許炳煌所指導 廖威傑的 運用電子繪本教學提升學齡前幼兒課堂投入行為與英語閱讀興趣之個案研究 (2021),提出因為有 電子繪本的重點而找出了 寫網頁教學的解答。

最後網站記事本寫網頁程式碼: HTML瀏覽器標題設計範例</a>則補充:一、記事本輸入文字. 在Windows記事本中輸入「你好,贊贊!」。 記事本寫網頁程式碼: HTML ... </p> </div> <div class="entry-bottom mt-50 mb-30"> <div class="tags"> <a href="/article/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8" 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">網頁制作與網站建設實戰大全</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="#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://arts.thepaperbooks.com/article/%E5%8F%B0%E4%B8%AD+%E7%A7%80%E6%B3%B0">台中 秀泰的問題,我們可以在陳函謙  寫的書找到答案...</a></li> <li class="cat-item cat-item-2"><a href="https://business.thepaperbooks.com/article/%E5%86%B0%E9%9B%AA%E5%A5%87%E7%BC%982">冰雪奇缘2的問題,我們可以在寫的書找到答案...</a></li> <li class="cat-item cat-item-2"><a href="https://newsmedia.thepaperbooks.com/article/%E6%BA%AB%E5%BA%A6">溫度的問題,我們可以在李逸強,李姿穎  寫的書找到答案...</a></li> <li class="cat-item cat-item-2"><a href="https://travel.thepaperbooks.com/article/%E5%B0%8F%E5%8C%97%E7%99%BE%E8%B2%A8">小北百貨的問題,我們可以在流通快訊雜誌社  寫的書找到答案...</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> </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>網頁制作與網站建設實戰大全</h2> <p></p> <div class="wp-block-image"> <figure class="alignleft is-resized"> <div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;"> <h4>A PHP Error was encountered</h4> <p>Severity: Warning</p> <p>Message: file_put_contents(/var/www/html/prints/public/images/books_new/CN1/101/18/CN11018354.jpg): failed to open stream: Permission denied</p> <p>Filename: helpers/global_helper.php</p> <p>Line Number: 140</p> <p>Backtrace:</p> <p style="margin-left:10px"> File: /var/www/html/prints/application/helpers/global_helper.php<br /> Line: 140<br /> Function: file_put_contents </p> <p style="margin-left:10px"> File: /var/www/html/prints/application/views/article_v2.php<br /> Line: 144<br /> Function: coverWebp_online </p> <p style="margin-left:10px"> File: /var/www/html/prints/application/controllers/Pages.php<br /> Line: 662<br /> Function: view </p> <p style="margin-left:10px"> File: /var/www/html/prints/public/index.php<br /> Line: 319<br /> Function: require_once </p> </div> <div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;"> <h4>A PHP Error was encountered</h4> <p>Severity: Warning</p> <p>Message: getimagesize(/var/www/html/prints/public/images/books_new/CN1/101/18/CN11018354.jpg): failed to open stream: No such file or directory</p> <p>Filename: helpers/global_helper.php</p> <p>Line Number: 62</p> <p>Backtrace:</p> <p style="margin-left:10px"> File: /var/www/html/prints/application/helpers/global_helper.php<br /> Line: 62<br /> Function: getimagesize </p> <p style="margin-left:10px"> File: /var/www/html/prints/application/helpers/global_helper.php<br /> Line: 142<br /> Function: coverWebp </p> <p style="margin-left:10px"> File: /var/www/html/prints/application/views/article_v2.php<br /> Line: 144<br /> Function: coverWebp_online </p> <p style="margin-left:10px"> File: /var/www/html/prints/application/controllers/Pages.php<br /> Line: 662<br /> Function: view </p> <p style="margin-left:10px"> File: /var/www/html/prints/public/index.php<br /> Line: 319<br /> Function: require_once </p> </div> <div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;"> <h4>A PHP Error was encountered</h4> <p>Severity: Notice</p> <p>Message: Trying to access array offset on value of type bool</p> <p>Filename: helpers/global_helper.php</p> <p>Line Number: 64</p> <p>Backtrace:</p> <p style="margin-left:10px"> File: /var/www/html/prints/application/helpers/global_helper.php<br /> Line: 64<br /> Function: _error_handler </p> <p style="margin-left:10px"> File: /var/www/html/prints/application/helpers/global_helper.php<br /> Line: 142<br /> Function: coverWebp </p> <p style="margin-left:10px"> File: /var/www/html/prints/application/views/article_v2.php<br /> Line: 144<br /> Function: coverWebp_online </p> <p style="margin-left:10px"> File: /var/www/html/prints/application/controllers/Pages.php<br /> Line: 662<br /> Function: view </p> <p style="margin-left:10px"> File: /var/www/html/prints/public/index.php<br /> Line: 319<br /> Function: require_once </p> </div> <div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;"> <h4>A PHP Error was encountered</h4> <p>Severity: Notice</p> <p>Message: Trying to access array offset on value of type bool</p> <p>Filename: helpers/global_helper.php</p> <p>Line Number: 66</p> <p>Backtrace:</p> <p style="margin-left:10px"> File: /var/www/html/prints/application/helpers/global_helper.php<br /> Line: 66<br /> Function: _error_handler </p> <p style="margin-left:10px"> File: /var/www/html/prints/application/helpers/global_helper.php<br /> Line: 142<br /> Function: coverWebp </p> <p style="margin-left:10px"> File: /var/www/html/prints/application/views/article_v2.php<br /> Line: 144<br /> Function: coverWebp_online </p> <p style="margin-left:10px"> File: /var/www/html/prints/application/controllers/Pages.php<br /> Line: 662<br /> Function: view </p> <p style="margin-left:10px"> File: /var/www/html/prints/public/index.php<br /> Line: 319<br /> Function: require_once </p> </div> <div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;"> <h4>A PHP Error was encountered</h4> <p>Severity: Notice</p> <p>Message: Trying to access array offset on value of type bool</p> <p>Filename: helpers/global_helper.php</p> <p>Line Number: 68</p> <p>Backtrace:</p> <p style="margin-left:10px"> File: /var/www/html/prints/application/helpers/global_helper.php<br /> Line: 68<br /> Function: _error_handler </p> <p style="margin-left:10px"> File: /var/www/html/prints/application/helpers/global_helper.php<br /> Line: 142<br /> Function: coverWebp </p> <p style="margin-left:10px"> File: /var/www/html/prints/application/views/article_v2.php<br /> Line: 144<br /> Function: coverWebp_online </p> <p style="margin-left:10px"> File: /var/www/html/prints/application/controllers/Pages.php<br /> Line: 662<br /> Function: view </p> <p style="margin-left:10px"> File: /var/www/html/prints/public/index.php<br /> Line: 319<br /> Function: require_once </p> </div> <img class="border-radius-5 lazy" src="/var/www/html/prints/public/images/books_new/CN1/101/18/CN11018354.jpg" style="width:200px;height: 300px;"> <figcaption> </figcaption> </figure> </div> <h5>為了解決<stron>寫網頁教學</stron>的問題,作者<strong>丁士鋒編著</strong> 這樣論述:</h5> <p>將網站建設所需要掌握的各種重要技術進行了逐一詳解,通過大量的實例,詳細介紹網站建設的生命周期各過程,剖析了網站的策划、設計、代碼編寫、測試、推廣以及SEO優化等網站建設過程。同時配以3個接近真實網站的案例,讓讀者了解網站建設的完整過程。《網頁制作與網站建設實戰大全》附帶1張DVD,包括作者為《網頁制作與網站建設實戰大全》錄制的全程多媒體語音教學視頻及《網頁制作與網站建設實戰大全》所涉及的源代碼。《網頁制作與網站建設實戰大全》分為5大篇共24章,涵蓋的內容主要有網站建設流程、HTML標記語言、CSS樣式表、JavaScript腳本語言、JQuery、HTML 5、PHP和MySQL進行動態網站建</p><p>設、Photoshop、Fireworks、Flash、Dreamweaver、網站發布、網站維護、網站推廣與優化、網站建設實戰案例等。《網頁制作與網站建設實戰大全》從網站建設人員的視角,從基礎知識到實戰應用都提供了指導性的指南,通過對每個知識點進行概而全的深入詳解,讓讀者能夠知其然知其所以然,適合於進行網站建設的開發人員、網頁設計人員,對網站建設有興趣的學生及愛好者,同時對於平面設計人員、企業IT運維人員具有很強的指導性作用。 第1篇 網站基礎第1章 網站開發入門(教學視頻:24分鍾)第2章 使用HTML語言編寫網頁(教學視頻:40分鍾)第3章 CSS定義網頁樣式(教學視</p><p>頻:25分鍾)第2篇 網頁設計與制作第4章 如何設計吸引人的網站(教學視頻:22分鍾)第5章 用Dreamweaver可視化設計頁面(教學視頻:33分鍾)第6章 創建和管理Web站點(教學視頻:13分鍾)第7章 使用DIV和CSS進行頁面布局(教學視頻:32分鍾)第8章 用JavaScript讓網頁動起來(教學視頻:27分鍾)第9章 添加動態頁面特效(教學視頻:29分鍾)第10章 用jQuery操縱網頁(教學視頻:38分鍾)第11章 用HTML 5開發網頁(教學視頻:33分鍾)第12章 HTML 5多媒體應用(教學視頻:32分鍾)第13章 用Photoshop設計網頁圖像(教學視頻:36分鍾)</p><p>第14章 使用Fireworks優化圖片輸出(教學視頻:36分鍾)第15章 使用Flash設計網頁動畫(教學視頻:37分鍾)第3篇 動態網站開發第16章 使用PHP開發動態網站(教學視頻:48分鍾)第17章 操縱MySQL數據庫(教學視頻:36分鍾)第18章 用Dreamweaver創建 PHP&MySQL動態網站(教學視頻:33分鍾)第4篇 網站維護與優化第19章 網站的測試與發布(教學視頻:19分鍾)第20章 網站的日常維護(教學視頻:23分鍾)第21章 網站的推廣與優化(教學視頻:25分鍾)第5篇 綜合案例第22章 設計制作企業門戶網站(教學視頻:35分鍾)第23章 基於PHP+MySQ</p><p>L的內容管理網站(教學視頻:49分鍾)第24章 基於HTML 5+CSS 3企業網站開發(教學視頻:28分鍾)</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/fNa73qeV1fk" 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><a href="/exitpage?k=%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8&u=https://reurl.cc/GboODx" target="_blank">https://reurl.cc/GboODx</a> <br> <br>Bobon21小外套: <br><a href="/exitpage?k=%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8&u=https://reurl.cc/gz01lL" target="_blank">https://reurl.cc/gz01lL</a> <br> <br>長得像襯衫的睡衣: <br><a href="/exitpage?k=%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8&u=https://reurl.cc/82W8O7" target="_blank">https://reurl.cc/82W8O7</a> <br> <br>超質感餐具(餐盤、折疊凳同家): <br><a href="/exitpage?k=%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8&u=https://reurl.cc/OkpnLv" target="_blank">https://reurl.cc/OkpnLv</a> <br> <br>寵物玩具: <br><a href="/exitpage?k=%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8&u=https://reurl.cc/q1O62q" target="_blank">https://reurl.cc/q1O62q</a> <br> <br>衣服除毛(不是非常好用但可以用): <br><a href="/exitpage?k=%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8&u=https://reurl.cc/Q6jxgM" target="_blank">https://reurl.cc/Q6jxgM</a> <br> <br>天鵝Z字型褲架: <br>店家-管家有品 <br> <br>我太胖了扣不起來~之黑裙子: <br><a href="/exitpage?k=%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8&u=https://reurl.cc/V5jloy" target="_blank">https://reurl.cc/V5jloy</a> <br> <br>百搭黑裙子,質感推薦: <br><a href="/exitpage?k=%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8&u=https://reurl.cc/Xl4yrg" target="_blank">https://reurl.cc/Xl4yrg</a> <br> <br>幾何圖感小包: <br><a href="/exitpage?k=%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8&u=https://reurl.cc/35j9Al" target="_blank">https://reurl.cc/35j9Al</a> <br> <br>【集運示範:奶油貓】 <br>官網:<a href="/exitpage?k=%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8&u=https://reurl.cc/GboORZ" target="_blank">https://reurl.cc/GboORZ</a> <br>(此為部分贊助互惠合作) <br>集運流程: <br>1. 下標淘寶時,將我的收貨地址填入集運的收貨地址 <br>(購買淘寶商品前,要先向集運方取得收件地址資料) <br> <br>2.商品發貨後,點進"我的淘寶"→"已經買到的寶貝"→商品旁的"查看物流"→複製"運單號碼" <br> <br>3.將運單號碼貼到,集運方專屬網頁,按照上面指示填寫 <br> <br>【看完還是不清楚:google搜dcard 私人集運 (大神教學很多((๑´ڡ`๑))】 <br> <br>********************* <br>訂閱可妹Ato► <a href="/exitpage?k=%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8&u=https://reurl.cc/Xk4zkD​​" target="_blank">https://reurl.cc/Xk4zkD​​</a> <br>更多生活日常►@ato0824comei (<a href="/exitpage?k=%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8&u=https://reurl.cc/D6qL5d​​)" target="_blank">https://reurl.cc/D6qL5d​​)</a> <br> <br> <br>阿姊與阿妹的主頻道►►<a href="/exitpage?k=%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8&u=https://reurl.cc/6lNgK6​​" target="_blank">https://reurl.cc/6lNgK6​​</a> <br>臉書按讚►► 可可酒精 (<a href="/exitpage?k=%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8&u=https://reurl.cc/EzGKQn​​)" target="_blank">https://reurl.cc/EzGKQn​​)</a> <br>IG關注頗貼頭►► @cocowine0205 (<a href="/exitpage?k=%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8&u=https://reurl.cc/gm0dMb​​)" target="_blank">https://reurl.cc/gm0dMb​​)</a> </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> 本文以「《周易》融入國中國文教學之研究」為題,於《周易》經傳中探求中華傳統文化思想與文學底蘊,並於教學應用中落實其義理價值。全文共分六章,除了第一章緒論,敘述研究動機與目的、文獻探討與研究方法、研究範圍與架構之外,其餘各章之提要如下:  第二章從《周易》三大向度──「易經」、「易傳」、「易學」三方面引入,首先,分析《周易》經傳結構與思想體系要義,以「推天道以明人事」、「人道與天道相通」、「人應法天地之道」、「順乎天而應乎人」、「肯定人的主動性」、「天人和諧整體論」等六個要點,歸納《周易》所傳達之天人關係,掌握《周易》內涵及其發展脈絡,確立本研究的義理系統以及教學上的可實踐性,為後續鑑賞分析奠</p><p>立基礎;再者,設計《周易》經傳結構相關之教學活動,藉由教案編寫與課程應用,將《周易》之概要落實於課堂教學,透過遊戲寓教於樂。  第三章《周易》融入國中國文選文教學,彙整國中國文教材選文,綜觀古典及現代選文,兼採韻文、散文、小說等各大文類,爬梳選文主題概要並將之與《周易》義理相互類比研討。  第四章《周易》融入國中國文主題教學,以《周易》文本為出發點,歸納四個主題:「生生之謂易」、「時觀」、「變」、「中道」,依主題闡發義理,並搭配課本文本或彈性課程中對應的選文相互參照,作主題系統教學。  第五章《周易》融入國中國文寫作教學,分析《周易》思維架構,發展成「觀察式寫作」、「象徵式寫作」、「歸納式寫作</p><p>」、「思維建構式寫作」,活化寫作教學,並輔助學生思維創作能力之建構。  第六章結論,分析研究成果,並提出後續研究建議,作為《周易》相關研究者及中學教師,學術研究上或教學實務上之參考。  本文以融入式課程、主題式課程、思維結構寫作課程,綰合《周易》與國中國文教學,試使《周易》思想精粹與國文課堂所激盪之火花相互輝映。</p><p></p> </p> </div> <div id="secondPaper" class="entry-bottom mb-30 " style="margin-top:350px; !important;"> <div class="bt-1 border-color-1 mt-30 mb-30" ></div> <h2>運用電子繪本教學提升學齡前幼兒課堂投入行為與英語閱讀興趣之個案研究</h2> <p></p> <h5>為了解決<stron>寫網頁教學</stron>的問題,作者<strong>廖威傑 </strong>這樣論述:</h5> <p> <p> 摘要本研究使用電子繪本融入幼兒園英語教學課程,以提升學童在課堂上投入行為及對英語閱讀興趣,所達成目的有以下四項:一、 瞭解電子繪本融入幼兒園英語教學課程的經歷。二、 探討幼兒園幼童對電子繪本融入英語教學的上課投入情形和反應三、 探討電子繪本融入幼兒英語教學課程,對學童在學英語閱讀興趣的影響。四、 探討研究者在此個案言就中學習與省思。本研究蒐集了量化與質性資料,量化資料以課堂觀察紀錄表及英語興趣紀錄表;而質性資料則以課堂觀察紀錄表及英語興趣閱讀量表為研究工具。經過四週的電子繪本教學課程後,將主要研究結果發現如下:一、 電子繪本融入英文教學能提升學童在課堂上投入行為二、 電子繪本融入</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" id="juksy1"> </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/%E8%87%AA%E5%AD%B8%E5%AF%AB%E7%B6%B2%E9%A0%81">自學寫網頁</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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E5%85%A5%E9%96%80">寫網頁入門</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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E5%B7%A5%E5%85%B7">寫網頁工具</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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E5%83%B9%E9%8C%A2">寫網頁價錢</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%E5%AF%AB%E7%B6%B2%E9%A0%81">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/python%E5%AF%AB%E7%B6%B2%E9%A0%81">python寫網頁</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%E7%A8%8B%E5%BC%8F%E8%A8%AD%E8%A8%88%E8%AA%9E%E8%A8%80">網頁程式設計語言</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%E9%96%8B%E7%99%BC%E6%B5%81%E7%A8%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" id="juksy2"> </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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly93d3cuY3NpZS5udHUuZWR1LnR3L35kOTUwMjcvdHJhaW4vcGgxODcvc2xpZGVzL1BIUF9DaGFwMDEucHB0" target="_blank"> #1.PHP+MySQL互動式網頁程式設計 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">PHP 是一種內嵌於HTML 文件裡的程式語言,因此PHP 的程式碼必須寫在HTML 的檔案裡。 當伺服器送出網頁時,會先執行PHP 的程式碼,而使用者端所能看到的只有PHP 的輸出。</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly93d3cuY3NpZS5udHUuZWR1LnR3L35kOTUwMjcvdHJhaW4vcGgxODcvc2xpZGVzL1BIUF9DaGFwMDEucHB0" target="_blank">www.csie.ntu.edu.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly93d3cubmltLmNvbS50dy9ibG9nL3dlYi1kZXNpZ24tdHV0b3JpYWwvJUU4JUEzJUJEJUU0JUJEJTlDJUU0JUI4JTgwJUU1JTgwJThCJUU3JUI2JUIyJUU3JUFCJTk5JUU4JUE2JTgxJUU4JThBJUIxJUU1JUE0JTlBJUU0JUI5JTg1JUU3JTlBJTg0JUU2JTk5JTgyJUU5JTk2JTkzLS0yODEuaHRtbA" target="_blank"> #2.製作一個網站要花多久的時間? - 奈思創藝網頁設計 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">歡迎來電洽詢網站製作。 分類 網頁設計教學. 發佈日期 2018 , 05 , 31. 觀看人數 6082.</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly93d3cubmltLmNvbS50dy9ibG9nL3dlYi1kZXNpZ24tdHV0b3JpYWwvJUU4JUEzJUJEJUU0JUJEJTlDJUU0JUI4JTgwJUU1JTgwJThCJUU3JUI2JUIyJUU3JUFCJTk5JUU4JUE2JTgxJUU4JThBJUIxJUU1JUE0JTlBJUU0JUI5JTg1JUU3JTlBJTg0JUU2JTk5JTgyJUU5JTk2JTkzLS0yODEuaHRtbA" target="_blank">www.nim.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9hd29vLmFpL3poLWhhbnQvYmxvZy9qYXZhc2NyaXB0LWludHJvZHVjdGlvbi8" target="_blank"> #3.寫給程式麻瓜的JavaScript基礎介紹,跟工程師溝通零障礙 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">但是隨者版本的演進,功能越來越完善,還有許多像是JQuery、React.js等架構的開發,讓JavaScript已經變成21世紀網頁設計師,在開發網站的時候必備的能力。</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9hd29vLmFpL3poLWhhbnQvYmxvZy9qYXZhc2NyaXB0LWludHJvZHVjdGlvbi8" target="_blank">awoo.ai</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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly96YW56YW4udHcvYXJjaGl2ZXMvNDYwNg" target="_blank"> #4.記事本寫網頁程式碼: HTML<Title>瀏覽器標題設計範例 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">一、記事本輸入文字. 在Windows記事本中輸入「你好,贊贊!」。 記事本寫網頁程式碼: HTML ...</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly93d3cudGVkdS50dy9ibG9nL2Jhc2ljLWVtbWV0LXR1dG9yaWFsLWZvci13ZWItZnJvbnRlbmQtZGV2ZWxvcGVyLW5ld2JpZXMuaHRtbA" target="_blank"> #5.前端工程師網頁開發神器Emmet入門教學-有效減少寫HTML ... </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">前端工程師網頁開發神器Emmet入門教學-有效減少寫HTML/CSS語法的時間 · 快速產生標籤名稱(Tag Name). 快速產生className 與id · 父子兄弟階層、群組、上 ...</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly93d3cudGVkdS50dy9ibG9nL2Jhc2ljLWVtbWV0LXR1dG9yaWFsLWZvci13ZWItZnJvbnRlbmQtZGV2ZWxvcGVyLW5ld2JpZXMuaHRtbA" target="_blank">www.tedu.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly93d3cucGxheXBjZXNvci5jb20vMjAyMy8wMy9DaGF0R1BULXBvbW9kb3JvLWNvZGUuaHRtbA" target="_blank"> #6.ChatGPT 幫我不懂程式碼也能寫出番茄鐘待辦清單工具 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">接下來, ChatGPT 就叫我去下載一個Notepad++ 之類的編輯軟體,然後建立一個index.html 的檔案,並且把ChatGPT 提供給我的 HTML、CSS 和JavaScript 程式碼 ...</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly93d3cucGxheXBjZXNvci5jb20vMjAyMy8wMy9DaGF0R1BULXBvbW9kb3JvLWNvZGUuaHRtbA" target="_blank">www.playpcesor.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly93aWxzb24tcmVuLm5ldGxpZnkuYXBwL3dlYmRldg" target="_blank"> #7.2023 網頁全端開發 - Wilson Ren | 線上電腦科學與網頁開發課程 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">成為網頁全端工程師,自己接案開始工作,或是應徵科技業。 使用資料庫,建構任何你喜歡的網站。 深入了解HTML, CSS, JavaScript前端三大語言,寫出良好且優質的程式碼 ...</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly93aWxzb24tcmVuLm5ldGxpZnkuYXBwL3dlYmRldg" target="_blank">wilson-ren.netlify.app</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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9hcm9uaGFjay5jb20vemgvd29yZHByZXNzLWJlZ2lubmVyLXR1dG9yaWFsLTEv" target="_blank"> #8.用人話寫的WordPress網頁設計教學1 – 新手入門概念篇 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">另外補充說明,WordPress的功能模組大概可以分成三個部份:核心(Core)、外掛(Plugin)、佈景(Theme)。 核心是WordPress的主要程式,所有系統內建的功能都寫 ...</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9hcm9uaGFjay5jb20vemgvd29yZHByZXNzLWJlZ2lubmVyLXR1dG9yaWFsLTEv" target="_blank">aronhack.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly93d3cuZXhwbGFpbnRoaXMuaW8vemgtaGFudC9jaGF0Z3B0L3dlYnNpdGU" target="_blank"> #9.我用ChatGPT 寫了一個ChatGPT 指令大全網站- 軟體工程師面試 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">ChatGPT 的用途很多,其中一個是能幫忙寫程式。透過這篇文章,希望跟其他同為前端工程師的人分享,可以如何透過ChatGPT 加速完成你的工作;同時也想跟非工程師的人分享 ...</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly93d3cuZXhwbGFpbnRoaXMuaW8vemgtaGFudC9jaGF0Z3B0L3dlYnNpdGU" target="_blank">www.explainthis.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly93d3cuZmxhZy5jb20udHcvYm9va3MvcHJvZHVjdC9GMTQ2OQ" target="_blank"> #10.網頁美編的救星!零基礎也能看得懂的HTML & CSS 網頁設計 </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:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly93d3cuZmxhZy5jb20udHcvYm9va3MvcHJvZHVjdC9GMTQ2OQ" target="_blank">www.flag.com.tw</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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9oaXNraW8uY29tL2NvdXJzZXMvMTc2NS9hYm91dA" target="_blank"> #11.網頁開發全端攻略|零程式基礎也適用(2023 全新版) - HiSKIO </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:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9oaXNraW8uY29tL2NvdXJzZXMvMTc2NS9hYm91dA" target="_blank">hiskio.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly96aC53aXguY29tLw" target="_blank"> #12.Wix.com: 免費網站| 專業網頁製作 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">開放式開發平台. Wix 採用無伺服器運算和簡易編碼,您可輕鬆建立專業網頁應用程式。</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly96aC53aXguY29tLw" target="_blank">zh.wix.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9mZ2NoZW4uY29tL3dwZWR1L2NvdXJzZS8lRTclQjYlQjIlRTklQTAlODElRTUlODklOEQlRTclQUIlQUYlRTQlQkIlOEIlRTklOUQlQTIlRTglQTglQUQlRTglQTglODgv" target="_blank"> #13.網頁前端介面設計 - 富國Another Web page </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">我為什麼鼓勵工程師寫部落格? 基礎課程. 概論/GeneralHTML/CSS網頁前端設計JavaScriptPHP程式語言SQL ...</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9mZ2NoZW4uY29tL3dwZWR1L2NvdXJzZS8lRTclQjYlQjIlRTklQTAlODElRTUlODklOEQlRTclQUIlQUYlRTQlQkIlOEIlRTklOUQlQTIlRTglQTglQUQlRTglQTglODgv" target="_blank">fgchen.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly93d3cua2pub3Rlcy5jb20vZGV2dG9vbHMvMTk" target="_blank"> #14.Notepad++免費文字編輯器設定及使用教學 - KJie Notes </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">本文教學將指引使用者如何設定Notepad++及如何使用Notepad++的一些基本 ... 我們寫網頁或程式時會十分方便,但這兩個功能在預設中是關閉,以下教學是 ...</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly93d3cua2pub3Rlcy5jb20vZGV2dG9vbHMvMTk" target="_blank">www.kjnotes.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9wYWxhLnR3L2xlYXJuLXdlYi1kZXZlbG9wbWVudC1vbi11ZGVteS8" target="_blank"> #15.Udemy 與網頁設計課程推薦 - Pala.tw </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:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9wYWxhLnR3L2xlYXJuLXdlYi1kZXZlbG9wbWVudC1vbi11ZGVteS8" target="_blank">pala.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly90ZWNoLm1hc3RlcndlYi5jb20udHcvd29yZHByZXNzLWJyYW5kLXdlYi8" target="_blank"> #16.官網設計教學- WordPress 品牌網站架設、公司形象網頁設計 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">你是否需要官網設計教學,想要自行架設公司形象、品牌網頁設計而不知道要怎麼開始? ... 如果要快速上手的話,必推使用WordPress來建置你的網站,不需要寫程式就能輕鬆 ...</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly90ZWNoLm1hc3RlcndlYi5jb20udHcvd29yZHByZXNzLWJyYW5kLXdlYi8" target="_blank">tech.masterweb.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cDovL3Jlc2VhcmNoLmhjaHMuaGMuZWR1LnR3L35wYzczMS8xc2VtL2hvbWVwYWdlLzAxaHRtbC5odG0" target="_blank"> #17.HTML網頁教學 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">HTML網頁教學. 初寫:2006.01.29, 更新日期:2021.09.09. 作者: ...</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cDovL3Jlc2VhcmNoLmhjaHMuaGMuZWR1LnR3L35wYzczMS8xc2VtL2hvbWVwYWdlLzAxaHRtbC5odG0" target="_blank">research.hchs.hc.edu.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9kZWFubGlmZS5ibG9nL3dlYi1kZXNpZ24tbGVhcm5pbmctcmVzb3VyY2VzLw" target="_blank"> #18.網頁設計教學課程推薦,完整前端自學資源分享【2023最新】 </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:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9kZWFubGlmZS5ibG9nL3dlYi1kZXNpZ24tbGVhcm5pbmctcmVzb3VyY2VzLw" target="_blank">deanlife.blog</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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9jY2NrbWl0LmdpdGJvb2tzLmlvL2phdmFzY3JpcHQtd2ViL2NvbnRlbnQvY2gyL2NoYXB0ZXIyLmh0bWw" target="_blank"> #19.第2 章- HTML網頁設計· 專為中學生寫的JavaScript 程式書 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">HTML、CSS 與JavaScript. HTML、CSS 與JavaScript 是讓Web Browser 運作的三大技術,要學會Web 程式設計的第一步,就是要學會 ...</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9jY2NrbWl0LmdpdGJvb2tzLmlvL2phdmFzY3JpcHQtd2ViL2NvbnRlbnQvY2gyL2NoYXB0ZXIyLmh0bWw" target="_blank">ccckmit.gitbooks.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9oYWhvdy5pbi9jb250ZW50cy9hcnRpY2xlcy82MzYzODhkMGVkOTAyZTM5ZTU3ZDcwYjM" target="_blank"> #20.HTML 是什麼?學程式從網頁設計開始的4 大原因 - Hahow </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">就是當你用HTML 標籤在文字編輯器或記事本寫好一張HTML 網頁格式的檔案,用瀏覽器直接開啟時,就可以直接看到你寫的內容囉! 網頁三元素:HTML、CSS、 ...</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9oYWhvdy5pbi9jb250ZW50cy9hcnRpY2xlcy82MzYzODhkMGVkOTAyZTM5ZTU3ZDcwYjM" target="_blank">hahow.in</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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9tZWRpdW0uY29tL2FwcHdvcmtzLXNjaG9vbC8lRTclQjYlQjIlRTklQTAlODElRTYlOTYlQjAlRTYlODklOEIlRTUlODUlQTUlRTklOTYlODAtJUU1JTg4JTlEJUU2JThFJUEyJUU3JUI2JUIyJUU5JUEwJTgxJUU2JTlFJUI2JUU2JUE3JThCJUU1JTkyJThDJUU1JTg5JThEJUU1JUJFJThDJUU3JUFCJUFGJUU4JUFBJTlFJUU4JUE4JTgwLWE4OGE1ZGM4NmVlMw" target="_blank"> #21.網頁新手入門:初探網頁架構和前後端語言. 程式麻瓜 ... - Medium </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">如果要在靜態網站上加點動畫或互動功能,才會需要用到JavaScript (JS)。而寫前端網頁會主要用到的這三個工具,有些人會稱之為「前端三本柱」。 HTML 正確 ...</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9tZWRpdW0uY29tL2FwcHdvcmtzLXNjaG9vbC8lRTclQjYlQjIlRTklQTAlODElRTYlOTYlQjAlRTYlODklOEIlRTUlODUlQTUlRTklOTYlODAtJUU1JTg4JTlEJUU2JThFJUEyJUU3JUI2JUIyJUU5JUEwJTgxJUU2JTlFJUI2JUU2JUE3JThCJUU1JTkyJThDJUU1JTg5JThEJUU1JUJFJThDJUU3JUFCJUFGJUU4JUFBJTlFJUU4JUE4JTgwLWE4OGE1ZGM4NmVlMw" 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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9wcm9ncmVzc2Jhci50dy9wb3N0cy81" target="_blank"> #22.[入門教學] 我想學程式語言,但這麼多該從什麼開始學起呢? </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">如果你懂C語言,去看JAVA 、C#、Swift、JavaScript、PHP都會不太難理解,而這幾個程式語言各別可以讓你寫手機、網站與遊戲程式,也就幾乎是所有你想要做的 ...</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9wcm9ncmVzc2Jhci50dy9wb3N0cy81" target="_blank">progressbar.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9lYXN5d2Vic2l0ZXR3LmNvbS8lRTclQjYlQjIlRTklQTAlODElRTglQTglQUQlRTglQTglODglRTYlOTUlOTklRTUlQUQlQjgv" target="_blank"> #23.WordPress網頁設計教學: 2021年初學者必備的網站架設知識與 ... </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:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9lYXN5d2Vic2l0ZXR3LmNvbS8lRTclQjYlQjIlRTklQTAlODElRTglQTglQUQlRTglQTglODglRTYlOTUlOTklRTUlQUQlQjgv" target="_blank">easywebsitetw.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly93d3cuYm9va3MuY29tLnR3L3dlYi9zeXNfYmJvdG0vYm9va3MvMTkwNjAy" target="_blank"> #24.HTML/CSS - 博客來 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">學好跨平台網頁設計(第三版)--HTML5、CSS3、JavaScript、jQuery與Bootstrap 5超完美特訓班(附範例/RWD影音教學). 作者:文淵閣工作室. 79折優惠價$395 ...</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly93d3cuYm9va3MuY29tLnR3L3dlYi9zeXNfYmJvdG0vYm9va3MvMTkwNjAy" 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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9qaW1teXN3ZWJub3RlLmNvbS9ob3ctdG8tY3JlYXRlLWEtd2Vic2l0ZS0xLw" target="_blank"> #25.架設網站的方法(1):自己寫程式碼架站 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">前端的領域說窄不窄,說廣也不廣,但如果不考慮效能或是程式碼的優化,只要會HTML、CSS、JavaScript就可以簡單寫出一個網頁了,像是我之前寫的這個網頁: ...</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9qaW1teXN3ZWJub3RlLmNvbS9ob3ctdG8tY3JlYXRlLWEtd2Vic2l0ZS0xLw" target="_blank">jimmyswebnote.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9kZXZlbG9wZXIubW96aWxsYS5vcmcvemgtVFcvZG9jcy9MZWFybi9HZXR0aW5nX3N0YXJ0ZWRfd2l0aF90aGVfd2Vi" target="_blank"> #26.Web 入門- 學習該如何開發Web | MDN </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">〈Web 入門〉*是一系列簡潔的文章,介紹網頁開發的實用範例。你將運用相關工具建構簡易網頁並發布自己的程式碼。</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9kZXZlbG9wZXIubW96aWxsYS5vcmcvemgtVFcvZG9jcy9MZWFybi9HZXR0aW5nX3N0YXJ0ZWRfd2l0aF90aGVfd2Vi" target="_blank">developer.mozilla.org</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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly81eHJ1YnkudHcvY291cnNlcy9jb2RlLWZvci1naXJs" target="_blank"> #27.網頁前端設計女性專班 - 五倍紅寶石 </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:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly81eHJ1YnkudHcvY291cnNlcy9jb2RlLWZvci1naXJs" target="_blank">5xruby.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9yaWNoMDEuY29tL2ZyZWUtYmxvZy01Lw" target="_blank"> #28.如何架設網站?Top5好用免費部落格平台推薦(WordPress、痞 ... </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:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9yaWNoMDEuY29tL2ZyZWUtYmxvZy01Lw" target="_blank">rich01.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cDovL2NjLmN1c3QuZWR1LnR3L352ZW4vMTAwLTEuaHRtbA" target="_blank"> #29.HTML語法教學 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">本文章是轉載自網路上某網站之文章,忘了原文出處,加上豬頭站長也粉懶惰,所以就隨手放在這裏,不再另寫一篇文章了.我想大家的用意都是讓各位網友能熟悉HTML語法, ...</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cDovL2NjLmN1c3QuZWR1LnR3L352ZW4vMTAwLTEuaHRtbA" target="_blank">cc.cust.edu.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9jcm9zc2JvbmQudHcvbGVhcm5pbmctdG8td3JpdGUtd2ViLXBhZ2VzLXVuaXQtMS1iYXNpYy1jb25jZXB0cy8" target="_blank"> #30.學寫網頁教學-第一單元-基本概念 - 遠邦國際品牌顧問 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">例如你看到的文字,圖片,美麗的排版等等,通通都是前台(Frontend)。 後台(Backend)就是網頁的功能。例如網站可以讓你註冊,提交數據等等,就是後台(Backend)。 還是 ...</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9jcm9zc2JvbmQudHcvbGVhcm5pbmctdG8td3JpdGUtd2ViLXBhZ2VzLXVuaXQtMS1iYXNpYy1jb25jZXB0cy8" target="_blank">crossbond.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly93d3cuY29kZWd5bS50ZWNoL2Jsb2cvcmVwbC1pdA" target="_blank"> #31.Repl.it 線上程式開發服務 - Code Gym </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:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly93d3cuY29kZWd5bS50ZWNoL2Jsb2cvcmVwbC1pdA" target="_blank">www.codegym.tech</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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9sZWFybi5taWNyb3NvZnQuY29tL3poLXR3L3RyYWluaW5nL21vZHVsZXMvZ2V0LXN0YXJ0ZWQtd2l0aC13ZWItZGV2ZWxvcG1lbnQv" target="_blank"> #32.使用Visual Studio Code 開始使用Web 開發- Training </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">Microsoft Visual Studio Code · 熟悉一或多種程式設計語言與一種標記語言(例如HTML) · 執行下列其中一種作業系統的電腦:. Windows:Windows 10或11; Mac:macOS 10.15 或 ...</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9sZWFybi5taWNyb3NvZnQuY29tL3poLXR3L3RyYWluaW5nL21vZHVsZXMvZ2V0LXN0YXJ0ZWQtd2l0aC13ZWItZGV2ZWxvcG1lbnQv" target="_blank">learn.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9ibG9nLnVzZXIudG9kYXkvdG9vbHMtZGV0ZWN0LXdlYnNpdGUtc2VydmVyLWluZm9ybWF0aW9uLw" target="_blank"> #33.9 個小工具查出網站用的主機、程式語言、架站工具、字型 </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:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9ibG9nLnVzZXIudG9kYXkvdG9vbHMtZGV0ZWN0LXdlYnNpdGUtc2VydmVyLWluZm9ybWF0aW9uLw" target="_blank">blog.user.today</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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly93d3cuc3VuLWV4cC5jb20vYmxvZzAxLmFzcHg_aWQ9OQ" target="_blank"> #34.將css置入網頁的四種方法 - 旭展顧問 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">直接在js裏面使用css,一般用在事件的控制,例如:點擊某一個按鈕後,方形的寬度變長等,但大部分還是會使用在外部寫好css在用呼叫Class將css引入,會這樣 ...</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly93d3cuc3VuLWV4cC5jb20vYmxvZzAxLmFzcHg_aWQ9OQ" target="_blank">www.sun-exp.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9idXp6b3JhbmdlLmNvbS90ZWNob3JhbmdlLzIwMTUvMDUvMDQvaW0tbGVhcm5pbmctdG8tY29kZS1ieS1idWlsZGluZy0xODAtd2Vic2l0ZXMtaW4tMTgwLWRheXMv" target="_blank"> #35.180 天寫出180 個網站!美女藝術家用這招逼自己6 個月速學 ... </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">3. 我寫的每句code 必須在GitHub(開源)上公開,這樣大家都能看到。 把自己學習中的錯誤和誤區都公開是很讓人沒面子的。但事實上,如果你想學習寫程式 ...</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9idXp6b3JhbmdlLmNvbS90ZWNob3JhbmdlLzIwMTUvMDUvMDQvaW0tbGVhcm5pbmctdG8tY29kZS1ieS1idWlsZGluZy0xODAtd2Vic2l0ZXMtaW4tMTgwLWRheXMv" target="_blank">buzzorange.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9qZXNzaWVsYWIuY29tL3dvcmRwcmVzcyVFNiU5NSU5OSVFNSVBRCVCOC1zZXR0aW5nLXVwLWEtd2Vic2l0ZS8" target="_blank"> #36.【2023】Wordpress新手教學:20分鐘帶你架設完成一個網站 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">4.不懂程式語言也可以用Wordpress架站嗎? WordPress因為是一個免費軟體,所以你不需要自己寫程式來製作網站,所需要做的就是 ...</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9qZXNzaWVsYWIuY29tL3dvcmRwcmVzcyVFNiU5NSU5OSVFNSVBRCVCOC1zZXR0aW5nLXVwLWEtd2Vic2l0ZS8" target="_blank">jessielab.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly92b2N1cy5jYy9hcnRpY2xlLzYzNzA2ODY0ZmQ4OTc4MDAwMTEzNjJlMg" target="_blank"> #37.【學習筆記】快速建立漂亮的一頁式網頁—— Bootstrap 套件 ... </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">唯一的差別是原先程式碼寫在CSS 代碼中,Bootstrap 直接定義在類別選擇器(class)。 例如:傳統在CSS 檔案中寫下「justify-align: center」 會變成直接在 ...</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly92b2N1cy5jYy9hcnRpY2xlLzYzNzA2ODY0ZmQ4OTc4MDAwMTEzNjJlMg" target="_blank">vocus.cc</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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9kYW90dy5jb20vJUU3JUI2JUIyJUU3JUFCJTk5JUU2JTlFJUI2JUU4JUE4JUFEJUU4JUIyJUJCJUU3JTk0JUE4JUU4JTg4JTg3JUU2JUI1JTgxJUU3JUE4JThCLw" target="_blank"> #38.網站架設費用&流程(個人, 企業形象官網) - 張阿道 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">網站架設流程 · 購買網域(申請一個路標) · 設定DNS(把路標指向租來的那塊地) · 租用虛擬主機(租一塊地) · 安裝架站軟體(來蓋房子),以WordPress最常見.</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9kYW90dy5jb20vJUU3JUI2JUIyJUU3JUFCJTk5JUU2JTlFJUI2JUU4JUE4JUFEJUU4JUIyJUJCJUU3JTk0JUE4JUU4JTg4JTg3JUU2JUI1JTgxJUU3JUE4JThCLw" 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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9pa25vd3dhbmcuY29tLw" target="_blank"> #39.如何架設網站:一個完全免費的教學(網頁製作軟體, Blog推薦 ... </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">如何架設網站:一個完全免費的教學(Blog推薦+ 網頁製作軟體). 你以前可能看過許多不同的網頁建立教學影片,但它們都有一個共通點,就是寫架站教學文章的那些人,他們 ...</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9pa25vd3dhbmcuY29tLw" target="_blank">iknowwang.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly93d3cubGV1bmdob3lpbi5oay93YXlzLXRvLW1ha2UtYS13ZWJzaXRl" target="_blank"> #40.現今三種主要架設網站的方法,製作成本和難度比較- 梁浩賢 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">利用網站制作服務平台,現成的建站軟體,或者DIY寫網站,那種成本最低?長短線發展那種比較適合?那種最容易?總結告訴你那種建站法適合你。</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly93d3cubGV1bmdob3lpbi5oay93YXlzLXRvLW1ha2UtYS13ZWJzaXRl" target="_blank">www.leunghoyin.hk</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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly90dy5hbHBoYWNhbXAuY28vYmxvZy9odG1sLWNzcy13ZWItZGVzaWdu" target="_blank"> #41.網頁程式設計入門,一文讀懂HTML、CSS - ALPHA Camp </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">瀏覽器也需要知道這些文章內容的結構定義,來繪製出呈現在瀏覽器裡的頁面!這就需要透過HTML ,來讓瀏覽器了解並解讀我們人類所寫的文章內容。 HTML 語法 ...</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9sZWFkZXJ3ZWIuY29tLnR3L3dlYnNpdGUtYnVpbGQtdGVhY2gv" target="_blank"> #42.『新手必看』2022年8個免費架設網站平台全攻略! </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:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9sZWFkZXJ3ZWIuY29tLnR3L3dlYnNpdGUtYnVpbGQtdGVhY2gv" target="_blank">leaderweb.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly93d3cuaWJlc3QudHcvd2ViZGVzaWduLWRldGFpbC9iZWZvcmUtYnVpbGQtd2Vic2l0ZS8" target="_blank"> #43.尋找網站架設公司前必須知道的9大議題,讓你架設網站不踩雷 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">手機的裝置的普及後,響應式網站為變是現代網站的基本功能,除了電腦尺寸的切版語法之外,前端工程師還需另寫一套程式給不同尺寸裝置閱讀,而為了符合google演算法的規則, ...</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly93d3cuaWJlc3QudHcvd2ViZGVzaWduLWRldGFpbC9iZWZvcmUtYnVpbGQtd2Vic2l0ZS8" target="_blank">www.ibest.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly93d3cua2lja3VwbWVvdy5jb20vbm90aW9uLXdlYnNpdGUv" target="_blank"> #44.如何使用Notion 和Super 架設網站並自訂網址| No Code 教學 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">不懂寫程式該如何架設網站?在上一篇文章介紹了多款No Code 架設網站的工具,我想你已對架站的No Code 工具有一定了解。如果你還未曾試過建立網站, ...</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly93d3cua2lja3VwbWVvdy5jb20vbm90aW9uLXdlYnNpdGUv" target="_blank">www.kickupmeow.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly93ZWJsYWkuY28vaG93LXRvLW1ha2Utd2Vic2l0ZS8" target="_blank"> #45.如何開始架設1 個網站,並選擇最適合自己的架站方式? - WebLai </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:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly93ZWJsYWkuY28vaG93LXRvLW1ha2Utd2Vic2l0ZS8" target="_blank">weblai.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly93ZWI0dGhlbWUuY29tL2FydGljbGUvJUU3JUI2JUIyJUU5JUEwJTgxJUU4JUE4JUFEJUU4JUE4JTg4JUU1JTg1JUE1JUU5JTk2JTgwJUU2JTk1JTk5JUU1JUFEJUI4JUU2JTk1JTk5JUU0JUJEJUEwJUU1JUFGJUFCJUU0JUI4JTgwJUU1JTgwJThCJUU3JUIwJUExJUU1JTk2JUFFJUU3JTlBJTg0JUU3JUI2JUIyJUU5JUEwJTgxLmh0bWw" target="_blank"> #46.網頁設計入門教學(教你寫一個簡單的網頁) - Web4Theme </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">HTML語法非常鬆散 · 常見的HTML標籤 · 標題:h1,h2,h3,h4,h5… · 段落:p · 換行:br · 容器:div,span(用來容納其他標籤) · 表格:table,tr,td · 列表:ul,ol,li ...</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly93ZWI0dGhlbWUuY29tL2FydGljbGUvJUU3JUI2JUIyJUU5JUEwJTgxJUU4JUE4JUFEJUU4JUE4JTg4JUU1JTg1JUE1JUU5JTk2JTgwJUU2JTk1JTk5JUU1JUFEJUI4JUU2JTk1JTk5JUU0JUJEJUEwJUU1JUFGJUFCJUU0JUI4JTgwJUU1JTgwJThCJUU3JUIwJUExJUU1JTk2JUFFJUU3JTlBJTg0JUU3JUI2JUIyJUU5JUEwJTgxLmh0bWw" 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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9oYWNrbWQuaW8vQHZDXzRNazV1UnNDWkZ3WkxicHprckEvU0pwUFJUT2VaP3R5cGU9dmlldw" target="_blank"> #47.教練!我想學寫網站! - HackMD </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">Step 1: 學習HTML, CSS, JavaScript基礎語法,瞭解前端基本概念 ... 兩者特色如下:. W3School:圖文式教學、線上編譯器直接看到成果、 ...</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9oYWNrbWQuaW8vQHZDXzRNazV1UnNDWkZ3WkxicHprckEvU0pwUFJUT2VaP3R5cGU9dmlldw" 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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9rYW1hZGlhbS5jb20vd2hhdC1pcy1waHAv" target="_blank"> #48.PHP 是什麼,架設網站最適合的程式語言 - 光輝咖碼 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">PHP 已不可同日而語,過去使用PHP 開發網頁程式,就是有什麼寫什麼,程式邏輯和網頁顯示混在一起,雖然開發方便但會造成高維護成本,和難以擴充功能。</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9rYW1hZGlhbS5jb20vd2hhdC1pcy1waHAv" target="_blank">kamadiam.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9zZWxmbGVhcm5pbmdzdWNjZXNzLmNvbS9odG1sLXRhZ3Mv" target="_blank"> #49.15個常用的HTML標籤與屬性基本介紹 - 自學成功道 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">零基礎也能看得懂的HTML & CSS 網頁設計》是日本的網頁設計師為初學者寫的教學書籍,作者Mana的網站「Webクリエイターボックス」獲得日本「 Alpha Blogger ...</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9zZWxmbGVhcm5pbmdzdWNjZXNzLmNvbS9odG1sLXRhZ3Mv" target="_blank">selflearningsuccess.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9kaWMudmJpcmQudHcvd2ViZGVzaWduL21haW4yMDE3L3VuaXQwMS5waHA" target="_blank"> #50.第01 堂課- 製作第一組簡單網頁 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">千萬要注意! body 內文的縮排. 所有寫過程式的朋友大概都知道,撰寫程式時,相同的函式應該放置 ...</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9kaWMudmJpcmQudHcvd2ViZGVzaWduL21haW4yMDE3L3VuaXQwMS5waHA" target="_blank">dic.vbird.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9tb2NhdGlvbmVyLmNvbS9yd2QtdHdvLWxpbmUv" target="_blank"> #51.RWD教學-只要兩行就能輕鬆見效的實作經驗 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">大家聽到RWD(Responsive Web Design)響應式網頁設計時,沒接觸過的人會覺得聽起來好像很難,尤其看到像是職訓或專門寫程式的人開教學或講座,一堂課 ...</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9tb2NhdGlvbmVyLmNvbS9yd2QtdHdvLWxpbmUv" target="_blank">mocationer.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly93d3cubGNjbmV0LmNvbS50dy9sY2NuZXQvYXJ0aWNsZS9kZXRhaWxzLzY3Mw" target="_blank"> #52.聯成電腦網頁設計教學:不會寫語法,也能輕鬆做網站! </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">那麼,恭喜您!Webydo,會是個不錯的選擇! 您不需要寫程式語法,就能創建具有質感的網站,而且還是RWD網站(Responsive web design)。</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly93d3cubGNjbmV0LmNvbS50dy9sY2NuZXQvYXJ0aWNsZS9kZXRhaWxzLzY3Mw" target="_blank">www.lccnet.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9zdGFyZmFsbDIyLnBpeG5ldC5uZXQvYmxvZy9wb3N0LzM1MDg3NzUyMy0lRTMlODAlOTAlRTclQjYlQjIlRTklQTAlODElRTMlODAlOTElRTUlODglOUQlRTUlQUQlQjglRTglODAlODUlRTclQjAlQTElRTYlOTglOTMlRTUlODAlOEIlRTQlQkElQkElRTclQjYlQjIlRTklQTAlODElRTYlOUUlQjYlRTglQTglQUQlRTYlOTUlOTklRTUlQUQlQjglRTglODglODclRTYlQTglQTElRTYlOUQlQkY" target="_blank"> #53.【網頁】初學者簡易個人網頁架設教學與模板參考資源推薦 - 雜雜 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">在第一步的「Web入門」中,使用的網頁視覺架構都是完全自己寫的HTML。 然而要自己從頭設計HTML,不只要安排好比例結構、調色、風格等,如果要有更進一步的 ...</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9zdGFyZmFsbDIyLnBpeG5ldC5uZXQvYmxvZy9wb3N0LzM1MDg3NzUyMy0lRTMlODAlOTAlRTclQjYlQjIlRTklQTAlODElRTMlODAlOTElRTUlODglOUQlRTUlQUQlQjglRTglODAlODUlRTclQjAlQTElRTYlOTglOTMlRTUlODAlOEIlRTQlQkElQkElRTclQjYlQjIlRTklQTAlODElRTYlOUUlQjYlRTglQTglQUQlRTYlOTUlOTklRTUlQUQlQjglRTglODglODclRTYlQTglQTElRTYlOUQlQkY" target="_blank">starfall22.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9mcmFua2tub3cuY29tL3dlYnNpdGUtYnVpbGQtdGVhY2gv" target="_blank"> #54.如何架設網站?完整網頁設計+製作流程教學(2023) - 犬哥網站 </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:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9mcmFua2tub3cuY29tL3dlYnNpdGUtYnVpbGQtdGVhY2gv" target="_blank">frankknow.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9nbGludHMuY29tL3R3L2Jsb2cvYm9vdHN0cmFwLXR1dG9yaWFsLw" target="_blank"> #55.【Bootstrap 教學】網頁設計小白也能輕鬆駕馭 - Glints </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">請依序將這些jQuery、Popper.js、和Bootstrap檔案放在JavaScript的函式庫之前,同理,如果你有另外寫自己的JavaScript檔案,應該放在它們之後。 implied ...</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9nbGludHMuY29tL3R3L2Jsb2cvYm9vdHN0cmFwLXR1dG9yaWFsLw" target="_blank">glints.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9kZXZzLnR3L3Bvc3QvNjI" target="_blank"> #56.自學網頁の嬰兒教材:第1課 HTML 輕入門– Devs.tw </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">共有HTML, CSS, JavaScript三塊可以寫,先只要寫HTML就好。 ... 把教學裡面的HTML程式碼,貼到jsfiddle 裡面的HTML 區域,貼好之後按上面的RUN 按鈕,就會在右下角的Result ...</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9kZXZzLnR3L3Bvc3QvNjI" target="_blank">devs.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly93d3cudGhlbmV3c2xlbnMuY29tL2FydGljbGUvOTI2MTA" target="_blank"> #57.sheet2site教學:用Google試算表架出一個速成網站,免寫程式 </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:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly93d3cudGhlbmV3c2xlbnMuY29tL2FydGljbGUvOTI2MTA" target="_blank">www.thenewslens.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly93d3cuYWRvYmUuY29tL3R3L3Byb2R1Y3RzL2RyZWFtd2VhdmVyLmh0bWw" target="_blank"> #58.網站設計軟體| Adobe Dreamweaver </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">透過支援HTML、CSS、JavaScript 等的Adobe Dreamweaver 回應式網頁設計軟體,讓您幾乎在任何地方都能快速建立和發佈網頁。</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly93d3cuYWRvYmUuY29tL3R3L3Byb2R1Y3RzL2RyZWFtd2VhdmVyLmh0bWw" target="_blank">www.adobe.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9hc2QwOTYxMjk2OTIwLnBpeG5ldC5uZXQvYmxvZy9wb3N0LzMyMzA1MjI4MA" target="_blank"> #59.[網頁設計教學]剛入門的新手要用什麼編輯器工具來寫網頁才好? </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:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9hc2QwOTYxMjk2OTIwLnBpeG5ldC5uZXQvYmxvZy9wb3N0LzMyMzA1MjI4MA" target="_blank">asd0961296920.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cDovL3dpa2kucHl0aG9uLm9yZy50dy9QeXRob24vJUU3JUFDJUFDJUU0JUI4JTgwJUU2JUFDJUExJUU1JUFGJUFCV2ViJUU1JUIwJUIxJUU0JUI4JThBJUU2JTg5JThC" target="_blank"> #60.Python/第一次寫Web就上手 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">如何開始寫網站應用程式(Web Application) · 沒有廢話直接開始 · 有名的Python 網站框架 · 相對小眾的Python 網站框架 · 有名的一行文Python Web Server · 別忘了學會問問題、 ...</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cDovL3dpa2kucHl0aG9uLm9yZy50dy9QeXRob24vJUU3JUFDJUFDJUU0JUI4JTgwJUU2JUFDJUExJUU1JUFGJUFCV2ViJUU1JUIwJUIxJUU0JUI4JThBJUU2JTg5JThC" target="_blank">wiki.python.org.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9zb29ub3Rlcy5jb20vaG93LXRvLWRlc2lnbi13ZWJzaXRlLw" target="_blank"> #61.[網頁設計教學]想製作精美的網站其實沒想像中那麼難? </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">可是大多數人的印象卻停留在部落格只是在網上寫寫自己的生活日誌,然後透過Google廣告來賺取一些廣告費而已。 加上現代人都紛紛轉向社交媒體平台了,畢竟 ...</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9zb29ub3Rlcy5jb20vaG93LXRvLWRlc2lnbi13ZWJzaXRlLw" target="_blank">soonotes.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cDovL2ppbmppbi5tZXBvcGVkaWEuY29tL35qaW5qaW4vd2Qvd2QtaHcwMS5odG1s" target="_blank"> #62.作業一解析HTML-CSS基礎概念練習-歌詞篇 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">網頁 設計,教學網站,Web Design,中國科大,視傳系. ... 網頁先由單純的html與css出發,希望大家回去能反覆練習,自己寫出html及css語法的簡單網頁,這樣未來在做網頁 ...</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cDovL2ppbmppbi5tZXBvcGVkaWEuY29tL35qaW5qaW4vd2Qvd2QtaHcwMS5odG1s" target="_blank">jinjin.mepopedia.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly93d3cuY2hpY2twdC5jb20udHcvam9iLUszTjBPZUxPSzFyYg" target="_blank"> #63.網頁前端教學Javascript/HTML/CSS - 許先生- 地點不拘打工職缺 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">【幫忙事項】:線上前端教學(HTML/CSS/Javascript),尋求有經驗的軟體工程師教導寫網站。教學內容可以討論後一起決定課綱。單次課程一小時1000【注意 ...</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly93d3cuY2hpY2twdC5jb20udHcvam9iLUszTjBPZUxPSzFyYg" target="_blank">www.chickpt.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly93d3cuZGEtdmluY2kuY29tLnR3L3R3L2Jsb2cvd2ViLWRlc2lnbi1zb2Z0d2FyZQ" target="_blank"> #64.我想進行網頁製作,該用甚麼網頁設計軟體? - 達文西數位科技 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">具備能力:html程式撰寫、CSS撰寫、RWD設計能力、javaScript程式撰寫、解決網站相容性、溝通能力… 網頁設計軟體: Visual Studio Code、Notepad++、 ...</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly93d3cuZGEtdmluY2kuY29tLnR3L3R3L2Jsb2cvd2ViLWRlc2lnbi1zb2Z0d2FyZQ" target="_blank">www.da-vinci.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly93d3cubmV3c2Nhbi5jb20udHcvYWxsLWZhcS9mYXEtZGV0YWlsLTMuaHRt" target="_blank"> #65.什麼是HTML?網頁設計概念,開始使用HTML製作網頁 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">HTML是一種網頁使用的語言,是一種描述超文件的註記語言SGML(Standard ... CGI、Perl和PHP程式語言-雖然您可能不會馬上用CGI、Perl和PHP寫網站,但您將來也許會用到, ...</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly93d3cubmV3c2Nhbi5jb20udHcvYWxsLWZhcS9mYXEtZGV0YWlsLTMuaHRt" target="_blank">www.newscan.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9naXN0LmdpdGh1Yi5jb20vcmVzbmljazEyMjMvYjE4MDE4ZWNkZmZkNmUyZjlmZjI" target="_blank"> #66.前端工程初學者的參考書籍整理 - GitHub Gist </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">自動調適型網頁程式設計. 老書,日本人寫的,完全由CSS打造一個RWD網頁,想搞懂RWD背後原理自己從頭實作的話,看這本是很不錯的。</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9naXN0LmdpdGh1Yi5jb20vcmVzbmljazEyMjMvYjE4MDE4ZWNkZmZkNmUyZjlmZjI" target="_blank">gist.github.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly93d3cuZXp0cnVzdC5jb20udHcvd2ViZGVzaWduL0MvMTE" target="_blank"> #67.Visual Studio 中建立Web 網頁的介面操作教學 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">提供程式開發者在開發網站時,想要建立網站的專案的操作教學,必要條件必須有: Visual Studio 或Visual Web Developer.</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly93d3cuZXp0cnVzdC5jb20udHcvd2ViZGVzaWduL0MvMTE" target="_blank">www.eztrust.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9tdGFjaGUuY29tL3dlYi1kZXNpZ24tdHV0b3JpYWw" target="_blank"> #68.寫網頁教學課程20215個章節, 從零學習網頁設計 - 鬍子科技學院 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">這篇「寫網頁課程2021 」,將會分開5個章節,由基本概念,架站方法到編程學習路徑等,讓你從零開始,好好去學習網頁設計。</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9tdGFjaGUuY29tL3dlYi1kZXNpZ24tdHV0b3JpYWw" target="_blank">mtache.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly93ZWItZGVzaWduLnZpcC9nb29nbGUtc2l0ZXMuaHRtbA" target="_blank"> #69.【Google Sites協作平台】教學、模版與費用|一篇你就都懂了 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">使用Google Site協作平台網站建置的好處呢? 不需要寫程式就能建置網站,任何人都可以快速上手。 響應式網站,不放過任何裝置, ...</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly93ZWItZGVzaWduLnZpcC9nb29nbGUtc2l0ZXMuaHRtbA" target="_blank">web-design.vip</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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9jcmVhdGl2ZWNvZGluZy5pbi8yMDIxLzA2LzMwLyVFOSU4NyU4MCVFOSU4MCVBMCVFNCVCOCU4MCVFOSU5NiU4MCVFNyVCNSU5MCVFNSU5MCU4OCVFNyVCNiVCMiVFOSVBMCU4MS0lRTglQTglQUQlRTglQTglODgtJUU2JTk1JUI4JUU1JUFEJUI4JUU4JTg4JTg3JUU3JTg5JUI5JUU2JTk1JTg4JUU3JTlBJTg0JUU3JUI3JTlBJUU0JUI4JThBJUU3JUE4JThCJUU1JUJDJThGJUU4JUFBJUIyJUU3JUE4JThCLw" target="_blank"> #70.釀造一門結合網頁、設計、數學與特效的線上程式課程 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">本篇文章撰寫於2018/09/20,互動藝術家吳哲宇寫下製作完第二門線上課程之後的心得,自教育環境背景開始爬梳,立願將數學與科學之美與設計美感結合,並 ...</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9jcmVhdGl2ZWNvZGluZy5pbi8yMDIxLzA2LzMwLyVFOSU4NyU4MCVFOSU4MCVBMCVFNCVCOCU4MCVFOSU5NiU4MCVFNyVCNSU5MCVFNSU5MCU4OCVFNyVCNiVCMiVFOSVBMCU4MS0lRTglQTglQUQlRTglQTglODgtJUU2JTk1JUI4JUU1JUFEJUI4JUU4JTg4JTg3JUU3JTg5JUI5JUU2JTk1JTg4JUU3JTlBJTg0JUU3JUI3JTlBJUU0JUI4JThBJUU3JUE4JThCJUU1JUJDJThGJUU4JUFBJUIyJUU3JUE4JThCLw" target="_blank">creativecoding.in</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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly93d3cuY2FkaWlzLmNvbS50dy9ibG9nL3dlYi1kZXNpZ24tY29kaW5n" target="_blank"> #71.常用的網頁設計程式語言有哪些?網站前端後端程式怎麼區分? </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">網頁 設計常用的前端程式語言有哪些? JavaScript - 前端互動程式; jQuery - JavaScript函式庫; CSS - 樣式語言; Sass - 程式化CSS. 學習RWD響應 ...</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly93d3cuY2FkaWlzLmNvbS50dy9ibG9nL3dlYi1kZXNpZ24tY29kaW5n" target="_blank">www.cadiis.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly93d3cudHNnLmNvbS50dy9ibG9nLWRldGFpbDEwNi1qYXZhLXNjcmlwdC5odG0" target="_blank"> #72.JavaScript是什麼?讓網站能互動的JavaScript基本介紹 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">JavaScript是一種腳本、事件驅動的程式語言,一般簡稱JS,它支援物件導向程式設計、指令編程以及函式語言程式設計,它讓網站中出現較為複雜的功能, ...</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly93d3cudHNnLmNvbS50dy9ibG9nLWRldGFpbDEwNi1qYXZhLXNjcmlwdC5odG0" target="_blank">www.tsg.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly90dy5zdHJpa2luZ2x5LmNvbS9jb250ZW50L2Jsb2cvZHJlYW13ZWF2ZXIv" target="_blank"> #73.比Dreamweaver 更簡單好用的可視化網頁製作軟體 - Strikingly </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">1、Frontpage. Frontpage是由Microsoft推出的一款網頁製作軟體,因此,只要你可以熟練地使用Word,那麼在你使用它寫網頁程式時就會比較容易上手。 · 2、 ...</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly90dy5zdHJpa2luZ2x5LmNvbS9jb250ZW50L2Jsb2cvZHJlYW13ZWF2ZXIv" target="_blank">tw.strikingly.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9lenN0YXJ0dXAuY2Mvd2Vic2l0ZS1kZXNpZ24tZ3VpZGVsaW5lcy5odG1s" target="_blank"> #74.公司架網站一人就搞定!17大【網頁設計、網站架設】主題教學 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">全球市佔40%、超過7億5千萬都是WORDPRESS網頁設計的網站又是什麼呢? ... 是指在現有的套版版型架構准許下,透過寫程式(CSS、Javascript), ...</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9lenN0YXJ0dXAuY2Mvd2Vic2l0ZS1kZXNpZ24tZ3VpZGVsaW5lcy5odG1s" target="_blank">ezstartup.cc</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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9pdGhlbHAuaXRob21lLmNvbS50dy9hcnRpY2xlcy8xMDIyODcwOA" target="_blank"> #75.史上最完整的新手網頁入門學習地圖 - iT 邦幫忙 </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:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9pdGhlbHAuaXRob21lLmNvbS50dy9hcnRpY2xlcy8xMDIyODcwOA" 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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9teS1iZXN0LnR3LzExNjMyNA" target="_blank"> #76.【2023最新】十大HTML書推薦排行榜 - mybest </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">如果沒有即使掌握最新資訊,便可能會在撰寫程式時遇到無法理解的bug,進而寫不出其他人能做到的效果,或是在與工程師的溝通時出現障礙。有鑑於此,可多 ...</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9teS1iZXN0LnR3LzExNjMyNA" target="_blank">my-best.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9zaGFyaW5nLnRjaW5jdWJhdG9yLmNvbS8lRTMlODAlOTAlRTclQjYlQjIlRTklQTAlODElRTglQTglQUQlRTglQTglODglRTMlODAlOTElRTYlODMlQjMlRTUlQUQlQjglRTUlQUYlQUIlRTclQjYlQjIlRTklQTAlODElRTUlOEQlQkIlRTclODQlQTElRTUlQkUlOUUlRTQlQjglOEIlRTYlODklOEIlRTUlOTclOEUlRUYlQkMlOUYlRTUlQUUlOEMlRTYlOTUlQjQlRTclQjYlQjIlRTklQTAlODEv" target="_blank"> #77.【網頁設計】想學寫網頁卻無從下手嗎?完整網頁開發教學(上) </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">例如你看到的文字,圖片,美麗的排版等等,通通都是前台(Frontend),主要由3種編程語言組成:HTML、CSS、Javascript。 後台(Backend)就是網頁的功能。</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9zaGFyaW5nLnRjaW5jdWJhdG9yLmNvbS8lRTMlODAlOTAlRTclQjYlQjIlRTklQTAlODElRTglQTglQUQlRTglQTglODglRTMlODAlOTElRTYlODMlQjMlRTUlQUQlQjglRTUlQUYlQUIlRTclQjYlQjIlRTklQTAlODElRTUlOEQlQkIlRTclODQlQTElRTUlQkUlOUUlRTQlQjglOEIlRTYlODklOEIlRTUlOTclOEUlRUYlQkMlOUYlRTUlQUUlOEMlRTYlOTUlQjQlRTclQjYlQjIlRTklQTAlODEv" target="_blank">sharing.tcincubator.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9kc2Vuc2ouY29tL2Jsb2cvJUU3JUI2JUIyJUU5JUEwJTgxJUU4JUE4JUFEJUU4JUE4JTg4JUU4JUJCJTlGJUU5JUFCJTk0Lw" target="_blank"> #78.2020網頁設計軟體有哪些?推薦15個免費和付費的網頁製作軟體 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">那麼寫程式軟體有哪些呢? 此外寫html 工具有: Adobe Dreamweaver、BlueGriffon、OpenPen 和Aptana Studio。 最佳線上網頁設計軟體.</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9kc2Vuc2ouY29tL2Jsb2cvJUU3JUI2JUIyJUU5JUEwJTgxJUU4JUE4JUFEJUU4JUE4JTg4JUU4JUJCJTlGJUU5JUFCJTk0Lw" target="_blank">dsensj.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly8yMDE3LmF3aWNsYXNzLm1vbm9hbWUuY29tL3Byb2ovMi83NzU2NDQ0MDI2MDc5NDM" target="_blank"> #79.Project.1 使用html/css撰寫一份自己的網頁履歷 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">Hahow 動畫互動網頁程式/ 特效入門 ... 作品精選 · Project.1 使用html/css撰寫一份自己的網頁履歷 · Project.2 在網頁寫一座美麗城市 · Project.3 做一個摩斯密碼翻譯 ...</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly8yMDE3LmF3aWNsYXNzLm1vbm9hbWUuY29tL3Byb2ovMi83NzU2NDQ0MDI2MDc5NDM" target="_blank">2017.awiclass.monoame.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly93d3cucHR0LmNjL2Jicy9XZWJfRGVzaWduL00uMTIxNTg2OTg2NC5BLkMzRS5odG1s" target="_blank"> #80.[心得]給網頁初心者一篇文章- 看板Web_Design - 批踢踢實業坊 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">接著開始試著去學使用JQuery JQuery的基本教學可以 ... TonyQ:學網頁語法開始寫網頁後隔了起碼一年吧,css也是隔了半年後 07/12 22:17.</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly93d3cucHR0LmNjL2Jicy9XZWJfRGVzaWduL00uMTIxNTg2OTg2NC5BLkMzRS5odG1s" target="_blank">www.ptt.cc</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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9qdW5lLm1vbnN0ZXIvd2ViLWRldmVsb3BtZW50Lw" target="_blank"> #81.Web Development 網站開發- 從零開始如何學起? - June Monster </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">寫這篇文章的時候,網站開發的生態圈已經是非常複雜。前端、後端、伺服器、Javascript、React、Angular、Vue、NodeJS... 太多專有名詞也太多標準,沒 ...</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9qdW5lLm1vbnN0ZXIvd2ViLWRldmVsb3BtZW50Lw" target="_blank">june.monster</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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cDovL25ja3VhY2MuZ2l0aHViLmlvL2xhc3R3b3JrLw" target="_blank"> #82.個人網頁模版教學- CSS </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">這個網站純粹教大家怎麼套用模版,在最短時間完成靜態個人網頁,不會深入討論到HTML、CSS、Javascript要怎麼寫,目標是把網站架到GITHUB或是成大提供的個人網站空間上 ...</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cDovL25ja3VhY2MuZ2l0aHViLmlvL2xhc3R3b3JrLw" target="_blank">nckuacc.github.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9sZWFybm1vcmUuY29tLmhrLyVFNyVCNiVCMiVFOSVBMCU4MSVFOCVBOCVBRCVFOCVBOCU4OCVFNSU4NSVBNSVFOSU5NiU4MCVFOCVBQSVCMiVFNyVBOCU4Qi0lRTMlODAlOEM3JUU2JUFEJUE1JUU2JTg4JTkwd2ViJUUzJTgwJThELw" target="_blank"> #83.網頁設計入門課程【7步成Web】 - - 點止學嘢 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">想找寫網頁課程?6小時「7步成Web」網頁設計入門課程是專為香港中小企而設計的寫網頁課程,保證你極速學會!送120分鐘免費教學。WordPress課程設計以實戰為主, ...</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9sZWFybm1vcmUuY29tLmhrLyVFNyVCNiVCMiVFOSVBMCU4MSVFOCVBOCVBRCVFOCVBOCU4OCVFNSU4NSVBNSVFOSU5NiU4MCVFOCVBQSVCMiVFNyVBOCU4Qi0lRTMlODAlOEM3JUU2JUFEJUE1JUU2JTg4JTkwd2ViJUUzJTgwJThELw" target="_blank">learnmore.com.hk</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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9ibG9nLmVkdW1lbWUub3JnLzIwMTEvMDUvaHRtbC5odG1s" target="_blank"> #84.HTML 簡易教學 - Meme -- 教學與反省 </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:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9ibG9nLmVkdW1lbWUub3JnLzIwMTEvMDUvaHRtbC5odG1s" target="_blank">blog.edumeme.org</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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9tYWtlOS50dy9zdGFydHVwL2VudHJlcHJlbmV1ci8lRTYlODglOTElRTglQTYlODElRTglODclQUElRTUlQjclQjElRTUlODElOUElRTclQjYlQjIlRTclQUIlOTklRUYlQkMlOEMlRTglQTYlODElRTclOTQlQTglRTQlQkIlODAlRTklQkElQkMlRTglQkIlOUYlRTklQUIlOTQlRTQlQkUlODYlRTglQTMlQkQlRTQlQkQlOUMlRUYlQkMlOUYv" target="_blank"> #85.我要自己做網站,要用什麼軟體來製作? </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">1.1 新手做網站,大家都推Adobe Dreamweaver? · 1.2 FontPage · 1.3 Sublime Text3 · 1.4 VSCODE ( Visual Studio Code ) · 1.5 NetBeans IDE · 1.6 除了 ...</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9tYWtlOS50dy9zdGFydHVwL2VudHJlcHJlbmV1ci8lRTYlODglOTElRTglQTYlODElRTglODclQUElRTUlQjclQjElRTUlODElOUElRTclQjYlQjIlRTclQUIlOTklRUYlQkMlOEMlRTglQTYlODElRTclOTQlQTglRTQlQkIlODAlRTklQkElQkMlRTglQkIlOUYlRTklQUIlOTQlRTQlQkUlODYlRTglQTMlQkQlRTQlQkQlOUMlRUYlQkMlOUYv" target="_blank">make9.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly8zY3NpbG8uY29tL2hvdy10by1idWlsZC1hLXdlYnNpdGUv" target="_blank"> #86.網頁製作教學|網站架設平台+ WordPress 《2023更新圖影》 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">另外Bluehost 也是被WordPress 官方公認是最佳的主機商之一。 這是Jordan個人對Bluehost 所寫的一篇評價文,文中包含它所有的優缺點以及使用心得: ...</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly8zY3NpbG8uY29tL2hvdy10by1idWlsZC1hLXdlYnNpdGUv" target="_blank">3csilo.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9zaW11bGFyLmNvL3Jlc291cmNlcy90eXBlL3R1dG9yaWFscy5odG1s" target="_blank"> #87.網頁設計資源彙整 - 夏木樂 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">網頁 設計資源彙整,給您最完整的網頁設計工具. ... 一個專門提供各類專領域線上教學的平台,其中也包含Computer Programming 的系列課程,有不少前端程式的教學。</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9zaW11bGFyLmNvL3Jlc291cmNlcy90eXBlL3R1dG9yaWFscy5odG1s" 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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9vcGVuc291cmNlZG9jLmNvbS93ZWItcHJvZ3JhbW1pbmcvaHRtbC1wcmltZXIv" target="_blank"> #88.[網頁設計] 教學:HTML 入門教學| 開源技術教學網 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">現在不會有網站只用HTML 來寫網頁,都會搭配一些CSS 樣式表來美化網頁。 由於HTML 本身是用來呈現靜態頁面的標籤,沒有程式邏輯的部分,會比真正的 ...</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9vcGVuc291cmNlZG9jLmNvbS93ZWItcHJvZ3JhbW1pbmcvaHRtbC1wcmltZXIv" target="_blank">opensourcedoc.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly93d3cud2liaWJpLmNvbS9pbmZvLnBocD90aWQ9NjQ" target="_blank"> #89.撰寫第一個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:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9iaXRzcnVzaC5jb20vemgtaGFudC8" target="_blank"> #90.免費網頁製作平台經驗分享+製作網頁教學 </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:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9iaXRzcnVzaC5jb20vemgtaGFudC8" target="_blank">bitsrush.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly93d3cudWRlbXkuY29tL2NvdXJzZS9odG1sNS1jc3MzLXov" target="_blank"> #91.2022網頁開發全攻略(HTML, CSS, JavaScript, React ... - Udemy </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:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly93d3cudWRlbXkuY29tL2NvdXJzZS9odG1sNS1jc3MzLXov" target="_blank">www.udemy.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly93d3cucGNzY2hvb2wuY29tLnR3L2Jsb2cvZGVzaWduZXIvd2Vic2l0ZS1kZXNpZ25lci1ndWlkZQ" target="_blank"> #92.網頁設計教學懶人包:網站設計範例與軟體比較全攻略! </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:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly93d3cucGNzY2hvb2wuY29tLnR3L2Jsb2cvZGVzaWduZXIvd2Vic2l0ZS1kZXNpZ25lci1ndWlkZQ" target="_blank">www.pcschool.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly93d3cuaGV4c2Nob29sLmNvbS8" target="_blank"> #93.六角學院: 帶你學到會的線上課程 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">寫程式 ? 課程專為無背景新手所設計. 淺顯易懂. 系統性教學. 超過5,000 則真實評價 ... 我想學網頁設計 . 新手設計包,帶你學會網頁排版,讓你上架網頁在伺服器上。</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly93d3cuaGV4c2Nob29sLmNvbS8" target="_blank">www.hexschool.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly93ZWxseS50dy9zZXJwLXJhbmstb3B0aW1pemF0aW9uL3doYXQtaXMtcndkLWFuZC1ob3ctdG8tdXNl" target="_blank"> #94.RWD是什麼?響應式CSS怎麼寫?5分鐘快速指南! - Welly SEO </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">CSS因為能在同一個HTML的文本當中解決不同螢幕寬度這項問題,所以成為響應式網頁設計中很重要的程式語言。 Ethan Marcotte的這套觀點在2012年被《.net 雜誌》列為頂級網頁 ...</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly93ZWxseS50dy9zZXJwLXJhbmstb3B0aW1pemF0aW9uL3doYXQtaXMtcndkLWFuZC1ob3ctdG8tdXNl" target="_blank">welly.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9pbWpheWxpbi5jb20vdG9wNy13ZWJzaXRlLw" target="_blank"> #95.全球7大最受歡迎的免費網頁製作平台,架設網站超 ... - 創億學堂 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">Wix 是一個全球享譽盛名的建站工具之一,除了有眾多功能可以使用之外,還提供操作教學影片。Wix 曾經一天就有3 萬以上的新用戶註冊,它的實用性跟便利性 ...</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9pbWpheWxpbi5jb20vdG9wNy13ZWJzaXRlLw" target="_blank">imjaylin.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly93d3cueHVlbWkuY28vcG9zdHMvYzI4YjM5YTktODYyYS00OGI0LThmNTMtZmJiOTUyMjRkNGQw" target="_blank"> #96.網頁設計師不寫code的新選擇: Webflow 與Wordpress、Wix ... </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">在網頁客製化方面, Webflow 有一個HTML、CSS 網站編輯器,只要學會使用編輯器,就會自動生成程式碼,而Wix 不需要任何代碼來創建網站,是使用拖曳方式 ...</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly93d3cueHVlbWkuY28vcG9zdHMvYzI4YjM5YTktODYyYS00OGI0LThmNTMtZmJiOTUyMjRkNGQw" target="_blank">www.xuemi.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/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9iZXN0aG9zdGluZ3R3LmNvbS9ob3ctdG8tc3RydWN0dXJlLXlvdXItd2Vic2l0ZS8" target="_blank"> #97.如何架設網站?了解網頁架設8個階段【新手教學】 </a> </h6> <div class="entry-meta meta-1 font-x-small color-grey mt-10"> <span class="post-on">什麼模板最好; HTML、CSS和Javascript的初學者教學; 適合初學者的網站平台; 響應式設計. 從頭到尾閱讀整個內容, ...</span> <span class="post-on">於 <a style='color:#ca722f' href="/exit/%E5%AF%AB%E7%B6%B2%E9%A0%81%E6%95%99%E5%AD%B8/aHR0cHM6Ly9iZXN0aG9zdGluZ3R3LmNvbS9ob3ctdG8tc3RydWN0dXJlLXlvdXItd2Vic2l0ZS8" target="_blank">besthostingtw.com</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/voip">voip</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 async src="https://api-search.juksy.com/js/url_list.php?s=fb_re&m=fb_re&c=202406&w=2000&id=juksy1"></script> <script async src="https://api-search.juksy.com/js/url_list.php?s=fb_re&m=fb_re&c=202406&w=2000&id=juksy2"></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(); })(); } }