快速檢視本地端靜態網頁的方法Python -m SimpleHTTPServer

by | 3 月 9, 2015 | HTML+CSS, 網路應用

之前都沒有人跟我說，原來在本地端開啟網頁伺服器有這樣一個超級簡單的方法，只要你有安裝好Python（Mac OS本來就有，不用安裝），想要在自己的個人電腦上開一個網頁伺服器，居然只要這樣一個指令：python -m SimpleHTTPServer頂多在後面再指定一個連接用的埠號：python -m SimpleHTTPServer 8001，一切都非常容易。

YouTube影片匯整網頁模版原始碼簡要解說

by | 12 月 28, 2014 | HTML+CSS, JavaScript Frameworks

這篇文章，我們針對前一篇文章所介紹的Youtube影片匯整網頁範本的程式內容加以解說，讓初學Javascript和jQuery的朋友，可以藉由瞭解檔案的組成內容，大致可以知道如何運用這個範本，以及如果自己有興趣設計類似的網站時，該從何開始。我們在這個網站使用陣列來儲存影片資料，如果要進一步運用，後續也可以考慮使用JSON來儲存另外一個資料檔案。

使用Sublime Text及PSPad來編輯遠端網頁

by | 12 月 24, 2014 | HTML+CSS

在以往，文字編輯器的同義詞就是陽春，就像是Windows附贈的記事本一樣，不僅字型難看，還沒有辦法好好地縮排，更不用說可以讓一些關鍵字用不同的顏色和亮度呈現了。但是，基於撰寫程式碼的需求，文字編輯器的加強版推陳出新，而且都是可以免費使用的，非常地方便。比較常被別人拿來使用的，包括NotePad++, PSPad, 以及我們今天要介紹的主角Sublime Text，都非常受到歡迎。在本文，我們要介紹PSPad和Sublime Text如何設定用來編輯遠端的網頁檔案。

在網頁或文章中顯示程式原始碼

by | 12 月 23, 2014 | HTML+CSS, 未分類

不知道大家有沒有這種機會，但是何老師經常會在網頁文章中分享一些程式碼，由於程式碼不同於一般網頁的排版，所以如果直接寫在文章中會非常地不好看，因此需要有另外的排版方式。在這篇文章中，我們會教大家一個好用的WordPress程式碼高亮度顯示外掛，以及一個通用的轉換網站Hilite.me。