製作RWD｜OnePage網頁 1.參照講義製作 ［講義09］OnePage 網頁｜實作解析(一）｜輪播圖｜Grid System格線系統 ［講義10］OnePage 網頁｜實作解析(二）｜相片分類與燈箱效果｜地圖設定 作業說明 1.請以個人網站、作品集、自訂有興趣的等主題製作，作品須原創，不可使用他人作品。 2.參照上課範例，或其他免費版型，挑選一適合期中作業主題的版型，結合選擇之版型製作。 3.需完成之製作項目： (1)製作個人favicon (2)使用圖示字體(icon font) Font Awesome，並使用最新版本作更替。 (3)製作輪播圖 (4)了解網頁格線概念，並進行修改。 (5)製作作品分類，並進行修改。 4.製作完畢請上傳FTP，資料夾命名：onepage-學號。
 請回覆於作業文章
 (1) 作業網址 ： (1).作業網址： OnePage作業網址 (2) 參考之版型網址： (3) 設計主題 / 風格 (4) 導覽列項目： (5) 遇到之問題: (6) 製作時間: (7) 製作心得: 班級，學號 課程影片 http://mepopedia.com/forum/read.php?2871,91448,91448#msg-91448 Sun, 25 Oct 2026 12:16:43 +0800 Phorum 5.2.7 http://mepopedia.com/forum/read.php?2871,91448,92130#msg-92130 http://mepopedia.com/forum/read.php?2871,91448,92130#msg-92130 (1).作業網址：
OnePage作業網址
(2) 參考之版型網址：
(3) 設計主題 / 風格:自然 寫實 教育
(4) 導覽列項目：主頁 關於 服務 昆蟲相簿 昆蟲園區 關於我
(5) 遇到之問題:有許多不認識的語法詢問查詢才知道
(6) 製作時間:兩周
(7) 製作心得:一開始不太會製作詢問老師看影片以後慢慢就理解了

視傳2B 1085445036 黃麒瑞]]> 1085445036 109-1《中國》竹視傳二-網頁設計 Tue, 12 Jan 2021 15:35:45 +0800 http://mepopedia.com/forum/read.php?2871,91448,92128#msg-92128 http://mepopedia.com/forum/read.php?2871,91448,92128#msg-92128 OnePage作業網址
(2) 參考之版型網址：http://jinjin.mepopedia.com/~jinjin/wd/hw/onepage/#workArea
(3) 設計主題 / 風格：介紹饒舌歌手ozi/潮流的風格和照片都選用ozi和他的製作團隊的成員都用了帥照。
(4) 導覽列項目：首頁、關於ozi、音樂介紹、音樂製作團隊照片、ozi的潮流穿搭照、地圖。
(5) 遇到之問題:ig、youtube、fb、信箱的連結不會做，所以就沒有做了。
(6) 製作時間:3天。
(7) 製作心得:很開心能夠做完，完成後很有成就感！

視傳2B，1085445018]]> 陳維霆 109-1《中國》竹視傳二-網頁設計 Fri, 15 Jan 2021 07:26:15 +0800 http://mepopedia.com/forum/read.php?2871,91448,92111#msg-92111 http://mepopedia.com/forum/read.php?2871,91448,92111#msg-92111 1085445071 109-1《中國》竹視傳二-網頁設計 Wed, 13 Jan 2021 17:02:17 +0800 http://mepopedia.com/forum/read.php?2871,91448,92102#msg-92102 http://mepopedia.com/forum/read.php?2871,91448,92102#msg-92102 OnePage作業網址
(2) 參考之版型網址：老師範例
(3) 設計主題 / 風格 : 鞋子
(4) 導覽列項目：一般
(5) 遇到之問題: 沒時間做
(6) 製作時間:一個月
(7) 製作心得: 沒什麼特別，花時間

