製作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?2870,91446,91446#msg-91446 Fri, 23 Oct 2026 21:57:32 +0800 Phorum 5.2.7 http://mepopedia.com/forum/read.php?2870,91446,93788#msg-93788 http://mepopedia.com/forum/read.php?2870,91446,93788#msg-93788 林亮妤作品集]]> 1081445061 109-1《中國》北視傳二-網頁設計 Wed, 12 Oct 2022 10:52:55 +0800 http://mepopedia.com/forum/read.php?2870,91446,92136#msg-92136 http://mepopedia.com/forum/read.php?2870,91446,92136#msg-92136 OnePage作業網址
(2) 參考之版型網址：
(3) 設計主題 / 風格：美食天地/配色色彩繽紛增加觀看者食慾
(4) 導覽列項目：首頁/簡介/介紹/照片/其他/交通
(5) 遇到之問題:輪播圖一直無法連結、ICON重新整理多次都出不來，之後換台電腦問題便解決了
(6) 製作時間:2天
(7) 製作心得:製作網頁並非真的難，但必須肯花時間、心力去做才能有所體悟，學習到的技巧將來還可以運用到專題實作上，雖然製作過程有點煎熬因相當費時，但最終完成的成品是讓人滿意的

班級視傳2B 學號1081445016]]> JYUN 109-1《中國》北視傳二-網頁設計 Mon, 18 Jan 2021 04:26:23 +0800 http://mepopedia.com/forum/read.php?2870,91446,92134#msg-92134 http://mepopedia.com/forum/read.php?2870,91446,92134#msg-92134 http://my.cute.edu.tw/~1081445096/onepage-1081445096/
(2) 參考之版型網址：參考老師範例
(3) 設計主題 / 風格: 卡通 色塊
(4) 導覽列項目：關於我 角色 相片 年齡層 地圖
(5) 遇到之問題: 程式碼很多很容易看錯
(6) 製作時間:20小時
(7) 製作心得:第一次嘗試自己設計網頁，希望之後能學好然後做得更好！

1081445096 巫穎欣]]> kiqi777 109-1《中國》北視傳二-網頁設計 Sun, 17 Jan 2021 23:08:13 +0800 http://mepopedia.com/forum/read.php?2870,91446,92131#msg-92131 http://mepopedia.com/forum/read.php?2870,91446,92131#msg-92131 OnePage作業網址
(2) 參考之版型網址：老師範例
(3) 設計主題 / 風格: 作品的角色介紹
(4) 導覽列項目：TOP/ABOUT/Character/PHOTO
(5) 遇到之問題:
(a)不知道為什麼LOGO那邊一直不能套我準備好的，所以只好不放LOGO了
(b)傳上伺服器去後不知道為什麼有部分圖片讀不到(已檢查語法及檔案皆無誤)
(6) 製作時間:一周
(7) 製作心得: 一開始還真的不知道從哪裡開始下手，經過摸索之後比較有頭緒了(但還是有一些未解之謎)

數媒4B 1061448067]]> 鷲尾修斗ㄉ水某 109-1《中國》北視傳二-網頁設計 Sun, 17 Jan 2021 14:26:08 +0800 http://mepopedia.com/forum/read.php?2870,91446,92125#msg-92125 http://mepopedia.com/forum/read.php?2870,91446,92125#msg-92125 OnePage作業網址
(2) 參考之版型網址：http://jinjin.mepopedia.com/~jinjin/wd/hw/onepage/
(3) 設計主題 / 風格：簡略介紹音樂人及音樂種類/
(4) 導覽列項目：HOME/ABOUT/STYLE/SINGER/PLACE/聯絡我
(5) 遇到之問題：都解決了！
(6) 製作時間：約六小時
(7) 製作心得：跟著教學影片一步一步慢慢做，雖然細節很多但做完很有成就感。

