Change History

製作OnePage網頁

---

參照期中前講義製作

---

作業說明

1.請以個人網站、作品集或自己有趣的主題製作，✷站內容與作品須原創✷，不可使用他人作品，✷如需使用他人作品須取得授權✷。

2.請以老師上課版型製作，或者參照免費版型，挑選一適合期中作業主題的版型，結合選擇之版型製作。
DreamTemplate
http://www.dreamtemplate.com
tooplate 
http://www.tooplate.com/free-templates
templatemo 
http://www.templatemo.com/page/1
Free CSS Free CSS Templates, CSS Layouts & More! 
http://www.free-css.com/free-css-templates
HTMLl5UP 
https://html5up.net
W3.CSS Templates 
https://www.w3schools.com/w3css/w3css_templates.asp
Free Responsive HTML5 CSS3 Website Templates 
https://medium.com/web-development-zone/free-responsive-html5-css3-website-templates-bcbe3f8a20b9
https://onepagelove.com/templates
https://startbootstrap.com/template-categories/one-page/
https://colorlib.com/wp/best-one-page-wordpress-themes/

3.需完成之製作項目：
(1)製作個人favicon
(2)使用圖示字體(icon font) Font Awesome。
(3)製作輪播圖
(4)了解網頁格線概念，並進行修改。
(5)製作作品分類，並進行修改。

4.製作完畢請上傳FTP，midterm資料夾。

請回覆於作業文章

(1) 作業網址 ：
A班：http://ftp.mepopedia.com/~css107a/midterm/midterm-106xxxxxxx
C班：http://ftp.mepopedia.com/~css107c/midterm/midterm-106xxxxxxx
(2) 參考之版型網址：
(3) 設計主題 / 風格：
(4) 導覽列項目：
(5) 遇到之問題:
(6) 製作時間:
(7) 製作心得:

[hr]

學長姐範例

http://mepopedia.com/forum/read.php?2723,87776
http://mepopedia.com/forum/read.php?2722,87777

[hr]

課程影片

https://youtu.be/aGO1GQxbwTI


製作進度
11/8 OnePage網頁實作/使用圖示字體(icon font) Font Awesome
11/15 OnePage網頁實作/slider /Grid system
11/22 OnePage網頁實作/相片輪播 /
11/29 　期中作業繳交/OnePage網頁製作

[hr]

學長姐範例

http://mepopedia.com/forum/read.php?2723,87776
http://mepopedia.com/forum/read.php?2722,87777

[hr]

課程影片

https://youtu.be/aGO1GQxbwTI



[hr]

https://youtu.be/BrslTed-BB4
�OnePage網頁實作/使用圖示字體(icon font) Font Awesome
11/15 　OnePage網頁實作/slider /Grid system
11/22 　OnePage網頁實作/相片輪播 /
11/29 　期中作業繳交/OnePage網頁製作

[hr]

學長姐範例

http://mepopedia.com/forum/read.php?2723,87776
http://mepopedia.com/forum/read.php?2722,87777

[hr]

課程影片

https://youtu.be/aGO1GQxbwTI



[hr]

https://youtu.be/BrslTed-BB4