班級竹視傳2B，學號1085445004]]> 1085445004 109-1《中國》竹視傳二-網頁設計 Tue, 12 Jan 2021 16:22:09 +0800 http://mepopedia.com/forum/read.php?2871,91448,92098#msg-92098 http://mepopedia.com/forum/read.php?2871,91448,92098#msg-92098 OnePage作業網址
(2) 參考之版型網址：
(3) 設計主題 / 風格 ：貓咪
(4) 導覽列項目：home/ready/choice/buy/pipeline/video
(5) 遇到之問題:有些網址禁止我使用去連結他
(6) 製作時間:10小時上下
(7) 製作心得:比起作業1 2難很多

視傳2B，1085445082]]> 1085445082 109-1《中國》竹視傳二-網頁設計 Tue, 12 Jan 2021 16:12:29 +0800 http://mepopedia.com/forum/read.php?2871,91448,92096#msg-92096 http://mepopedia.com/forum/read.php?2871,91448,92096#msg-92096 (1).作業網址：
OnePage作業網址
(2) 參考之版型網址：無
(3) 設計主題 / 風格: 環保綠
(4) 導覽列項目：HOME ABOUT SERVICE PORTFOLIO TEAM CONTACT
(5) 遇到之問題: 無
(6) 製作時間:1天
(7) 製作心得:棒! 救救我!

班級2B視傳，學號1085445064]]> 1085445064 109-1《中國》竹視傳二-網頁設計 Tue, 12 Jan 2021 16:04:55 +0800 http://mepopedia.com/forum/read.php?2871,91448,92094#msg-92094 http://mepopedia.com/forum/read.php?2871,91448,92094#msg-92094 OnePage作業網址
(2) 參考之版型網址：http://file.mepopedia.com/~css108b/midterm/midterm-1055440093/
(3) 設計主題 / 風格：專題－請自種／自然清新
(4) 導覽列項目：首頁、自然農法、請自種、作品展示、團隊成員、聯絡團隊
(5) 遇到之問題：ＩＣＯＮ難尋找
(6) 製作時間：４小時
(7) 製作心得：圖片的很難處理，大多數專題的圖片都是直式的比較不好調整。

視傳４Ｃ，１０６５４４５０５３]]> 1065445053 109-1《中國》竹視傳二-網頁設計 Tue, 12 Jan 2021 15:41:23 +0800 http://mepopedia.com/forum/read.php?2871,91448,92090#msg-92090 http://mepopedia.com/forum/read.php?2871,91448,92090#msg-92090 OnePage作業網址
(2) 參考之版型網址：http://jinjin.mepopedia.com/~jinjin/wd/hw/onepage/
(3) 設計主題 / 風格 探險活寶/可愛活潑
(4) 導覽列項目：首頁 關於 場景 人物 特別配角 地點
(5) 遇到之問題: css畫面看起來超級複雜，有點不知道自己在改哪。
(6) 製作時間:6小時以上
(7) 製作心得:很有成就感，看到圖片完整上去非常開心

班級 視傳2B 學號1085445030]]> 1085445030 109-1《中國》竹視傳二-網頁設計 Tue, 12 Jan 2021 15:22:52 +0800 http://mepopedia.com/forum/read.php?2871,91448,92089#msg-92089 http://mepopedia.com/forum/read.php?2871,91448,92089#msg-92089 OnePage作業網址
(1) 作業網址:http://my.cute.edu.tw/~1075445041/onepage-1075445041/
(2) 參考之版型網址： 老師提供的網址
(3) 設計主題 / 風格: 簡約 清新
(4) 導覽列項目：
首頁
記憶點
四季感受
四季的樣子
季景賞
找到我
(5) 遇到之問題: icon的連結沒有辦法進入 所以用了歌詞作業的方式 複製貼上才能 改主色調的地方看了很多次QQ
(6) 製作時間: 每節上課大概花 1個小時左右 再加上課餘時間2~3個小時多
(7) 製作心得:雖然已經算很簡單了 但是一些細節部分 讓我有點燒腦 但製作完成後 成就感滿大的
學號:1075445041
班級:視傳3A]]> 郭沛婕 109-1《中國》竹視傳二-網頁設計 Tue, 12 Jan 2021 15:16:19 +0800 http://mepopedia.com/forum/read.php?2871,91448,92082#msg-92082 http://mepopedia.com/forum/read.php?2871,91448,92082#msg-92082 OnePage作業網址
(2) 參考之版型網址：http://file.mepopedia.com/~css108b/midterm/midterm-1075445015/
(3) 設計主題 / 風格: introduce Jaehyun / 簡約挪威藍
(4) 導覽列項目：Home / About / Know / Photo / SNS / Contact
(5) 遇到之問題:語法、程式碼易搞混，會眼花
(6) 製作時間:24小時左右
(7) 製作心得:程式碼很多有點眼花，需要花些時間，但最後做出來很有成就感