視傳2B 1081445073]]> 湯辰瑀 109-1《中國》北視傳二-網頁設計 Fri, 15 Jan 2021 12:47:23 +0800 http://mepopedia.com/forum/read.php?2870,91446,92124#msg-92124 http://mepopedia.com/forum/read.php?2870,91446,92124#msg-92124 file:///Users/mac/Desktop/onepage-1081445096/index.html
(2) 參考之版型網址：參考老師範例
(3) 設計主題 / 風格：卡通/可愛風
(4) 導覽列項目：首頁/關於/角色/年齡層/地圖
(5) 遇到之問題:程式碼很多很複雜
(6) 製作時間:3天
(7) 製作心得:第一次設計網頁，覺得學會之後可以再做得更好！]]> kiqi777 109-1《中國》北視傳二-網頁設計 Fri, 15 Jan 2021 11:16:42 +0800 http://mepopedia.com/forum/read.php?2870,91446,92119#msg-92119 http://mepopedia.com/forum/read.php?2870,91446,92119#msg-92119 (2) 參考之版型網址：參考老師的範例
(3) 設計主題 / 風格 : 簡約不失可愛
(4) 導覽列項目：HOME / ABOUT / HABITS / INTERNET CELEBRITY / CONTACT
(5) 遇到之問題:有時候會不小心誤刪到東西 就得再重新仔細檢查一次
(6) 製作時間:３小時
(7) 製作心得:一度做到覺得好難好難過(^_^：a
雖然還是沒辦法很精緻 但起碼比一開始好多了...

視傳2B 1081445077]]> Chiuwa 109-1《中國》北視傳二-網頁設計 Fri, 15 Jan 2021 01:53:37 +0800 http://mepopedia.com/forum/read.php?2870,91446,92116#msg-92116 http://mepopedia.com/forum/read.php?2870,91446,92116#msg-92116 OnePage作業網址
(2) 參考之版型網址：老師的
(3) 設計主題 / 風格：灰黑
(4) 導覽列項目： HOME INTRODUCE question Portfolio Official Contact
(5) 遇到之問題: 輪播圖的尺寸抓不準一直改
(6) 製作時間: 5天
(7) 製作心得: 雖然有點複雜 但是完成後很有成就感

班級，學號 視傳2Ａ 1081445112]]> 1081445112 109-1《中國》北視傳二-網頁設計 Thu, 14 Jan 2021 16:53:52 +0800 http://mepopedia.com/forum/read.php?2870,91446,92115#msg-92115 http://mepopedia.com/forum/read.php?2870,91446,92115#msg-92115 OnePage作業網址
(2) 參考之版型網址：老師的範例網址
(3) 設計主題 / 風格：插畫家 / 黑色系

(4) 導覽列項目：
Home
About
Q&A
Creation
Other similar brands
Contact
(5) 遇到之問題：有時候放圖上去了卻沒有顯示
(6) 製作時間：2天
(7) 製作心得：製作完這次的作業，感覺有點成就感

班級:視傳2A 學號1081445076]]> 1081445076 109-1《中國》北視傳二-網頁設計 Thu, 14 Jan 2021 13:54:59 +0800 http://mepopedia.com/forum/read.php?2870,91446,92113#msg-92113 http://mepopedia.com/forum/read.php?2870,91446,92113#msg-92113 OnePage作業網址
(2) 參考之版型網址： 參考老師範例網站
(3) 設計主題 / 風格 :純樸、自然
(4) 導覽列項目：關於台東的介紹
(5) 遇到之問題: 圖片上傳不了，但解決了。
(6) 製作時間: 1天
(7) 製作心得: 覺得很複雜，但做完很有成就感。

視傳2B 1081445120]]> 1081445120 109-1《中國》北視傳二-網頁設計 Wed, 13 Jan 2021 23:31:24 +0800 http://mepopedia.com/forum/read.php?2870,91446,92087#msg-92087 http://mepopedia.com/forum/read.php?2870,91446,92087#msg-92087 http://cute.mepopedia.com/~t109b/onepage/onepage-1081445006/
(2) 參考之版型網址：參考老師範例網站
(3) 設計主題 / 風格：耀眼燈場 閃亮風格
(4) 導覽列項目：首頁燈泡推薦燈具推薦擺放分享商店分享
(5) 遇到之問題:很常找不到東西在哪裡，但是老師說用"檢查"的方式快很多，可以很明確知道位置在哪裡!
(6) 製作時間:大約9-10個小時
(7) 製作心得:很有趣!終於做出一個自己的網站，超喜歡!

視傳2B 1081445006]]> 徐愷昱 109-1《中國》北視傳二-網頁設計 Tue, 12 Jan 2021 14:56:52 +0800 http://mepopedia.com/forum/read.php?2870,91446,92047#msg-92047 http://mepopedia.com/forum/read.php?2870,91446,92047#msg-92047 http://cute.mepopedia.com/~t109b/onepage/onepage-1081445018/
(2) 參考之版型網址：參考老師的
(3) 設計主題 / 風格 各類型繪師
(4) 導覽列項目：主頁 關於 服務 目錄 地圖
(5) 遇到之問題:行數很多 眼花撩亂
(6) 製作時間:3天
(7) 製作心得:好難 時間有點來不及 但很有成就感

