這篇文章會說明如何透過jQuery和JavaScript來做網友有無填寫資料的簡單判斷，沒有的話游標會自動跳到尚未填寫的核取方框，並且不送出表...
2015年4月28日
2015年4月27日
2015年4月26日
2015年4月20日
jQuery學習筆記 第八堂-2（單頁式網頁設計：mousewheel功能）
前陣子可以看到許多單頁式網頁的設計，單頁式網頁就是在一頁裡面把所有要傳達的訊息都傳達完，而網友可以透過捲動捲軸的方式，讓網頁產生類似輪撥的效果。
本堂課主要是延續上一篇jQuery學習筆記 第八堂-1，這次加入了mousewheel的效果後，可以產生一次轉動一頁的效果，點這裡看結果...
2015年4月19日
[教學] jQuery學習筆記 第八堂-1（單頁式網頁設計：浮動導覽列垂直置中）
前陣子可以看到許多單頁式網頁的設計，單頁式網頁就是在一頁裡面把所有要傳達的訊息都傳達完，而網友可以透過捲動捲軸的方式，讓網頁產生類似輪撥的效果。
本堂課完成的結果就像這...
2015年4月18日
如何利用Bootstrap的標籤（Tabs）和導覽列（Navigation Bar）
這篇文章主要是最為我學習Bootstrap的一些筆記整理，把每次修改的地方用顏色標記，方便閱讀，所有的code都來自W3Schools和Bootstrap官方網站的教學。...
2015年4月16日
[教學] PHP & MySQL 學習筆記 第13堂（留言板建置：後台設計）
非常抱歉，關於部落格內 PHP 的部分目前已經停止維護，因本人已經很久沒有寫 PHP ，且文章中所使用的 PHP 版本偏舊，希望有心學習 PHP 的朋友們，可以參考 Codecademy 的課程，或近一步嘗試 Laravel 這個 PHP 框架（可透過 laracasts 學習），若有找不到錯的學習資源也歡迎在留言串分享，方便有需要的人能夠有更多學習的管道！
在這一堂課我們要練習建立一個留言板系統，同時包含它的前台（網友看到的部分）和後台（管理者看到的部分）
以下是這堂課的結果：
自製留言板...
[教學] PHP & MySQL 學習筆記 第13堂（留言板建置：前台設計）
非常抱歉，關於部落格內 PHP 的部分目前已經停止維護，因本人已經很久沒有寫 PHP ，且文章中所使用的 PHP 版本偏舊，希望有心學習 PHP 的朋友們，可以參考 Codecademy 的課程，或近一步嘗試 Laravel 這個 PHP 框架（可透過 laracasts 學習），若有找不到錯的學習資源也歡迎在留言串分享，方便有需要的人能夠有更多學習的管道！
在這一堂課我們要練習建立一個留言板系統，同時包含它的前台（網友看到的部分）和後台（管理者看到的部分），這堂課主要是著重在前台設計的部分。
以下是這堂課的結果：
自製留言板...
2015年4月15日
[筆記] CSS垂直置中的方法
在學習網頁排版的過程中，置中（不論垂直或水平）一直是個相當麻煩的事，關於CSS中置中的方式，網路上可以找到非常多，這裡的整理算是我自己的一個筆記吧，如果內容有問題在麻煩告知。
以下是之後示範中 HTML Body 的部分：
<div class="outer">
<div class="inner">
<p>要置中的內容</p>
</div>
</div>
後面則是搭配上不同的CSS作為展示。
文字的垂直置中方法
flex（推薦）
Flex...
2015年4月13日
2015年4月12日
[筆記] 計算網頁底部位置，當網頁達到底部時才產生效果─jQuery
有時候，在寫jQuery的時候，我們會希望有些效果是當網友卷到網頁底部時才產生，例如像是有些網頁提供「向下鍵」讓網友點選，可是當到了頁底的時候，我們希望這個向下鍵能夠消失，到底要怎麼樣計算網頁底部的位置來達到這樣的效果呢...
2015年4月8日
[教學] PHP & MySQL 學習筆記 第12堂（資料庫建置：設定呈現於頁面的資料筆數）
非常抱歉，關於部落格內 PHP 的部分目前已經停止維護，因本人已經很久沒有寫 PHP ，且文章中所使用的 PHP 版本偏舊，希望有心學習 PHP 的朋友們，可以參考 Codecademy 的課程，或近一步嘗試 Laravel 這個 PHP 框架（可透過 laracasts 學習），若有找不到錯的學習資源也歡迎在留言串分享，方便有需要的人能夠有更多學習的管道！
在這一堂課我們同樣會沿用「 PHP & MySQL 學習筆記 第八堂（phpMyAdmin資料庫建置並呈現於網頁）」所使用的資料庫，這次除了練習將資料庫的資料呈現於網頁上外，也要練習設定每次可以呈現的資料筆數。...
2015年4月3日
[教學] PHP & MySQL 學習筆記 第11堂（資料庫建置：資料庫排序並於網頁呈現）
非常抱歉，關於部落格內 PHP 的部分目前已經停止維護，因本人已經很久沒有寫 PHP ，且文章中所使用的 PHP 版本偏舊，希望有心學習 PHP 的朋友們，可以參考 Codecademy 的課程，或近一步嘗試 Laravel 這個 PHP 框架（可透過 laracasts 學習），若有找不到錯的學習資源也歡迎在留言串分享，方便有需要的人能夠有更多學習的管道！
在這一堂課我們同樣會沿用「 PHP & MySQL 學習筆記 第八堂（phpMyAdmin資料庫建置並呈現於網頁）」所使用的資料庫，這次則是練習將資料庫作排序的動作。
點這裡可以看到這堂課的結果。...
[教學] PHP & MySQL 學習筆記 第十堂（PHP MyAdmin帳號密碼管理）
非常抱歉，關於部落格內 PHP 的部分目前已經停止維護，因本人已經很久沒有寫 PHP ，且文章中所使用的 PHP 版本偏舊，希望有心學習 PHP 的朋友們，可以參考 Codecademy 的課程，或近一步嘗試 Laravel 這個 PHP 框架（可透過 laracasts 學習），若有找不到錯的學習資源也歡迎在留言串分享，方便有需要的人能夠有更多學習的管道！
在這一堂課我們暫時不會用到資料庫，而是說明可以如何去管理我們的帳號密碼。...