視傳2B 1085445084]]> 1085445084 109-1《中國》竹視傳二-網頁設計 Tue, 12 Jan 2021 04:57:24 +0800 http://mepopedia.com/forum/read.php?2871,91448,92079#msg-92079 http://mepopedia.com/forum/read.php?2871,91448,92079#msg-92079 (1).作業網址：OnePage作業網址
(2) 參考之版型網址：http://my.cute.edu.tw/~1085445083/onepage-1085445083/
(3) 設計主題 / 風格：以甜蜜的風格
(4) 導覽列項目：首頁 關於 介紹 分類 資訊 指標
(5) 遇到之問題：發現有一個地方錯誤，找很久~找不太到在哪裡
(6) 製作時間：1天多
(7) 製作心得：需要花很多時間，希望能越來越進步！

視傳2A，1085445063]]> 1085445059 109-1《中國》竹視傳二-網頁設計 Tue, 12 Jan 2021 01:19:29 +0800 http://mepopedia.com/forum/read.php?2871,91448,92070#msg-92070 http://mepopedia.com/forum/read.php?2871,91448,92070#msg-92070 RWD專題網站｜作業網址 電腦傳不上 明天繳交

(2) 網站主題： 可不可以你也好喜歡我
(3) 內容大綱(導覽列/中文/檔名)： 最新消息 關於 （電影 演員）劇照欣賞 與我聯絡 資料來源
(4) 網頁架構圖(樹狀圖)：
電腦傳不上 明天繳交

(5) 主要對象 ：演員們
(6) 色彩規劃(色調）：簡單的色調 輕柔亮色
(7) 遇到之問題: 很多分頁不知道怎麼處理
(8) 製作時間: 來不及做完只做了一點點
(9) 分工與心得: 希望以後自己有時間的時候’可以慢慢弄 可能會比較順利

參考之版型網址：(如選擇上課版型則無須此項)

組員名單：班級，學號 1085445047 范瑋慈]]> 1085445047 109-1《中國》竹視傳二-網頁設計 Mon, 11 Jan 2021 18:42:00 +0800 http://mepopedia.com/forum/read.php?2871,91448,92069#msg-92069 http://mepopedia.com/forum/read.php?2871,91448,92069#msg-92069 OnePage作業網址
(2) 參考之版型網址：老師給的
(3) 設計主題 / 風格:粉粉嫩嫩可愛風
(4) 導覽列項目：主題/關於/人物介紹/照片/推廣/定位
(5) 遇到之問題:圖片排列組合怪怪的
(6) 製作時間:將近八個小時
(7) 製作心得:我覺得太難了 會搞得眼花撩亂

視傳2B 1085445012]]> 1085445012 109-1《中國》竹視傳二-網頁設計 Mon, 11 Jan 2021 17:56:30 +0800 http://mepopedia.com/forum/read.php?2871,91448,92067#msg-92067 http://mepopedia.com/forum/read.php?2871,91448,92067#msg-92067 OnePage作業網址
(2) 參考之版型網址：老師的網址
(3) 設計主題 / 風格 口紅介紹
(4) 導覽列項目：Show All This Web Design Printing Web Development SEO Optimization
(5) 遇到之問題:找顏色找不到 png放不進去
(6) 製作時間:一天
(7) 製作心得:雖然覺得自己做得不怎麼樣，但是覺得譨做出來已經很好了，雖然可能沒有到很好， 但希望下次越做越好。

