參照 
[講義] OnePage網頁實作解析(一） [講義] OnePage網頁實作解析(一） http://mepopedia.com/forum/read.php?804,87859 [hr] 參考範例 1.畢業專題 
http://mepopedia.com/~css105-2a/lion_candy/ 2. 活動網站 http://ccnt1.cute.edu.tw/cpland/4e/ http://ccnt1.cute.edu.tw/cpland/future/ 
http://www.cute.edu.tw/dvcd/master/ 3. 品牌與導覽網站設計 
http://ccnt1.cute.edu.tw/cpland/4e/
http://www.cute.edu.tw/dvcd/lieyu/ [hr] 作業說明 1.可從免費版型中挑選適合的版型修改。 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 OnePage免費版型資源 https://onepagelove.com/templates https://startbootstrap.com/template-categories/one-page/ https://colorlib.com/wp/best-one-page-wordpress-themes/ 2.設定好主題及網站風格。主題須為原創，不可使用他人作品。 3.本週進度：
 (1)修改前置設定，包含語系、網站描述等 
(2)導覽列文字修改
 (3)輪播圖片及文字修改 
(4)格線系統版式修改 
(5)Font Awesome修改 4.上傳至hw04資料夾，並回覆於作業文章
 (1).網址: ：http://mepopedia.com/~web106-2c/hw04/hw04-105ooooo
 (2).版型網址：
 (3).主題、風格：
 (4).設計概念與製作心得： 講義影音 http://mepopedia.com/forum/read.php?2723,87861,87861#msg-87861 Thu, 25 Jun 2026 19:32:08 +0800 Phorum 5.2.7 http://mepopedia.com/forum/read.php?2723,87861,88326#msg-88326 http://mepopedia.com/forum/read.php?2723,87861,88326#msg-88326 (2).版型網址：http://mepopedia.com/forum/read.php?804,87785
(3).主題、風格：黑白色調 簡潔有力
(4).設計概念與製作心得： 慢慢有學到東西的步調]]> 吳晉瑋 106-2《中國》竹視傳二C-進階網頁設計 Tue, 26 Jun 2018 20:28:48 +0800 http://mepopedia.com/forum/read.php?2723,87861,88115#msg-88115 http://mepopedia.com/forum/read.php?2723,87861,88115#msg-88115 (2).版型網址：http://www.tooplate.com/live/2090-kinetic ；http://www.tooplate.com/live/2089-meteor
(3).主題、風格：作品集 簡單活潑的風格 
(4).設計概念與製作心得：製作一個適合自己創作風格的網頁 真不錯]]> 1055445086 106-2《中國》竹視傳二C-進階網頁設計 Wed, 16 May 2018 01:27:47 +0800 http://mepopedia.com/forum/read.php?2723,87861,88084#msg-88084 http://mepopedia.com/forum/read.php?2723,87861,88084#msg-88084 (2).版型網址：
(3).主題、風格：簡潔，一目了然
(4).設計概念與製作心得： 瘋了]]> 1055445064 106-2《中國》竹視傳二C-進階網頁設計 Sun, 06 May 2018 09:48:50 +0800 http://mepopedia.com/forum/read.php?2723,87861,88079#msg-88079 http://mepopedia.com/forum/read.php?2723,87861,88079#msg-88079 (2).版型網址：http://www.tooplate.com/view/2078-adventure
(3).主題、風格：
我的攝影/自介/簡潔
(4).設計概念與製作心得：我...快看到耶穌了]]> 湯劭崴 106-2《中國》竹視傳二C-進階網頁設計 Fri, 04 May 2018 23:09:22 +0800 http://mepopedia.com/forum/read.php?2723,87861,88074#msg-88074 http://mepopedia.com/forum/read.php?2723,87861,88074#msg-88074 (2).版型網址：http://www.templatemo.com/live/templatemo_506_tinker
(3).主題、風格： 作品集 /清爽風
(4).設計概念與製作心得：對應圖片對到頭昏眼花.....]]> lovecatandyou 106-2《中國》竹視傳二C-進階網頁設計 Fri, 04 May 2018 12:48:00 +0800 http://mepopedia.com/forum/read.php?2723,87861,88058#msg-88058 http://mepopedia.com/forum/read.php?2723,87861,88058#msg-88058 版型網址：https://demos.onepagelove.com/html/dimension/

