JinJin 的視覺設計專區 - 112-2《中國》竹視傳二A-網頁設計 http://mepopedia.com/forum/list.php?3003 Wed, 29 Apr 2026 13:38:29 +0800 Phorum 5.2.7 http://mepopedia.com/forum/read.php?3003,94647,94664#msg-94664 Re: [期末作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖 http://mepopedia.com/forum/read.php?3003,94647,94664#msg-94664 OnePage作業網址

(2) 企劃書網址：
OnePage網頁企劃書

(3) 參考之版型網址：老師給的網址修改
(4) 製作時間:2個月
(5) 製作心得:覺得很有趣很好玩，越來越想走網頁設計的路

視傳2A-1115445053]]> 魔幻小星 112-2《中國》竹視傳二A-網頁設計 Mon, 24 Jun 2024 11:49:50 +0800 http://mepopedia.com/forum/read.php?3003,94568,94663#msg-94663 Re: [作業01] html-css基礎概念練習-歌詞篇 http://mepopedia.com/forum/read.php?3003,94568,94663#msg-94663 作業01網址<>
(2).請回答以下問題：
1.製作主題：我們這一家
2.呈現之配色風格：可愛的配色
3.有無遇到的問題? DW的不熟悉的操作
4.花多少時間製作：2-3
5.製作心得：還蠻困難的

班級，學號
2A 1115445018]]> 1115445018 112-2《中國》竹視傳二A-網頁設計 Sat, 22 Jun 2024 12:55:08 +0800 http://mepopedia.com/forum/read.php?3003,94568,94662#msg-94662 Re: [作業01] html-css基礎概念練習-歌詞篇 http://mepopedia.com/forum/read.php?3003,94568,94662#msg-94662 file:///C:/Users/user/Downloads/66TTT.html作業01網址
(2).請回答以下問題：
1.製作主題：我們這一家
2.呈現之配色風格：可愛的配色
3.有無遇到的問題? DW的不熟悉的操作
4.花多少時間製作：2-3
5.製作心得：還蠻困難的

班級，學號
2A 1115445018]]> 1115445018 112-2《中國》竹視傳二A-網頁設計 Sat, 22 Jun 2024 12:55:13 +0800 http://mepopedia.com/forum/read.php?3003,94647,94661#msg-94661 Re: [期末作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖 http://mepopedia.com/forum/read.php?3003,94647,94661#msg-94661 OnePage作業網址

(2)企劃書網站:沒有

(2)製作時間:4個禮拜多

(3)製作心得:那些能以架設網站來當作工作的人真的很厲害，我做一個就快不行了

視傳4A 1075445009]]> 1075445009 112-2《中國》竹視傳二A-網頁設計 Thu, 20 Jun 2024 11:46:21 +0800 http://mepopedia.com/forum/read.php?3003,94647,94660#msg-94660 Re: [期末作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖 http://mepopedia.com/forum/read.php?3003,94647,94660#msg-94660 OnePage作業網址

(2) 企劃書網址：
OnePage網頁企劃書

(4) 製作時間:幾週
(5) 製作心得:很好


視傳2A 1115445020]]> 奧野詩 112-2《中國》竹視傳二A-網頁設計 Thu, 20 Jun 2024 11:35:34 +0800 http://mepopedia.com/forum/read.php?3003,94647,94659#msg-94659 Re: [期末作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖 http://mepopedia.com/forum/read.php?3003,94647,94659#msg-94659 OnePage作業網址

(2) 企劃書網址：
OnePage網頁企劃書

(3) 參考之版型網址：onepage
(4) 製作時間:12周
(5) 製作心得:我希望能利用更多時間來跟老師討論練習代碼

班級 2A，學號 1115445005]]> 1115445005 112-2《中國》竹視傳二A-網頁設計 Thu, 20 Jun 2024 11:24:20 +0800 http://mepopedia.com/forum/read.php?3003,94647,94658#msg-94658 Re: [期末作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖 http://mepopedia.com/forum/read.php?3003,94647,94658#msg-94658 OnePage作業網址

(2) 企劃書網址：
OnePage網頁企劃書


(4) 製作時間:幾週
(5) 製作心得:很好

視傳2A，1115445020]]> 奧野詩 112-2《中國》竹視傳二A-網頁設計 Thu, 20 Jun 2024 11:18:51 +0800 http://mepopedia.com/forum/read.php?3003,94647,94656#msg-94656 Re: [期末作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖 http://mepopedia.com/forum/read.php?3003,94647,94656#msg-94656 OnePage作業網址