班級視傳2a，學號1085445025]]> chaochao 109-1《中國》竹視傳二-網頁設計 Mon, 11 Jan 2021 17:50:42 +0800 http://mepopedia.com/forum/read.php?2871,91448,92066#msg-92066 http://mepopedia.com/forum/read.php?2871,91448,92066#msg-92066 OnePage作業網址
(2) 參考之版型網址：老師給的範例
(3) 設計主題 / 風格 :高三專題/用奇幻的紫色為主
(4) 導覽列項目：首頁、關於、腳色介紹、作品呈現、組員介紹、地圖
(5) 遇到之問題:在換色跟換小標誌上比較卡
(6) 製作時間:六小時
(7) 製作心得:雖然還是搞不太懂，至少比上次好一點。

視傳2A 1085445009]]> 吳旻奎 109-1《中國》竹視傳二-網頁設計 Mon, 11 Jan 2021 17:49:33 +0800 http://mepopedia.com/forum/read.php?2871,91448,92065#msg-92065 http://mepopedia.com/forum/read.php?2871,91448,92065#msg-92065 OnePage作業網址
(2) 參考之版型網址：老師給的範例影片
(3) 設計主題 / 風格:傳統美食設計
(4) 導覽列項目：首頁 關於 服務 照片 特有美食介紹 地圖
(5) 遇到之問題: 一開始很茫然但試問了很多同學後來就懂了~
(6) 製作時間:4個小時
(7) 製作心得: 真的很複雜但是做完真的很有成就感

班級視傳2B 學號1085445022]]> 邱樂平 109-1《中國》竹視傳二-網頁設計 Mon, 11 Jan 2021 17:47:42 +0800 http://mepopedia.com/forum/read.php?2871,91448,92058#msg-92058 http://mepopedia.com/forum/read.php?2871,91448,92058#msg-92058 OnePage作業網址
(2) 參考之版型網址：老師的
(3) 設計主題 / 風格: 簡約少女風
(4) 導覽列項目： 家、關於、認識、照片、影片、聯繫
(5) 遇到之問題: 輪播圖完全用不了，結果朋友刪了一個東西就能用了，我因為那個搞超久時間==
(6) 製作時間: 8-9小時
(7) 製作心得: 真的好難我要發瘋，光找東西我眼睛就快凸出來了，第一次做到這麼難的設計作業，不過是做喜歡的東西還蠻開心也蠻有成就感的!!

視傳2A 1085445007]]> 1085445007 109-1《中國》竹視傳二-網頁設計 Mon, 11 Jan 2021 17:12:20 +0800 http://mepopedia.com/forum/read.php?2871,91448,92050#msg-92050 http://mepopedia.com/forum/read.php?2871,91448,92050#msg-92050 OnePage作業網址
(2) 參考之版型網址：樣本
(3) 設計主題 / 風格 無
(4) 導覽列項目：湖口老街
(5) 遇到之問題:找不到對應的地方
(6) 製作時間:2小時
(7) 製作心得:越做越順手

班級 視傳2B 學號1085445054]]> 1085445054 109-1《中國》竹視傳二-網頁設計 Mon, 11 Jan 2021 16:43:30 +0800 http://mepopedia.com/forum/read.php?2871,91448,91994#msg-91994 http://mepopedia.com/forum/read.php?2871,91448,91994#msg-91994 OnePage作業網址
(2) 參考之版型網址： 無
(3) 設計主題 / 風格 ：可愛風格
(4) 導覽列項目： HOME/介紹/歷史/線上看/劇照
(5) 遇到之問題: 不太會用連結
(6) 製作時間: 7小時
(7) 製作心得: 複雜但很有成就感

視傳3b 1075445046]]> 1075445046黃佳晨 109-1《中國》竹視傳二-網頁設計 Mon, 11 Jan 2021 12:42:01 +0800 http://mepopedia.com/forum/read.php?2871,91448,91951#msg-91951 http://mepopedia.com/forum/read.php?2871,91448,91951#msg-91951 (1).作業網址：http://my.cute.edu.tw/~1085445044/onepage-1085445044/onepage/
OnePage作業網址
(2) 參考之版型網址：中科技大學
(3) 設計主題 / 風格 可愛綠色
(4) 導覽列項目：HOME ABOUT SERVICE PORTFOLIO TEAM CONTACT
(5) 遇到之問題:好複雜
(6) 製作時間:1天
(7) 製作心得:很有成就感

