[期末作業] OnePage作業｜輪播圖｜格線系統｜相簿｜地圖 1. 製作RWD｜OnePage網頁2. 作業說明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) 作業網址 ： OnePage作業網址 (2) 企劃書網址： OnePage網頁企劃書 (3) 參考之版型網址： (4) 製作時間: (5) 製作心得: 班級，學號 http://mepopedia.com/forum/read.php?3003,94647,94647#msg-94647 Mon, 27 Jul 2026 15:02:19 +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,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