---
# System prepended metadata

title: IEH 程式隊 Workshop003 - Wordpress體驗及基礎程式

---

# IEH 程式隊 Workshop003 - Wordpress體驗及基礎程式

## Wordpress完成進度
Email服務：Gmail/Yahoo/Proton
(Wordpress註冊時，使用10 Minute Email會被擋掉)
1. 擁有自己的Wordpress帳號
2. 使用Attar主題
3. 調整網站名稱
4. 更換封面圖片及網站分頁縮圖
5. 新增Menu頁面

## 開發者工具
瀏覽器中點擊F12，即可查看網頁隱藏的細節

## 線上網頁程式編輯器
(可使用10 Minute Email註冊： https://10minutemail.net/)
https://jsfiddle.net/

## What is HTML/CSS/JS ?
https://ithelp.ithome.com.tw/m/articles/10202326
https://www.w3schools.com/

![image](https://hackmd.io/_uploads/Hypu9Utikg.png)


```
<p class="bbb">Hello World 1</p>
<p id="aaa">Hello World 2</p>
<p class="bbb">Hello World 3</p>
<p class="bbb">Hello World 4</p>

```

```
#aaa{
  background-color: red;
}

.bbb{
  background-color: green;
}
```

## selector
* class: .xxx
* id: #xxx