班級 視傳2B，學號 1085445044]]> 1085445044 109-1《中國》竹視傳二-網頁設計 Sun, 10 Jan 2021 02:12:21 +0800 http://mepopedia.com/forum/read.php?2871,91448,91943#msg-91943 http://mepopedia.com/forum/read.php?2871,91448,91943#msg-91943 OnePage作業網址
(2) 參考之版型網址:老師給的各種範例
(3) 設計主題 / 風格:龍
(4) 導覽列項目:Home / About / Facts / Panting / Nowadays / Map
(5) 遇到之問題:蠻多的，但都盡量靠自己找法子解決了
(6) 製作時間:三天左右
(7) 製作心得:又多又難，但因為這次可以介紹自己喜歡的東西所以也還蠻有動力的

視傳2A，1085445037]]> 余炫儒 109-1《中國》竹視傳二-網頁設計 Sat, 09 Jan 2021 01:59:40 +0800 http://mepopedia.com/forum/read.php?2871,91448,91937#msg-91937 http://mepopedia.com/forum/read.php?2871,91448,91937#msg-91937 http://my.cute.edu.tw/~1085445033/onepage-1085445033/
(2) 參考之版型網址：http://file.mepopedia.com/~css108b/midterm/midterm-1075445050/
(3) 設計主題 / 風格:自我介紹
(4) 導覽列項目：Home/About/Understand/Photo/Events/Map
(5) 遇到之問題:雖說只是改裡面的東西改成自己的，但是看到那些英文及程式語言真的是頭昏眼花。
(6) 製作時間:加起來大約一天
(7) 製作心得:腦袋快炸了，但自己做出來很有成就感 !

視傳2A 1085445033]]> 1085445033 109-1《中國》竹視傳二-網頁設計 Fri, 08 Jan 2021 22:12:10 +0800 http://mepopedia.com/forum/read.php?2871,91448,91928#msg-91928 http://mepopedia.com/forum/read.php?2871,91448,91928#msg-91928 http://my.cute.edu.tw/~1085445035/onepage-1085445035/
(2) 參考之版型網址：老師的範例
(3) 設計主題 / 風格:情侶紀錄
(4) 導覽列項目：Home/About us/ Between us/ Photo album/ IG / Contact
(5) 遇到之問題:圖片出不來
(6) 製作時間:10幾個小時
(7) 製作心得:覺得很開心終於完成

視傳2a，1085445035]]> 1085445035 109-1《中國》竹視傳二-網頁設計 Thu, 07 Jan 2021 23:43:01 +0800 http://mepopedia.com/forum/read.php?2871,91448,91908#msg-91908 http://mepopedia.com/forum/read.php?2871,91448,91908#msg-91908 OnePage作業網址
(2) 參考之版型網址：老師範例下載
(3) 設計主題 / 風格: 楊丞琳Rainie Yang介紹 / 優雅高貴風
(4) 導覽列項目：首頁 關於她 認識她 照片 官方 地圖
(5) 遇到之問題:很難在小圖誌入連結
(6) 製作時間:5個小時
(7) 製作心得:覺得很難，雖然做完會覺得很有成就感，但是看似簡單的網站就要花上大把的時間。

視傳2B 1085445034]]> 1085445012 109-1《中國》竹視傳二-網頁設計 Tue, 05 Jan 2021 20:15:43 +0800 http://mepopedia.com/forum/read.php?2871,91448,91906#msg-91906 http://mepopedia.com/forum/read.php?2871,91448,91906#msg-91906 OnePage作業網址
(2) 參考之版型網址：http://file.mepopedia.com/~css108b/midterm/midterm-1075445018/
(3) 設計主題 / 風格：倉鼠、可愛
(4) 導覽列項目：首頁、關於、習性、照片
(5) 遇到之問題:照片有用錯
(6) 製作時間:一個禮拜
(7) 製作心得:要做比較久，而且很多語法密密麻麻的，有些地方還要待加強。