(2) 企劃書網址：
OnePage網頁企劃書

(3) 製作時間:五週
(4) 製作心得:有點困難但是還是完成了

班級 視傳2A，學號 1115445009]]> 李永雋 112-2《中國》竹視傳二A-網頁設計 Thu, 20 Jun 2024 10:38:18 +0800 http://mepopedia.com/forum/read.php?3003,94647,94655#msg-94655 Re: [期末作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖 http://mepopedia.com/forum/read.php?3003,94647,94655#msg-94655 OnePage作業網址

(2) 企劃書網址：
OnePage網頁企劃書


(4) 製作時間:3天
(5) 製作心得:好困難，一直卡住
視傳2A 1115445007 1115445018 1115445024]]> 1115445007 112-2《中國》竹視傳二A-網頁設計 Thu, 20 Jun 2024 09:58:35 +0800 http://mepopedia.com/forum/read.php?3003,94647,94654#msg-94654 Re: [期末作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖 http://mepopedia.com/forum/read.php?3003,94647,94654#msg-94654 OnePage作業網址
(2) 企劃書網址：
(3) 參考之版型網址：
(4) 製作時間:5~6小時
(5) 製作心得:一開始不熟悉時覺得有點困難，慢慢熟悉後設計成自己喜歡的樣式覺得很有趣。

視2A 1115445004]]> 1115445004 112-2《中國》竹視傳二A-網頁設計 Wed, 19 Jun 2024 21:01:47 +0800 http://mepopedia.com/forum/read.php?3003,94647,94653#msg-94653 Re: [期末作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖 http://mepopedia.com/forum/read.php?3003,94647,94653#msg-94653 OnePage作業網址


(2) 參考之版型網址：
(3) 製作時間:一個月多嗎，不太確定
(4) 製作心得:把一個網頁作完整還蠻有成就的，要再加油


班級:視傳2A，學號:1115445051]]> 1115445051 112-2《中國》竹視傳二A-網頁設計 Wed, 19 Jun 2024 14:33:44 +0800 http://mepopedia.com/forum/read.php?3003,94647,94652#msg-94652 Re: [期末作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖 http://mepopedia.com/forum/read.php?3003,94647,94652#msg-94652 OnePage作業網址
(2) 製作時間:2年級下學期整個學期
(3) 製作心得:非常艱難 但已努力

班級:視2A，學號:1115445010]]> 1115445010 112-2《中國》竹視傳二A-網頁設計 Thu, 13 Jun 2024 15:15:43 +0800 http://mepopedia.com/forum/read.php?3003,94647,94651#msg-94651 Re: [期末作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖 http://mepopedia.com/forum/read.php?3003,94647,94651#msg-94651 OnePage作業網址

(2) 企劃書網址：
OnePage網頁企劃書

(4) 製作時間:幾周的時間

(5) 製作心得:第一次設計網站，運用自己喜歡的製作主題，設計完成後真的非常有成就感，也很喜歡成品，雖然看到很多代碼就覺得困難，但完成之後非常開心。

班級：視傳2A，學號：1115445012]]> 1115445012 112-2《中國》竹視傳二A-網頁設計 Thu, 13 Jun 2024 15:05:07 +0800 http://mepopedia.com/forum/read.php?3003,94647,94650#msg-94650 Re: [期末作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖 http://mepopedia.com/forum/read.php?3003,94647,94650#msg-94650 OnePage作業網址

(2) 製作時間:幾周

(3) 製作心得:蠻特別的經驗，第一次製作網站，製作過程雖然有點困難，但都能解決。

班級，學號 視傳2A 1115445025]]> 1115445025 112-2《中國》竹視傳二A-網頁設計 Thu, 13 Jun 2024 14:54:22 +0800 http://mepopedia.com/forum/read.php?3003,94647,94649#msg-94649 Re: [期末作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖 http://mepopedia.com/forum/read.php?3003,94647,94649#msg-94649 OnePage作業網址

(2) 製作時間:幾節課

(3) 製作心得:特別的網站體驗