班級 視傳2B，學號1081445018]]> 1081445018 109-1《中國》北視傳二-網頁設計 Mon, 11 Jan 2021 16:35:00 +0800 http://mepopedia.com/forum/read.php?2870,91446,92046#msg-92046 http://mepopedia.com/forum/read.php?2870,91446,92046#msg-92046 OnePage作業網址
(2) 參考之版型網址：參考老師的範例
(3) 設計主題 / 風格:植物分享,清新的感覺
(4) 導覽列項目：首頁 推薦 風水 照顧方式 商店分享
(5) 遇到之問題:東西一植跑掉
(6) 製作時間:兩天
(7) 製作心得:對我來說非常困難,但有越來越看得懂的感覺,非常開心

視傳2b 1081445024]]> 1081445024 109-1《中國》北視傳二-網頁設計 Mon, 11 Jan 2021 16:32:49 +0800 http://mepopedia.com/forum/read.php?2870,91446,92041#msg-92041 http://mepopedia.com/forum/read.php?2870,91446,92041#msg-92041 http://cute.mepopedia.com/~t109b/onepage/onepage-1081445051/index.html
(2) 參考之版型網址：參考老師和同學的範例網站
(3) 設計主題 / 風格：底片/清新、簡單、有點小復古的味道
(4) 導覽列項目：關於自己為何喜歡底片/自己的底片機/自己拍攝的照片/蠻愛的相機店/其中一間店的地址
(5) 遇到之問題:圖片跑版，但不知道怎麼改
(6) 製作時間:10小時
(7) 製作心得:滿滿的成就感~雖然還有些地方做得不是很好

視傳2B 1081445051]]> 1081445051 109-1《中國》北視傳二-網頁設計 Mon, 11 Jan 2021 16:23:25 +0800 http://mepopedia.com/forum/read.php?2870,91446,92039#msg-92039 http://mepopedia.com/forum/read.php?2870,91446,92039#msg-92039 http://cute.mepopedia.com/~t109b/onepage/onepage-1081445075/
(2) 參考之版型網址：參考老師範例
(3) 設計主題 / 風格：可愛/ 清新，質感。
(4) 導覽列項目：首頁 / 關於柴犬 /習慣 / 照片 / IG/ 地圖
(5) 遇到之問題:很多
(6) 製作時間:大約3天多
(7) 製作心得:很難沒有接觸過網頁現 但是努力完成後 覺得蠻有成就感的!

視傳2B 1081445075 劉育甄]]> 1081445075 109-1《中國》北視傳二-網頁設計 Mon, 11 Jan 2021 16:20:49 +0800 http://mepopedia.com/forum/read.php?2870,91446,92038#msg-92038 http://mepopedia.com/forum/read.php?2870,91446,92038#msg-92038 OnePage作業網址
(2) 參考之版型網址：參考老師範例
(3) 設計主題 / 風格:以食物為主的風格
(4) 導覽列項目：首頁,關於咖哩,異國咖哩,圖片分享,私心推薦
(5) 遇到之問題:找不到圖片檔案
(6) 製作時間:兩三天
(7) 製作心得:剛開始覺得很難熟悉後就覺得還可以

班級視傳2b學號1081445087李采楹]]> 1081445087 109-1《中國》北視傳二-網頁設計 Mon, 11 Jan 2021 16:18:58 +0800 http://mepopedia.com/forum/read.php?2870,91446,92034#msg-92034 http://mepopedia.com/forum/read.php?2870,91446,92034#msg-92034 OnePage作業網址 http://cute.mepopedia.com/~t109b/onepage/onepage-1081445115/
(2) 參考之版型網址：參考老師範例網站
(3) 設計主題 / 風格：遊戲網站
(4) 導覽列項目：首頁 關於 最新消息 英雄定位 賽事
(5) 遇到之問題:有時候製作連結的東西會做很久
(6) 製作時間:大約9-10個小時
(7) 製作心得:很有趣!喜歡這門課

視傳2B 1081445115 梁有揚]]> 1081445115 109-1《中國》北視傳二-網頁設計 Mon, 11 Jan 2021 16:11:33 +0800 http://mepopedia.com/forum/read.php?2870,91446,92031#msg-92031 http://mepopedia.com/forum/read.php?2870,91446,92031#msg-92031 OnePage作業網址 http://cute.mepopedia.com/~t109b/onepage/onepage-1081445099/
(2) 參考之版型網址：參考老師範例網站
(3) 設計主題 / 風格：LABUBU盒玩。
(4) 導覽列項目：大廳 作著介紹 盒玩介紹
(5) 遇到之問題:很常找不到東西在哪裡，但是老師說用"檢查"的方式快很多，可以很明確知道位置在哪裡!
(6) 製作時間:大約9-10個小時
(7) 製作心得:很有趣!終於做出一個自己的網站，超喜歡!

