網頁設計 ABC :持續更新中

  1. HTML 結構說明
  2. WP 設定、發布文章、佈景主題
  3. WP 文章分類、標籤、選單
  4. Elementor 發布文章
  5. CSS 基本介紹
  6. CSS 文字相關語法
  7. 用 CSS 修改 WP 版型
  8. CSS 視覺效果
  9. CSS 動畫效果
1 A
關於這門課

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

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

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

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

1.5 A
安裝 WordPress

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

申請免費空間安裝wordpress

2 B~C
WP 網站搬家

如果你在擔心現在用的主機是免費空間,限制很多,以後如果要換主機,網站不就要重做?不用擔心,wp網站也可以整的打包帶走,如果檔案在512MB裡面,還可以用免費外掛帶走。
WP網站搬家

N A
持續更新中

...