班級：視傳2A 、學號：1085445027]]> 1085445027 109-1《中國》竹視傳二-網頁設計 Tue, 05 Jan 2021 18:40:54 +0800 http://mepopedia.com/forum/read.php?2871,91448,91901#msg-91901 http://mepopedia.com/forum/read.php?2871,91448,91901#msg-91901
2.參照上課範例，或其他免費版型，挑選一適合期中作業主題的版型，結合選擇之版型製作。

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

4.製作完畢請上傳FTP，資料夾命名：onepage-學號。

請回覆於作業文章

(1).作業網址：
OnePage作業網址
(2) 參考之版型網址：老師的範例
(3) 設計主題 / 風格: 甜點/可口美味
(4) 導覽列項目：首頁 關於 分類 圖片 種類 地圖
(5) 遇到之問題:會有圖片放了 跑不出來的問題
(6) 製作時間: 2個禮拜
(7) 製作心得: 覺得好複雜 好險還是做完ㄌ

視傳2B 1085445026]]> 陳莛嬩 109-1《中國》竹視傳二-網頁設計 Tue, 05 Jan 2021 17:30:43 +0800 http://mepopedia.com/forum/read.php?2871,91448,91900#msg-91900 http://mepopedia.com/forum/read.php?2871,91448,91900#msg-91900 OnePage作業網址
(2) 參考之版型網址：老師給的版型
(3) 設計主題 / 風格:貓咪 明亮的風格
(4) 導覽列項目：首頁 關於 特性 相片 CONTACT
(5) 遇到之問題:有的時候圖片弄不出來
(6) 製作時間:1-2天
(7) 製作心得:好難，希望會有進步

班級 視傳2B，學號 1085445008]]> 1085445008 109-1《中國》竹視傳二-網頁設計 Tue, 05 Jan 2021 17:21:17 +0800 http://mepopedia.com/forum/read.php?2871,91448,91898#msg-91898 http://mepopedia.com/forum/read.php?2871,91448,91898#msg-91898 請回覆於作業文章

(1) 作業網址 ：
(1).作業網址：
OnePage作業網址
(2) 參考之版型網址：
(3) 設計主題 / 風格:普普風
(4) 導覽列項目：
(5) 遇到之問題:圖不會放
(6) 製作時間:2 week
(7) 製作心得:生不如死]]> 1085445078 109-1《中國》竹視傳二-網頁設計 Tue, 05 Jan 2021 17:15:37 +0800 http://mepopedia.com/forum/read.php?2871,91448,91897#msg-91897 http://mepopedia.com/forum/read.php?2871,91448,91897#msg-91897 (：
OnePage作業網址
(2) 參考之版型網址：
(3) 設計主題 / 風格 可愛
(4) 導覽列項目：首頁 關於 Service
(5) 遇到之問題:顯示不出來等..
(6) 製作時間:5小時
(7) 製作心得:很有趣

班級視傳2b，學號1085445032]]> 1085445032 109-1《中國》竹視傳二-網頁設計 Tue, 05 Jan 2021 17:04:50 +0800 http://mepopedia.com/forum/read.php?2871,91448,91895#msg-91895 http://mepopedia.com/forum/read.php?2871,91448,91895#msg-91895
2.參照上課範例，或其他免費版型，挑選一適合期中作業主題的版型，結合選擇之版型製作。

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

4.製作完畢請上傳FTP，資料夾命名：onepage-學號。

請回覆於作業文章

(1) 作業網址 ：
(1).作業網址：
OnePage作業網址
(2) 參考之版型網址：老師的
(3) 設計主題 / 風格 宇宙
(4) 導覽列項目：宇宙
(5) 遇到之問題: 許多問題
(6) 製作時間: 3天
(7) 製作心得: 麻煩

班級視傳2B，學號1085445076]]> 1085445076 109-1《中國》竹視傳二-網頁設計 Tue, 05 Jan 2021 17:04:08 +0800