網頁設計 ABC ：持續更新中

HTML 結構說明
WP 設定、發布文章、佈景主題
WP 文章分類、標籤、選單
Elementor 發布文章
CSS 基本介紹
CSS 文字相關語法
用 CSS 修改 WP 版型
CSS 視覺效果
CSS 動畫效果

這個學習計畫包含了解 HTML、CSS、WordPress、Elementor，以及其他 WordPress 外掛。目標是能夠用 WordPress 建立一個網站，並且能夠最大自由度地調整它。

HTML、CSS 語法是比較枯燥且非視覺性操作的。所以學習時可以交錯搭配 WordPress 的學習，會比較有成就感。

了解 CSS 是很重要的，因為這樣才能在 WordPress 上做出更多客製化的效果，不然就只能套版而已。 CSS 顏色、字體變化、排版等基本功能以外，比較有趣的是變形(transfrom)和動畫(animation)的部分，這些語法可以做出更多好玩的效果。

另外也要了解最基本的 Javascript 套用，這樣當有些效果 CSS 做不出來時，就可以找 Javascript 來用。當你學會 WordPress、HTML 基本語法、CSS(越熟練越好)、Javascript 的基本套用，你就掌握了現前網頁製作的基本技術層面。當然，美感、創意和視覺設計的軟體操作也是少不了的。

說是安裝，但不是裝在自己的電腦上面。首先必須要先有一個可架設 WordPress 的主機空間。網路上的免費空間很多，但也有各式各樣的限制。下面這一篇要介紹的主機 cloudaccess 的限制就是每30天以內要上去控制台按「renew」不然網頁可能就會消失。但因為這個主機其他的問題比較少，所以還是會介紹這個主機的申請方式。

申請免費空間安裝wordpress

HTML 基本介紹 9/14

WordPress 基本操作 10/5

WordPress 的基本操作很簡單，因為他有完整的後台管理介面，所以幾個扭按一按就可以建構出一個網站。
設定 wordpress logo 外觀、顏色、樣式
修改「媒體」設定
「文章」和「頁面」的差別
wordpress 安裝外掛/新增文章/編輯文字和圖片
WordPress 新增頁面和選單
到這邊已經知道怎麼安裝 WordPress 外掛，這邊有幾個推薦的外掛，可以先裝起來：
1. Classic Editor
2. Elementor
3. Happy Addons for Elementor
應完成進度：發布文章，更改佈景主題、新增頁面、建立選單