主題、風格：
 簡潔灰黑色系
設計概念與製作心得： 下載完別人的版型打看來看到哭，太多奇怪看不懂的原始碼...
感覺自己要在更努力一點了...]]> 1055445110 106-2《中國》竹視傳二C-進階網頁設計 Thu, 03 May 2018 10:16:28 +0800 http://mepopedia.com/forum/read.php?2723,87861,88044#msg-88044 http://mepopedia.com/forum/read.php?2723,87861,88044#msg-88044 (2).版型網址：

(3).主題、風格：
主題是自己的攝影作品,裡面也參雜了一些搞怪元素
(4).設計概念與製作心得：這個真的很有難度]]> 堯詩洪 106-2《中國》竹視傳二C-進階網頁設計 Thu, 03 May 2018 07:28:40 +0800 http://mepopedia.com/forum/read.php?2723,87861,88036#msg-88036 http://mepopedia.com/forum/read.php?2723,87861,88036#msg-88036 (2).版型網址：
老師的版型
(3).主題、風格：
主題是自己的作品集，以極簡風格呈現。
(4).設計概念與製作心得：真的會做到爆炸，語法難到炸天。]]> 吳晉瑋 106-2《中國》竹視傳二C-進階網頁設計 Thu, 03 May 2018 02:58:58 +0800 http://mepopedia.com/forum/read.php?2723,87861,88034#msg-88034 http://mepopedia.com/forum/read.php?2723,87861,88034#msg-88034 (1).網址: ：http://mepopedia.com/~web106-2c/hw04/hw04-1055445205
(2).版型網址：
 老師的版型
(3).主題、風格：
 簡單
(4).設計概念與製作心得：想做個寵物專頁]]> 1055445205 106-2《中國》竹視傳二C-進階網頁設計 Thu, 03 May 2018 02:12:32 +0800 http://mepopedia.com/forum/read.php?2723,87861,88030#msg-88030 http://mepopedia.com/forum/read.php?2723,87861,88030#msg-88030 (2).版型網址：http://www.tooplate.com/live/2089-meteor
(3).主題、風格： 作品集
(4).設計概念與製作心得：少為會看，但還沒做完，研究好久好久有一點點成果]]> jolin82145 106-2《中國》竹視傳二C-進階網頁設計 Thu, 03 May 2018 00:49:42 +0800 http://mepopedia.com/forum/read.php?2723,87861,88027#msg-88027 http://mepopedia.com/forum/read.php?2723,87861,88027#msg-88027 (2).版型網址：
(3).主題、風格：
黑色的很有FU
(4).設計概念與製作心得：結果還沒做完，用到ㄎ一笑了 現在要去洗澡了掰掰，其中用完整版:D]]> 薯片再一包 106-2《中國》竹視傳二C-進階網頁設計 Thu, 03 May 2018 00:14:37 +0800 http://mepopedia.com/forum/read.php?2723,87861,88025#msg-88025 http://mepopedia.com/forum/read.php?2723,87861,88025#msg-88025 (2).版型網址：https://startbootstrap.com/template-overviews/creative/

(3).主題、風格：
 簡約文青風
(4).設計概念與製作心得：介紹自己跟作品，還有記錄自己的生活，作業四跟期中只有些微的不一樣，因為直接一口氣做完:( 研究了好久好久～]]> 大漢堡王 106-2《中國》竹視傳二C-進階網頁設計 Wed, 02 May 2018 22:06:36 +0800 http://mepopedia.com/forum/read.php?2723,87861,88020#msg-88020 http://mepopedia.com/forum/read.php?2723,87861,88020#msg-88020 (2).版型網址：
 http://www.(忘記儲存了......
(3).主題、風格：
 極簡
(4).設計概念與製作心得： 很複雜的期中作業大概花了一天吧
因為很多設定]]> 77 106-2《中國》竹視傳二C-進階網頁設計 Wed, 02 May 2018 21:22:41 +0800 http://mepopedia.com/forum/read.php?2723,87861,88017#msg-88017 http://mepopedia.com/forum/read.php?2723,87861,88017#msg-88017 主題、風格：
自己的作品，小清新風格
設計概念與製作心得：挺有成就感的]]> amy2285210103 106-2《中國》竹視傳二C-進階網頁設計 Wed, 02 May 2018 20:23:31 +0800 http://mepopedia.com/forum/read.php?2723,87861,87998#msg-87998 http://mepopedia.com/forum/read.php?2723,87861,87998#msg-87998 (2).版型網址：老師的版型
(3).主題、風格：簡約,
(4).設計概念與製作心得：眼睛很酸~語法很多,有時候會錯亂刪錯東西 .]]> 1055445168 106-2《中國》竹視傳二C-進階網頁設計 Tue, 01 May 2018 23:21:10 +0800 http://mepopedia.com/forum/read.php?2723,87861,87997#msg-87997 http://mepopedia.com/forum/read.php?2723,87861,87997#msg-87997 (2).版型網址：

