網頁設計HTML5、CSS3學習目錄
靜態網頁產生器Static Site Generator
Static Site Generators — Top Open Source SSGs | Jamstack
開源SSG列表
Top 5 Static Site Generators in 2022 (and When to Use Them)
介紹什麼是Static Site Generator
Publii | Static Site Generator with GUI to build a fast SEO-friendly website
Publii是一個靜態網頁產生器,運作速度還蠻快的。主要功能是產生一個基於HTML+CSS+JS的靜態網頁部落格,使用上相當方便,支援直接佈署到FTP、GitHubPages、AWS、Google Cloud等平台
HTML
如何將Google GA的JS追蹤代碼(Script)貼到多個不同頁面中?
How To Create Your Google Custom Search Form?
如何將亂碼的PHP網站(big5格式)轉換成能正常顯示的網頁(UTF-8格式)?
CSS
CSS的選擇器
1. ID selector(#p1):
<style>
#p1 {color:green; font-weight:bold;}
</style>
<body>
<p id="p1">Hello World 1</p>
</body>
2. Class selector(.header):
<style>
.header {background:violet;}
</style>
<body>
<table>
<tr class="header">
<th>AA</th>
<th>BB</th>
<th>CC</th>
<th>DD</th>
</tr>
</table>
</body>
3. 後代selector(div p span):
<style>
div p span{color:green; font-wight:bold;}
</style>
<body>
<div><p><span>Hello World</span></p></div>
</body>
4. 類型selector(span):
<style>
span {text-shadow:navy 3px 3px 3px;}
</style>
<body>
<span>Hello World</span>
</body>
【SASS】SCSS介紹以及將SCSS編譯成瀏覽器可讀取的CSS檔案
Mastering CSS Properties: A Comprehensive Guide to Display, Positioning, and Styling
Github Pages
Bootstrap
使用bs4-snippets加快Bootstrap4開發速度
虛擬主機
開發輔助工具
如何透過Sublime Text 3一次修改大量文件的內容?
WordPress
PHP
CS50 Web學習筆記
我在CS50‘s Web Programming with Python and JavaScript學到什麼
CS50’s Web Programming with Python and JavaScript學習筆記:Git
CS50‘s Web Programming with Python and JavaScript學習筆記:HTML, CSS
CS50‘s Web Programming with Python and JavaScript學習筆記:Flask
CS50‘s Web Programming with Python and JavaScript學習筆記:SQL
CS50‘s Web Programming with Python and JavaScript學習筆記: ORMs, APIs
CS50‘s Web Programming with Python and JavaScript學習筆記:JavaScript
CS50’s Web Programming with Python and JavaScript學習筆記:Frontends
CS50‘s Web Programming with Python and JavaScript學習筆記:Django
CS50‘s Web Programming with Python and JavaScript學習筆記: Testing, CI/CD
CS50‘s Web Programming with Python and JavaScript學習筆記: GitHub, Travis CI
CS50‘s Web Programming with Python and JavaScript學習筆記:Scalability
CS50‘s Web Programming with Python and JavaScript學習筆記:Security