視傳2B 1081445099 陳正浩]]> 陳正浩 109-1《中國》北視傳二-網頁設計 Mon, 11 Jan 2021 16:05:12 +0800 http://mepopedia.com/forum/read.php?2870,91446,92025#msg-92025 http://mepopedia.com/forum/read.php?2870,91446,92025#msg-92025
OnePage作業網址
(2) 參考之版型網址：參考老師給的
(3) 設計主題 / 風格 :BTS 專輯介紹與2020的事蹟
(4) 導覽列項目：home， about them， album， 2020， 7 boys，contact
(5) 遇到之問題:常常找不到顏色
(6) 製作時間:三天
(7) 製作心得:過程雖然會要研究很久但完成的時候很有成就感

班級視傳2B 學號1081445091]]> 1081445091 109-1《中國》北視傳二-網頁設計 Mon, 11 Jan 2021 15:25:27 +0800 http://mepopedia.com/forum/read.php?2870,91446,92024#msg-92024 http://mepopedia.com/forum/read.php?2870,91446,92024#msg-92024 OnePage作業網址
(2) 參考之版型網址：參考老師範例網站
(3) 設計主題 / 風格 :個人秘密基地，採歡樂活潑的黃色為主色調
(4) 導覽列項目：HOME ABOUT 興趣介紹 我的作品 畢業倒數 最喜歡動畫電影介紹
(5) 遇到之問題: 低次接觸 所以做蠻久的
(6) 製作時間: 2天
(7) 製作心得: 做完後有很大的成就感

視傳2B 1081445085]]> 1081445085 109-1《中國》北視傳二-網頁設計 Mon, 11 Jan 2021 15:24:40 +0800 http://mepopedia.com/forum/read.php?2870,91446,92023#msg-92023 http://mepopedia.com/forum/read.php?2870,91446,92023#msg-92023 (1).作業網址：
OnePage作業網址
(2) 參考之版型網址：參考老師的範例
(3) 設計主題 / 風格:迪士尼可愛風!
(4) 導覽列項目：Home/About me/Hobby/Photo/School Memory
(5) 遇到之問題:很多地方少一個字母或少一個標點符號就會差得非常多
(6) 製作時間:3天
(7) 製作心得:覺得好玩又有趣!第一次接觸到網頁很開心能夠設計出屬於自己的網頁。

班級 視傳2A 學號 1081445023]]> 1081445023 109-1《中國》北視傳二-網頁設計 Mon, 11 Jan 2021 15:05:16 +0800 http://mepopedia.com/forum/read.php?2870,91446,92019#msg-92019 http://mepopedia.com/forum/read.php?2870,91446,92019#msg-92019 http://cute.mepopedia.com/~t109a/onepage/onepage-1081443078/
(2) 參考之版型網址：http://file.mepopedia.com/~css108b/midterm/midterm-1075445050/
(3) 設計主題 / 風格：色彩斑斕感。
(4) 導覽列項目：首頁 / 關於我 / 服務 / 作品 / 推薦 / 聯繫
(5) 遇到之問題:有時候找不到自己哪裡打錯
(6) 製作時間:1天
(7) 製作心得:做很久感覺一直找不到哪裡錯誤 但是看到效果出來還是小高興

視傳2A 1081443078]]> 周芸彤 109-1《中國》北視傳二-網頁設計 Mon, 11 Jan 2021 14:25:06 +0800 http://mepopedia.com/forum/read.php?2870,91446,92018#msg-92018 http://mepopedia.com/forum/read.php?2870,91446,92018#msg-92018 (3) 設計主題 / 風格：改裝車。
(4) 導覽列項目：TOP ABOUT BODY KIT CUSTOM CONTACT
(5) 遇到之問題:沒有
(6) 製作時間:大約1天多
(7) 製作心得:挺好玩的現在透過一些語法把網站改成自己喜歡的樣子，覺得蠻有成就感的!

視傳5B 1051445098]]> 1051445098 109-1《中國》北視傳二-網頁設計 Mon, 11 Jan 2021 14:25:01 +0800 http://mepopedia.com/forum/read.php?2870,91446,92015#msg-92015 http://mepopedia.com/forum/read.php?2870,91446,92015#msg-92015 OnePage作業網址
(2) 參考之版型網址：老師的範例網站
(3) 設計主題 / 風格：水母粉粉嫩嫩的感覺
(4) 導覽列項目：首頁 / 介紹 / 小知識 / 照片欣賞 /世界最大
(5) 遇到之問題:沒有
(6) 製作時間:3天
(7) 製作心得:製作過程還算順利 雖然一開始在想要做什麼主題很久