班級，學號:視傳2A 1115445011]]> 徐筱姍 112-2《中國》竹視傳二A-網頁設計 Thu, 13 Jun 2024 14:33:30 +0800 http://mepopedia.com/forum/read.php?3003,94647,94648#msg-94648 Re: [期末作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖 http://mepopedia.com/forum/read.php?3003,94647,94648#msg-94648 OnePage作業網址

(2) 企劃書網址：
OnePage網頁企劃書

(4) 製作時間:幾週
(5) 製作心得:很好

視傳2A 1115445008,1115445015]]> YuTseWeng 112-2《中國》竹視傳二A-網頁設計 Thu, 13 Jun 2024 10:46:25 +0800 http://mepopedia.com/forum/read.php?3003,94647,94647#msg-94647 [期末作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖 http://mepopedia.com/forum/read.php?3003,94647,94647#msg-94647
  1. 1. 製作RWD｜OnePage網頁
  2. 2. 作業說明
  3. 3. 評分標準：

1. 製作RWD｜OnePage網頁



1.參照講義製作
［講義］OnePage 網頁｜網頁企劃
［講義］OnePage 網頁｜實作解析(一）｜輪播圖｜Grid System格線系統
［講義］OnePage 網頁｜實作解析(二）｜相片分類與燈箱效果｜地圖設定
［講義］OnePage 網頁｜實作解析(三）地圖設定｜表格設定
［講義］RWD網頁解析｜Google Fonts 網路中文字型｜補充說明


2. 作業說明


1.請以個人網站、作品集、自訂有興趣的等主題製作，作品須原創，不可使用他人作品。

2.參照上課範例，或其他免費版型(但須至少符合以下項目)，挑選一適合期末作業主題的版型，結合選擇之版型製作。
除了上課版型，在製作其他網頁者可加分。

3.每週皆有製作進度，請至Moodle繳交。

4.需完成之製作項目：
(1) 完成網頁企劃書
(2) 製作『個人圖示favicon』、『LOGO』。
(3) 使用『圖示字體(icon font) Font Awesome』。
(4) 製作『輪播圖』。
(5) 了解『網頁格線概念』，並進行修改。
(6) 製作『相簿作品分類』，並進行修改。
(7) 製作『表格』，並進行修改。
(8) 製作『地圖』，並進行修改。
(9) 其他部分可替換文字或圖片修改，可選擇需要的部分即可。
(10) 請務必調整為與主題相符的色彩，以及調整字體、粗細等樣式設定，使修改之網站產生全新的風格與面貌，並與設定之網頁屬性相符。
(11) 需要連結的部分，請務必補上連結，每個連結都必須有作用。不必要的地方務必刪除，整個網站需無錯誤。

3. 評分標準：


1.美感性與精緻性（配色、圖片、排版效果、字體調整、整體效果、擺脫原有的感覺、表現獨特風格）。
2.完整性（符合規定，且連結點選都完整）。
3.正確性（語法正確，不出錯、連結需完整）。
4.加分項（內容豐富且完整，超過規定的要求）。


重點加分項目：除了上課範例外，可參考其他版型，挑選一適合的版型，製作另一個新主題的OnePage網頁。
有額外製作另一網頁的同學，總分額外加5-10分。


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

請回覆於作業文章
：
(1) 作業網址 ：
<a href="http://my.cute.edu.tw/~1115445XXX/onepage" target="_blank">OnePage作業網址</a>
(2) 企劃書網址：
<a href="企劃書網址" target="_blank">OnePage網頁企劃書</a>
(3) 參考之版型網址：
(4) 製作時間:
(5) 製作心得:

班級，學號]]> JinJin 112-2《中國》竹視傳二A-網頁設計 Thu, 13 Jun 2024 08:50:14 +0800 http://mepopedia.com/forum/read.php?3003,94646,94646#msg-94646 網頁設計 http://mepopedia.com/forum/read.php?3003,94646,94646#msg-94646 作業02網址

(2).請回答以下問題：
1.製作主題 一頁式網頁
2.加入新效果愈呈現的風格為何：非常有商業招生味道 色彩分明
3.遇到的問題? 字碼太小 會看得很吃力
4.花多少時間製作 5周
5.製作心得：這是以前沒學的時候 所不會的設計 謝謝老師 給的講義這樣精闢 上網頁設計真的有收穫

班級 碩一A，學號1125745012]]> 1125745012 112-2《中國》竹視傳二A-網頁設計 Fri, 07 Jun 2024 14:48:24 +0800 http://mepopedia.com/forum/read.php?3003,94645,94645#msg-94645 [作業02] html-css｜CSS3｜jQuary｜FontAwesome｜練習 http://mepopedia.com/forum/read.php?3003,94645,94645#msg-94645 作業02網址

