---
tags: html 投影片
---

網頁程式設計
===
- 學習利用HTML5, CSS, JavaScript, 撰寫網頁程式與製作一頁式網頁
- 評分標準：平時40%，期中作業30%，期末作業30%
- [Github範例網頁](http://github.com/shhuangmust/html)
- 講義網頁：http://hackmd.io/@shhuangmust/html

## 網頁程式環境介紹
- [網頁伺服器簡介](https://hackmd.io/@shhuangmust/rycwBS0Xo)
- [網頁程式編輯軟體](https://hackmd.io/@shhuangmust/Skf4wBC7i)
- [JSFiddle](https://hackmd.io/@shhuangmust/ryteMSC7j)

## HTML
- [HTML基礎](https://hackmd.io/@shhuangmust/RMqXZcB9S46FbXPnXZ7-sw)
- [CSS](https://hackmd.io/@shhuangmust/HkbiIRJkT)
- [文字](https://hackmd.io/@shhuangmust/BJtEEWQ8i)
- [Margin、Border、Padding](https://hackmd.io/@shhuangmust/oQpSS_KPQi68Mzn0148L9Q)
- [區塊版面配置](https://hackmd.io/@shhuangmust/mYV6ZWUSRH2E1EXLitTAvg)
- [下拉式選單](https://hackmd.io/@shhuangmust/WAQoeMJkSoe46UGsRwVVZw)
- [輪播列Slider](https://hackmd.io/@shhuangmust/qD9HMO_ERgiXgTqxpOsz3A)

## 一頁式網頁範例
- [Logo製作](https://hackmd.io/@shhuangmust/6gNLtYXETV-96hY0tKx4Kg)
- [明新資管網頁範例](https://hackmd.io/@shhuangmust/2mM55cqoQ--rnBfDcyNNWg)

## 參考資料
- [如何找出好配色？照著這個步驟做，讓你的設計更具吸引力！！](https://www.youtube.com/watch?v=PCYD7codKXQ)