視傳2B 1081445071]]> 1081445071 109-1《中國》北視傳二-網頁設計 Mon, 11 Jan 2021 14:15:50 +0800 http://mepopedia.com/forum/read.php?2870,91446,92014#msg-92014 http://mepopedia.com/forum/read.php?2870,91446,92014#msg-92014 OnePage作業網址

(2) 參考之版型網址：參考老師的網頁版型
(3) 設計主題 / 風格 : IDOL介紹
(4) 導覽列項目：首頁/個人資料/關於她/照片/地圖
(5) 遇到之問題: 比前幾次的作業難很多、複雜很多，在放置圖片的部分有遇到很多困難，會出現無法顯示的問題。
(6) 製作時間:1天
(7) 製作心得:這次的作業雖然比之前的難很多，遇到的困難也比之前的難解決，但有問過同學後，問題有一一解決。

視傳3B，1071445147]]> 林巧妮 109-1《中國》北視傳二-網頁設計 Mon, 11 Jan 2021 14:09:30 +0800 http://mepopedia.com/forum/read.php?2870,91446,92004#msg-92004 http://mepopedia.com/forum/read.php?2870,91446,92004#msg-92004 OnePage作業網址
(2) 參考之版型網址：老師範例
(3) 設計主題 / 風格：薩爾達傳說曠野之席大略介紹
(4) 導覽列項目：HOME ABOUT SERVICE PICTURE RECOMMEND CONTACT
(5) 遇到之問題:不知道內容該怎麼放，不是太多就是太少很難取捨。
(6) 製作時間:七天
(7) 製作心得:我太難了。

班級 視傳2A，學號 1081445072]]> 李沂軒 109-1《中國》北視傳二-網頁設計 Mon, 11 Jan 2021 13:36:53 +0800 http://mepopedia.com/forum/read.php?2870,91446,92003#msg-92003 http://mepopedia.com/forum/read.php?2870,91446,92003#msg-92003 OnePage作業網址

(2) 參考之版型網址：參考老師範例網站
(3) 設計主題 / 風格 偶像
(4) 導覽列項目：首頁 關於 興趣 照片 網路紅人 地址
(5) 遇到之問題:整體製作很難
(6) 製作時間:好幾天
(7) 製作心得:但是做自己喜歡的偶像很有動力

視1A 1081445066]]> 1081445066 109-1《中國》北視傳二-網頁設計 Mon, 11 Jan 2021 13:29:12 +0800 http://mepopedia.com/forum/read.php?2870,91446,92000#msg-92000 http://mepopedia.com/forum/read.php?2870,91446,92000#msg-92000 (1).作業網址：
OnePage作業網址
(2) 參考之版型網址：
(3) 設計主題 / 風格:歐美卡通飛天小女警
(4) 導覽列項目：
(5) 遇到之問題:圖片套很久，世界大混亂....
(6) 製作時間:3天斷斷續續
(7) 製作心得:真的好難好難....我好痛苦

班級，學號 視傳2A 1081445007]]> debby891117 109-1《中國》北視傳二-網頁設計 Mon, 11 Jan 2021 13:24:20 +0800 http://mepopedia.com/forum/read.php?2870,91446,91999#msg-91999 http://mepopedia.com/forum/read.php?2870,91446,91999#msg-91999 OnePage作業網址
(2) 參考之版型網址：參考老師範例網站
(3) 設計主題 / 風格:
(4) 導覽列項目：home、ABOUT CHOWDER、場景介紹、人物介紹、回憶錄、藏寶圖
(5) 遇到之問題:常常找不到東西在哪裡，弄老半天還是滿頭問號
(6) 製作時間:大約10個小時
(7) 製作心得:好難好糾結]]> holysiao 109-1《中國》北視傳二-網頁設計 Mon, 11 Jan 2021 13:24:11 +0800 http://mepopedia.com/forum/read.php?2870,91446,91993#msg-91993 http://mepopedia.com/forum/read.php?2870,91446,91993#msg-91993 OnePage作業網址
(2) 參考之版型網址：老師給的範例
(3) 設計主題 / 風格 想介紹自己/文青優雅路線
(4) 導覽列項目：都有做 好難喔
(5) 遇到之問題: 太多了 我覺得我吸收不良
(6) 製作時間: 2小時多
(7) 製作心得: 我發現很多期末作業要交都快趕不及，熬夜終於做完了，想哭。

視傳2B，1081445036

增加 地圖 修改 圖示]]> 1081445036 109-1《中國》北視傳二-網頁設計 Mon, 11 Jan 2021 10:30:22 +0800