(2).請回答以下問題：
1.製作主題 一頁式網頁
2.加入新效果愈呈現的風格為何：非常有商業招生味道 色彩分明
3.遇到的問題? 字碼太小 會看得很吃力
4.花多少時間製作 5周
5.製作心得：這是以前沒學的時候 所不會的設計 謝謝老師 給的講義這樣精闢 上網頁設計真的有收穫

班級 碩一A，學號1125745012]]> 1125745012 112-2《中國》竹視傳二A-網頁設計 Fri, 07 Jun 2024 14:43:25 +0800 http://mepopedia.com/forum/read.php?3003,94575,94639#msg-94639 Re: [作業02]html-css｜CSS3｜jQuary｜FontAwesome｜練習 http://mepopedia.com/forum/read.php?3003,94575,94639#msg-94639 作業02網址

(2).請回答以下問題：
1.製作主題：meme歌曲
2.加入新效果愈呈現的風格為何：第一首比較像80年代會用的顏色 第二首就沒有特別去挑了
3.遇到的問題? :把動圖放進背景
4.花多少時間製作： 三個禮拜
5.製作心得：會眼花

班級 視傳4A 學號 1075445009]]> 1075445009 112-2《中國》竹視傳二A-網頁設計 Thu, 02 May 2024 11:35:29 +0800 http://mepopedia.com/forum/read.php?3003,94575,94629#msg-94629 Re: [作業02]html-css｜CSS3｜jQuary｜FontAwesome｜練習 http://mepopedia.com/forum/read.php?3003,94575,94629#msg-94629 作業02網址

(2).請回答以下問題：
1.製作主題：歌詞
2.加入新效果愈呈現的風格為何：根據歌曲內容
3.遇到的問題?尺寸大小跟語法不熟
4.花多少時間製作：3-4堂
5.製作心得：好玩

班級，學號
視傳2a 1115448030]]> 1115448030 112-2《中國》竹視傳二A-網頁設計 Thu, 25 Apr 2024 12:28:39 +0800 http://mepopedia.com/forum/read.php?3003,94575,94628#msg-94628 Re: [作業02]html-css｜CSS3｜jQuary｜FontAwesome｜練習 http://mepopedia.com/forum/read.php?3003,94575,94628#msg-94628 作業02網址

(2).請回答以下問題：
1.製作主題：台灣有名歌曲(天使和菊花台)
2.加入新效果愈呈現的風格為何：一個為暖色系且照片為植物，另一個為寒色系照片用天空和大門
3.遇到的問題? 表格上的顏色需要回原始碼進行修改(但問題已解決)
4.花多少時間製作：3-4週
5.製作心得：隨然做好了但是對代碼的認知還是不行希望能找空閒時間請老師教我

班級 2A 視傳系，學號 1115445005]]> 1115445005 112-2《中國》竹視傳二A-網頁設計 Thu, 25 Apr 2024 12:20:47 +0800 http://mepopedia.com/forum/read.php?3003,94575,94627#msg-94627 Re: [作業02]html-css｜CSS3｜jQuary｜FontAwesome｜練習 http://mepopedia.com/forum/read.php?3003,94575,94627#msg-94627 作業02網址
(2).請回答以下問題：
1.製作主題： Gyubin的兩首歌
2.加入新效果愈呈現的風格為何： 更有意境跟情緒
3.遇到的問題? 上傳太坎坷
4.花多少時間製作： 很久！！
5.製作心得： 好難，但是很有成就感

視2Ａ 1115445028 林佩瑩]]> 1115445028 112-2《中國》竹視傳二A-網頁設計 Thu, 25 Apr 2024 11:53:57 +0800 http://mepopedia.com/forum/read.php?3003,94575,94626#msg-94626 Re: [作業02]html-css｜CSS3｜jQuary｜FontAwesome｜練習 http://mepopedia.com/forum/read.php?3003,94575,94626#msg-94626 作業02網址

(2).請回答以下問題：
1.製作主題：La Verdad /他舉起右手點名
2.加入新效果愈呈現的風格為何：延續上次的風格
3.遇到的問題?會找不到錯誤在哪個代碼
4.花多少時間製作：兩個禮拜
5.製作心得：很有趣