(3).主題、風格：
主題是自己的作品集，同ㄧ種色系的概念
(4).設計概念與製作心得：沒有輪播只能自己找資料qq]]> 1055445111 106-2《中國》竹視傳二C-進階網頁設計 Tue, 01 May 2018 22:58:54 +0800 http://mepopedia.com/forum/read.php?2723,87861,87994#msg-87994 http://mepopedia.com/forum/read.php?2723,87861,87994#msg-87994 (2).版型網址：
 http://www.templatemo.com/tm-458-lavish
(3).主題、風格：
 作品集 乾淨簡潔
(4).設計概念與製作心得：網頁設計蒸蚌]]> nine999999999 106-2《中國》竹視傳二C-進階網頁設計 Tue, 01 May 2018 20:11:44 +0800 http://mepopedia.com/forum/read.php?2723,87861,87992#msg-87992 http://mepopedia.com/forum/read.php?2723,87861,87992#msg-87992 (2).版型網址：http://www.templatemo.com/page/4
(3).主題、風格：
 貓的自介
(4).設計概念與製作心得:以貓的介紹為主題]]> ZI YO NI 106-2《中國》竹視傳二C-進階網頁設計 Tue, 01 May 2018 20:08:55 +0800 http://mepopedia.com/forum/read.php?2723,87861,87988#msg-87988 http://mepopedia.com/forum/read.php?2723,87861,87988#msg-87988 (2).版型網址：http://www.free-css.com/free-css-templates/page225/logic
(3).主題、風格：
關於自記
(4).設計概念與製作心得：找版型找好久，而且做久了，超沒耐性的]]> 1055445042 106-2《中國》竹視傳二C-進階網頁設計 Tue, 01 May 2018 20:04:05 +0800 http://mepopedia.com/forum/read.php?2723,87861,87985#msg-87985 http://mepopedia.com/forum/read.php?2723,87861,87985#msg-87985 (2).版型網址：
 http://www.tooplate.com/live/2098-health
(3).主題、風格：
簡易 清新
(4).設計概念與製作心得：我做到快瘋了而且為了教人我算是用趕出來的...很爛,版型我直接用第一個交作業的人找的版型]]> 1055445102 106-2《中國》竹視傳二C-進階網頁設計 Tue, 01 May 2018 19:47:13 +0800 http://mepopedia.com/forum/read.php?2723,87861,87976#msg-87976 http://mepopedia.com/forum/read.php?2723,87861,87976#msg-87976 (2).版型網址：
 mepopedia.com
(3).主題、風格：
 以前的專題繪本介紹和大學自己畫的繪本介紹/簡潔的風格
(4).設計概念與製作心得： 雖然圖片居多可是整理起來很麻煩，製作的過程中眼花撩亂。]]> 綰瑛 106-2《中國》竹視傳二C-進階網頁設計 Sun, 29 Apr 2018 22:28:44 +0800 http://mepopedia.com/forum/read.php?2723,87861,87972#msg-87972 http://mepopedia.com/forum/read.php?2723,87861,87972#msg-87972 (2).版型網址：
 https://demos.onepagelove.com/html/touche/
(3).主題、風格：
 個人網站，簡約，以圖為主
(4).設計概念與製作心得： 一開始做的時候很困難，到後面越做越上手]]> SCY 106-2《中國》竹視傳二C-進階網頁設計 Sun, 29 Apr 2018 21:57:56 +0800 http://mepopedia.com/forum/read.php?2723,87861,87970#msg-87970 http://mepopedia.com/forum/read.php?2723,87861,87970#msg-87970 (2).版型網址：sftp://web106-2c@mepopedia.com/home/web106-2c/public_html/hw04/vuilton-onepage-html-responsive/index.html
(3).主題、風格：
 主要是自己拍的照片，簡潔的風格