1115445007 吳怡青]]> 1115445007 112-2《中國》竹視傳二A-網頁設計 Thu, 25 Apr 2024 11:45:22 +0800 http://mepopedia.com/forum/read.php?3003,94575,94625#msg-94625 Re: [作業02]html-css｜CSS3｜jQuary｜FontAwesome｜練習 http://mepopedia.com/forum/read.php?3003,94575,94625#msg-94625 作業02網址
(2).請回答以下問題：
1.製作主題：認真的雪/天外來物
2.加入新效果愈呈現的風格為何：mv影片
3.遇到的問題?無
4.花多少時間製作：半學期
5.製作心得：加油

班級:視2A/學號:1115445010]]> 1115445010 112-2《中國》竹視傳二A-網頁設計 Thu, 25 Apr 2024 11:36:54 +0800 http://mepopedia.com/forum/read.php?3003,94575,94624#msg-94624 Re: [作業02]html-css｜CSS3｜jQuary｜FontAwesome｜練習 http://mepopedia.com/forum/read.php?3003,94575,94624#msg-94624 作業02網址

(2).請回答以下問題：
1.製作主題：兩個人/不染
2.加入新效果愈呈現的風格為何：個人聽這首歌的感覺
3.遇到的問題? tabs不會變
4.花多少時間製作：兩個禮拜
5.製作心得：有一點小複雜

視傳2A-1115445053]]> 魔幻小星 112-2《中國》竹視傳二A-網頁設計 Thu, 25 Apr 2024 11:36:01 +0800 http://mepopedia.com/forum/read.php?3003,94575,94623#msg-94623 Re: [作業02]html-css｜CSS3｜jQuary｜FontAwesome｜練習 http://mepopedia.com/forum/read.php?3003,94575,94623#msg-94623 作業02網址

(2).請回答以下問題：
1.製作主題：鮮花 七里香
2.加入新效果愈呈現的風格為何：陽光
3.遇到的問題?太多代碼
4.花多少時間製作：2h
5.製作心得：很好

班級:視傳2A學號:1115445015]]> 1115445015 112-2《中國》竹視傳二A-網頁設計 Thu, 25 Apr 2024 11:33:54 +0800 http://mepopedia.com/forum/read.php?3003,94575,94622#msg-94622 Re: [作業02]html-css｜CSS3｜jQuary｜FontAwesome｜練習 http://mepopedia.com/forum/read.php?3003,94575,94622#msg-94622 作業02網址

(2).請回答以下問題：
1.製作主題:韓團歌曲
2.加入新效果愈呈現的風格為何：黑粉色
3.遇到的問題? 忘記代碼
4.花多少時間製作:4節課
5.製作心得：很棒

班級，學號
視傳2A 1115445011]]> 徐筱姍 112-2《中國》竹視傳二A-網頁設計 Thu, 25 Apr 2024 11:29:11 +0800 http://mepopedia.com/forum/read.php?3003,94575,94621#msg-94621 Re: [作業02]html-css｜CSS3｜jQuary｜FontAwesome｜練習 http://mepopedia.com/forum/read.php?3003,94575,94621#msg-94621 作業02網址

(2).請回答以下問題：
1.製作主題：Back 2U Space
2.加入新效果愈呈現的風格為何：顏色有改善了
3.遇到的問題?:顏色不被反射
4.花多少時間製作：3週
5.製作心得：很好

班級視傳2A，學號1115445020]]> 奧野詩 112-2《中國》竹視傳二A-網頁設計 Thu, 25 Apr 2024 11:29:05 +0800 http://mepopedia.com/forum/read.php?3003,94575,94620#msg-94620 Re: [作業02]html-css｜CSS3｜jQuary｜FontAwesome｜練習 http://mepopedia.com/forum/read.php?3003,94575,94620#msg-94620 作業02網址

(2).請回答以下問題：
1.製作主題：歌
2.加入新效果愈呈現的風格為何：橘色和藍色
3.遇到的問題? debug很多次
4.花多少時間製作：上課時間+回家2小時
5.製作心得：完成後感覺很厲害

班級 視傳2A，學號 1115445009]]> 李永雋 112-2《中國》竹視傳二A-網頁設計 Thu, 25 Apr 2024 11:27:54 +0800