(4).設計概念與製作心得： 再改輪播圖的時候一開始看不懂，不過後來看懂了時候才知道改一下就可以了]]> 1055445177 106-2《中國》竹視傳二C-進階網頁設計 Sun, 29 Apr 2018 12:58:37 +0800 http://mepopedia.com/forum/read.php?2723,87861,87951#msg-87951 http://mepopedia.com/forum/read.php?2723,87861,87951#msg-87951 (2).版型網址：
 http://www.tooplate.com/live/2090-kinetic
(3).主題、風格：
 自己的作品集
(4).設計概念與製作心得： 圖片轉換分類的功能圖片會有空格]]> 1055445004 106-2《中國》竹視傳二C-進階網頁設計 Thu, 26 Apr 2018 11:38:50 +0800 http://mepopedia.com/forum/read.php?2723,87861,87946#msg-87946 http://mepopedia.com/forum/read.php?2723,87861,87946#msg-87946 (2).版型網址：
老师的版型
(3).主題、風格：
 简单
(4).設計概念與製作心得：因为老师上这节课的时候我请假了，也没有看到影片教学，自己研究很久，还是不会还是看了同学作业发现有一个是用老师版型的就学习那个做的，可能会很像，不过我自己的改的都努力再改了]]> zhou 106-2《中國》竹視傳二C-進階網頁設計 Thu, 26 Apr 2018 09:34:45 +0800 http://mepopedia.com/forum/read.php?2723,87861,87936#msg-87936 http://mepopedia.com/forum/read.php?2723,87861,87936#msg-87936 (1).網址: ：http://mepopedia.com/~web106-2c/hw04/hw04-1055445156
(2).版型網址：
 http://www.tooplate.com/live/2082-pure-mix
(3).主題、風格：
 極簡
(4).設計概念與製作心得： 做成一本實習作品集，有些問題正在處理]]> 高慎妤 106-2《中國》竹視傳二C-進階網頁設計 Thu, 26 Apr 2018 03:41:23 +0800 http://mepopedia.com/forum/read.php?2723,87861,87935#msg-87935 http://mepopedia.com/forum/read.php?2723,87861,87935#msg-87935
(2).版型網址： http://www.tooplate.com/live/2096-individual


(3).主題、風格：繩介紹/海洋天空藍藍的,清爽的!!!
(4).設計概念與製作心得：
非常無敵霹靂難,眼睛很容易花掉]]> 施婉晴 106-2《中國》竹視傳二C-進階網頁設計 Thu, 26 Apr 2018 00:39:31 +0800 http://mepopedia.com/forum/read.php?2723,87861,87934#msg-87934 http://mepopedia.com/forum/read.php?2723,87861,87934#msg-87934
(2).版型網址： http://designstub.com/demos/avana/index.html


(3).主題、風格：以自己的美食照片來編排，用簡單的排版格式有視覺觀感
(4).設計概念與製作心得：
搞不懂輪播圖怎麼用 所以沒加上 加上要尋找改的語法要找了好久 希望老師在教一次錄影 😀😀😀😀]]> 1055445033 106-2《中國》竹視傳二C-進階網頁設計 Wed, 25 Apr 2018 23:18:15 +0800 http://mepopedia.com/forum/read.php?2723,87861,87931#msg-87931 http://mepopedia.com/forum/read.php?2723,87861,87931#msg-87931
(2).版型網址： http://www.tooplate.com/view/2078-adventure


(3).主題、風格：以自己的作品來編排，想呈現簡單明瞭的感覺
(4).設計概念與製作心得：
很容易亂掉]]> 1055445144 106-2《中國》竹視傳二C-進階網頁設計 Wed, 25 Apr 2018 22:15:00 +0800 http://mepopedia.com/forum/read.php?2723,87861,87930#msg-87930 http://mepopedia.com/forum/read.php?2723,87861,87930#msg-87930 (2).版型網址：
http://www.templatewire.com/preview/verum/
(3).主題、風格：
 主題:個人作品網站/ 風格:簡單、清楚明瞭
(4).設計概念與製作心得：設計概念: 利用網站整理自己的作品；製作心得: 需要許多時間摸索，有一點點困難]]> zhuuu 106-2《中國》竹視傳二C-進階網頁設計 Wed, 25 Apr 2018 20:35:21 +0800