製作RWD｜OnePage網頁 1.參照講義製作 ［講義］OnePage 網頁｜網頁企劃 ［講義］OnePage 網頁｜實作解析(一）｜輪播圖｜Grid System格線系統 ［講義］OnePage 網頁｜實作解析(二）｜相片分類與燈箱效果｜地圖設定 ［講義］OnePage 網頁｜實作解析(三）地圖設定｜表格設定 ［講義］RWD網頁解析｜Google Fonts 網路中文字型｜補充說明 作業說明 1.請以個人網站、作品集、自訂有興趣的等主題製作，作品須原創，不可使用他人作品。 2.參照上課範例，或其他免費版型(但須至少符合以下項目)，挑選一適合期末作業主題的版型，結合選擇之版型製作。 除了上課版型，在製作其他網頁者可加分。 3.每週皆有製作進度，請至Moodle繳交。 4.需完成之製作項目： (1) 完成網頁企劃書 (2) 製作『個人圖示favicon』、『LOGO』。 (3) 使用『圖示字體(icon font) Font Awesome』。 (4) 製作『輪播圖』。 (5) 了解『網頁格線概念』，並進行修改。 (6) 製作『相簿作品分類』，並進行修改。 (7) 製作『表格』，並進行修改。 (8) 製作『地圖』，並進行修改。 (9) 其他部分可替換文字或圖片修改，可選擇需要的部分即可。 (10) 請務必調整為與主題相符的色彩，以及調整字體、粗細等樣式設定，使修改之網站產生全新的風格與面貌，並與設定之網頁屬性相符。 (11) 需要連結的部分，請務必補上連結，每個連結都必須有作用。不必要的地方務必刪除，整個網站需無錯誤。 評分標準： 1.美感性與精緻性（配色、圖片、排版效果、字體調整、整體效果、擺脫原有的感覺、表現獨特風格）。 2.完整性（符合規定，且連結點選都完整）。 3.正確性（語法正確，不出錯、連結需完整）。 4.加分項（內容豐富且完整，超過規定的要求）。 重點加分項目：除了上課範例外，可參考其他版型，挑選一適合的版型，製作另一個新主題的OnePage網頁。 有額外製作另一網頁的同學，總分額外加5-10分。 4.製作完畢請上傳FTP，資料夾命名：onepage。
 請回覆於作業文章
： (1) 作業網址 ： OnePage作業網址 (2) 企劃書網址： OnePage網頁企劃書 (3) 參考之版型網址： (4) 製作時間: (5) 製作心得: 班級，學號 http://mepopedia.com/forum/read.php?2893,93130,93130#msg-93130 Wed, 26 Aug 2026 04:12:41 +0800 Phorum 5.2.7 http://mepopedia.com/forum/read.php?2893,93130,94657#msg-94657 http://mepopedia.com/forum/read.php?2893,93130,94657#msg-94657 OnePage作業網址

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

(3) 參考之版型網址：https://www.figma.com/proto/ZVxVcuITyyK4V3QRC9BGrH/Web-planning?node-id=15-100
(4) 製作時間:共3週
(5) 製作心得:能完成此創舉 實屬不易 5月有太多工作 謝謝老師的教導 老師的教材超精彩 收穫很多

班級 竹112學年 碩1A班，學號112574501李正德正德]]> 1125745012 110-1《中國》竹視傳二A-網頁設計 Thu, 20 Jun 2024 10:46:34 +0800 http://mepopedia.com/forum/read.php?2893,93130,93434#msg-93434 http://mepopedia.com/forum/read.php?2893,93130,93434#msg-93434 file:///E:/%E6%9B%A6%E6%96%87/1075445013/onepage/index.html#


(2) 企劃書網址：
file:///E:/%E6%9B%A6%E6%96%87/1075445013/onepage/index.html#
(3) 參考之版型網址：
無。
(4) 製作時間: 很久很久。
(5) 製作心得: 真的盡全力了，拜託老師不要當我，拜託了。

班級 視傳4A
學號 1075445013]]> 1075445013 110-1《中國》竹視傳二A-網頁設計 Tue, 18 Jan 2022 21:41:28 +0800 http://mepopedia.com/forum/read.php?2893,93130,93427#msg-93427 http://mepopedia.com/forum/read.php?2893,93130,93427#msg-93427 OnePage作業網址

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

(3) 參考之版型網址：老師分享的歷年學生作品
(4) 製作時間: 很久
(5) 製作心得: 製做起來非常有成就感，如果時間足夠的話很想再多放一點東西，可惜製作起來時間性太長...

班級:視4A
學號:1065445151]]> 1065445151 110-1《中國》竹視傳二A-網頁設計 Sat, 15 Jan 2022 22:53:13 +0800 http://mepopedia.com/forum/read.php?2893,93130,93426#msg-93426 http://mepopedia.com/forum/read.php?2893,93130,93426#msg-93426 http://my.cute.edu.tw/~1085445089/onepage/

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

(3) 參考之版型網址：
(4) 製作時間:兩週
(5) 製作心得:開始感受到網頁設計的樂趣，也能更快的找到錯誤的地方，第一次使用DW，非常有趣但發現有更多語法，也想更知道網頁設計的方法。

視傳3A_1085445089]]> 1085445089 110-1《中國》竹視傳二A-網頁設計 Sat, 15 Jan 2022 00:03:17 +0800 http://mepopedia.com/forum/read.php?2893,93130,93422#msg-93422 http://mepopedia.com/forum/read.php?2893,93130,93422#msg-93422 http://my.cute.edu.tw/~1095445035/hw03-1095445035/

(2) 企劃書網址：
https://www.figma.com/file/HcrLqiXCNl6fZjU1ai7w5E/%E8%8E%93%E9%96%8B%E7%9C%BC%E7%AC%91?node-id=0%3A1

(3) 參考之版型網址：http://jinjin.mepopedia.com/~jinjin/wd/hw/onepage/
(4) 製作時間：2週
(5) 製作心得：在fontwebsome卡了好久，也因為一直沒能回家所以無法幫 家裡的商品拍攝，很常因為疫點小細節卡住，所以就要跟其他語法慢慢對照，或者是看別人的來對，還好抖有慢慢找到問題點。

視傳2A 1095445035]]> 1095445035 110-1《中國》竹視傳二A-網頁設計 Fri, 14 Jan 2022 15:27:44 +0800 http://mepopedia.com/forum/read.php?2893,93130,93418#msg-93418 http://mepopedia.com/forum/read.php?2893,93130,93418#msg-93418 OnePage作業網址


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

(3) 參考之版型網址：http://file.mepopedia.com/~css108b/midterm/midterm-1075445086/
(4) 製作時間: 1week
(5) 製作心得: 花好多时间理解，但是非常有趣

班級 视传2A，學號 1095445045]]> 1095445045 110-1《中國》竹視傳二A-網頁設計 Wed, 12 Jan 2022 14:59:46 +0800 http://mepopedia.com/forum/read.php?2893,93130,93417#msg-93417 http://mepopedia.com/forum/read.php?2893,93130,93417#msg-93417 OnePage作業網址

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

(3) 參考之版型網址：老师
(4) 製作時間: 3天
(5) 製作心得: 第一次做那么多资讯的网站,感觉自己学到了一点鸡毛,文字对齐太难了,貌似对齐了又没对齐的感觉。就是如果没有老师的版型代码应该就做不出来了

班級: 视传2A
學號：1095445044]]> 1095445044 110-1《中國》竹視傳二A-網頁設計 Wed, 12 Jan 2022 14:41:04 +0800 http://mepopedia.com/forum/read.php?2893,93130,93416#msg-93416 http://mepopedia.com/forum/read.php?2893,93130,93416#msg-93416 file:///Users/zishan/Desktop/onepage-秋山/index.html

(2) 企劃書網址：
https://www.figma.com/file/yIvhorAwh7hIpOJIQ7hsGt/Web-planning-(Copy)?node-id=0%3A1

(3) 參考之版型網址：http://my.cute.edu.tw/~1095445002/onepage-4/
(4) 製作時間:2週
(5) 製作心得:語法好多，常常搞不懂，但做到後面就越來越上手了

班級，視傳2A 學號 1095445039]]> 1095445039 110-1《中國》竹視傳二A-網頁設計 Wed, 12 Jan 2022 13:41:44 +0800 http://mepopedia.com/forum/read.php?2893,93130,93415#msg-93415 http://mepopedia.com/forum/read.php?2893,93130,93415#msg-93415 OnePage作業網址

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

(3) 參考之版型網址：
(4) 製作時間:1小時
(5) 製作心得:真的很複雜

班級，視傳2A 學號 1095445017]]> 1095445002 110-1《中國》竹視傳二A-網頁設計 Wed, 12 Jan 2022 12:34:14 +0800 http://mepopedia.com/forum/read.php?2893,93130,93414#msg-93414 http://mepopedia.com/forum/read.php?2893,93130,93414#msg-93414 http://my.cute.edu.tw/~1095445014/onepage-2/#collapseTwo

(2) 企劃書網址：
https://www.figma.com/file/PA7xk2Vlnu7VO3WlX9s4Qo/Web-planning-(Copy)?node-id=18%3A249

(3) 參考之版型網址：無
(4) 製作時間:10小時
(5) 製作心得:很難

班級:視傳2A 學號:1095445014]]> 1095445014 110-1《中國》竹視傳二A-網頁設計 Wed, 12 Jan 2022 12:15:12 +0800 http://mepopedia.com/forum/read.php?2893,93130,93413#msg-93413 http://mepopedia.com/forum/read.php?2893,93130,93413#msg-93413 OnePage作業網址

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

(3) 參考之版型網址：鄧紫棋-維基百科https://zh.wikipedia.org/wiki/%E9%84%A7%E7%B4%AB%E6%A3%8B
(4) 製作時間:4天
(5) 製作心得:雖然過程有一點複雜，但是成功做出來的時候很有成就感~

視傳2A，1095445046]]> 1095445046 110-1《中國》竹視傳二A-網頁設計 Wed, 12 Jan 2022 12:13:11 +0800 http://mepopedia.com/forum/read.php?2893,93130,93412#msg-93412 http://mepopedia.com/forum/read.php?2893,93130,93412#msg-93412 OnePage作業網址

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

(3) 參考之版型網址：
(4) 製作時間:三周
(5) 製作心得:在整理作品時 需要花很多時間去籌備準備，在DW裡面有很多英文的專業術語， 時常搞得頭昏腦脹。

班級竹視2A，學號1095445030]]> 1095445030 110-1《中國》竹視傳二A-網頁設計 Wed, 12 Jan 2022 10:54:04 +0800 http://mepopedia.com/forum/read.php?2893,93130,93408#msg-93408 http://mepopedia.com/forum/read.php?2893,93130,93408#msg-93408 2.企劃書網址: https://www.figma.com/file/8c2TS4LxmTw2rfjvejUM7m/1095445015?node-id=0%3A1

3.參考之版型網址:無
4.製作時間:6小時以上
5.製作心得:花好多時間理解，也好難
6.班級:視2A
7.學號1095445015]]> 1095445015 110-1《中國》竹視傳二A-網頁設計 Wed, 12 Jan 2022 01:14:53 +0800 http://mepopedia.com/forum/read.php?2893,93130,93376#msg-93376 http://mepopedia.com/forum/read.php?2893,93130,93376#msg-93376 http://my.cute.edu.tw/~1095445040/onepage-1

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

(3) 參考之版型網址：無
(4) 製作時間:上課時間加上課外時間（一個禮拜）7-8小時
(5) 製作心得:
好難啊啊啊啊啊QQ 眼睛灰灰ㄎ一ˇ

班級視傳2A，學號1095445040]]> 1095445040 110-1《中國》竹視傳二A-網頁設計 Sun, 09 Jan 2022 13:27:08 +0800 http://mepopedia.com/forum/read.php?2893,93130,93372#msg-93372 http://mepopedia.com/forum/read.php?2893,93130,93372#msg-93372 OnePage作業網址

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

(3) 參考之版型網址：無
(4) 製作時間:上課時間+5~6小時
(5) 製作心得:現在使用DW能快速編輯很多東西，也可以即時看到網頁的狀況，雖然很複雜，但認真理解一下就略懂了!

視傳2A，1095445041]]> 1095445041 110-1《中國》竹視傳二A-網頁設計 Fri, 07 Jan 2022 20:21:28 +0800 http://mepopedia.com/forum/read.php?2893,93130,93368#msg-93368 http://mepopedia.com/forum/read.php?2893,93130,93368#msg-93368 OnePage作業網址
(2) 企劃書網址：
OnePage網頁企劃書
(3) 參考之版型網址：導師提供網址
(4) 製作時間:6-7小時
(5) 製作心得:很難，有很多細節需要注意，但後來慢慢熟悉理解。

班級: 視傳2A 學號:1095445007]]> 1095445007 110-1《中國》竹視傳二A-網頁設計 Wed, 05 Jan 2022 11:20:46 +0800 http://mepopedia.com/forum/read.php?2893,93130,93367#msg-93367 http://mepopedia.com/forum/read.php?2893,93130,93367#msg-93367 OnePage作業網址

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

(3) 參考之版型網址:http://my.cute.edu.tw/~1095445036/onepage
(4) 製作時間:課堂時間以及2天
(5) 製作心得:發現越做越有趣,雖然有時間壓力,但是至少做完有成就感,善用搜尋鍵可以找到很多原始資訊!

視傳2A，1095445036]]> 1095445036 110-1《中國》竹視傳二A-網頁設計 Wed, 05 Jan 2022 11:20:15 +0800 http://mepopedia.com/forum/read.php?2893,93130,93366#msg-93366 http://mepopedia.com/forum/read.php?2893,93130,93366#msg-93366 請回覆於作業文章
：
(1) 作業網址 ：
OnePage作業網址

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

(3) 參考之版型網址：
(4) 製作時間:斷斷續續的我也不清楚，蠻久的
(5) 製作心得:對於整理作品花很多時間，有些細節會改到忘記。命名真的要注意常常不小心圖片出不來
還要改的小東西實在太多

視傳2A，學號1095445034]]> 1095445034 110-1《中國》竹視傳二A-網頁設計 Wed, 05 Jan 2022 11:20:01 +0800 http://mepopedia.com/forum/read.php?2893,93130,93365#msg-93365 http://mepopedia.com/forum/read.php?2893,93130,93365#msg-93365 http://my.cute.edu.tw/~1095445007/onepage
(2) 企劃書網址：
OnePage網頁企劃書
(3) 參考之版型網址：導師提供網址
(4) 製作時間:6-7小時
(5) 製作心得:很難，有很多細節需要注意，但後來慢慢熟悉理解。

班級: 視傳2A 學號:1095445007]]> 1095445007 110-1《中國》竹視傳二A-網頁設計 Wed, 05 Jan 2022 11:19:58 +0800 http://mepopedia.com/forum/read.php?2893,93130,93363#msg-93363 http://mepopedia.com/forum/read.php?2893,93130,93363#msg-93363 OnePage作業網址

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

(3) 參考之版型網址：無
(4) 製作時間:5個小時以上
(5) 製作心得:有許多地方會產生不能理解的錯誤但最後還是有解決。


視傳2A 學號 1095445023]]> 黑皮 110-1《中國》竹視傳二A-網頁設計 Wed, 05 Jan 2022 11:18:02 +0800 http://mepopedia.com/forum/read.php?2893,93130,93362#msg-93362 http://mepopedia.com/forum/read.php?2893,93130,93362#msg-93362 OnePage作業網址

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

(3) 參考之版型網址：
(4) 製作時間:3週
(5) 製作心得:用Dreamweaver製作方便許多，可以馬上看到自己製作網頁的狀況。在製作過程中，會遇到圖片跑不出來或者是位置跑掉等等。但最後都順利解決了。

班級:視2A
學號:1095445003]]> 1095445003 110-1《中國》竹視傳二A-網頁設計 Wed, 05 Jan 2022 11:17:16 +0800 http://mepopedia.com/forum/read.php?2893,93130,93361#msg-93361 http://mepopedia.com/forum/read.php?2893,93130,93361#msg-93361 OnePage作業網址

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


(3) 參考之版型網址：導師提供網址
(4) 製作時間: 兩至三週時間
(5) 製作心得: 這次的作業令我增加了很多對網頁設計的知識，這次遇到的問題是不知道怎麼改網頁的背景，令到網頁的顏色跟主題沒有很搭，減少了氣氛。

班級，視傳3A 學號 1105245002]]> 1105245002 110-1《中國》竹視傳二A-網頁設計 Wed, 05 Jan 2022 11:13:10 +0800 http://mepopedia.com/forum/read.php?2893,93130,93360#msg-93360 http://mepopedia.com/forum/read.php?2893,93130,93360#msg-93360 OnePage作業網址

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

(3) 參考之版型網址：
(4) 製作時間: 四個星期左右
(5) 製作心得: 很好玩，只是很多作品要篩選有點麻煩

竹視傳系3A，1105245001]]> 1105245001 110-1《中國》竹視傳二A-網頁設計 Wed, 05 Jan 2022 11:06:03 +0800 http://mepopedia.com/forum/read.php?2893,93130,93359#msg-93359 http://mepopedia.com/forum/read.php?2893,93130,93359#msg-93359 OnePage作業網址

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

(3) 參考之版型網址：無
(4) 製作時間:2週左右
(5) 製作心得:東西變多會比較難修改及調整，語法也會變多會比較困難(看起來密密麻麻的)但網頁做完會有成就感！
(6)有修改過網頁(另開視窗、顏色細節調整、輪播圖符號顏色修改、地圖滿版修改)-第二版修改

班級:視2A 學號:1095445005]]> 1095445005 110-1《中國》竹視傳二A-網頁設計 Wed, 05 Jan 2022 10:59:20 +0800 http://mepopedia.com/forum/read.php?2893,93130,93357#msg-93357 http://mepopedia.com/forum/read.php?2893,93130,93357#msg-93357 OnePage作業網址
(2) 企劃書網址：
OnePage網頁企劃書

(3) 參考之版型網址：
(4) 製作時間：2~3週
(5) 製作心得：有時候會搞亂程式碼，但知道他一定的規律之後就比較上手一些了
班級:視傳2A 學號:1095445020]]> 1095445020 110-1《中國》竹視傳二A-網頁設計 Wed, 05 Jan 2022 10:43:04 +0800 http://mepopedia.com/forum/read.php?2893,93130,93356#msg-93356 http://mepopedia.com/forum/read.php?2893,93130,93356#msg-93356 OnePage作業網址

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

(3) 參考之版型網址：無
(4) 製作時間:上課時間加課外時間2個禮拜
(5) 製作心得:製作過程沒有那麼順利，找不到圖片的程式碼

視傳2A，1095445032]]> 1095445032江紫瑄 110-1《中國》竹視傳二A-網頁設計 Wed, 05 Jan 2022 10:37:01 +0800 http://mepopedia.com/forum/read.php?2893,93130,93355#msg-93355 http://mepopedia.com/forum/read.php?2893,93130,93355#msg-93355 OnePage作業網址

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

(3) 參考之版型網址：無
(4) 製作時間:3週
(5) 製作心得:這次用DW製作，覺得自己學到了很多。這個軟體比Sublime Text更方便一些。

班級:視傳2A
學號:1095445019]]> 1095445019. 110-1《中國》竹視傳二A-網頁設計 Wed, 05 Jan 2022 10:31:26 +0800 http://mepopedia.com/forum/read.php?2893,93130,93354#msg-93354 http://mepopedia.com/forum/read.php?2893,93130,93354#msg-93354 OnePage作業網址

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

(3) 參考之版型網址：無
(4) 製作時間:每個禮拜大概四個小時左右
(5) 製作心得:製作過程其實沒有很順利，有時候會打錯語法，但久了之後就比較上手一點，結果還不錯

班級 視2A
學號 1095445031]]> 1095445031 110-1《中國》竹視傳二A-網頁設計 Wed, 05 Jan 2022 10:29:30 +0800 http://mepopedia.com/forum/read.php?2893,93130,93353#msg-93353 http://mepopedia.com/forum/read.php?2893,93130,93353#msg-93353 OnePage作業網址

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

(3) 參考之版型網址：無
(4) 製作時間:每個禮拜三到四小時
(5) 製作心得:製作過程不那麼順利，找相對應的數字也不容易，但是看到自己的網站完成後會有成就感。

班級:視2A
學號:1095445025]]> 1095445025 110-1《中國》竹視傳二A-網頁設計 Wed, 05 Jan 2022 10:28:35 +0800 http://mepopedia.com/forum/read.php?2893,93130,93352#msg-93352 http://mepopedia.com/forum/read.php?2893,93130,93352#msg-93352 請回覆於作業文章
：
(1) 作業網址 ：
OnePage作業網址


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

(3) 參考之版型網址：無
(4) 製作時間:一個月差不多
(5) 製作心得:中間問題超多，包括照片出不來，當掉連不到之類的。。但後面開始有東西後，慢慢開始順起來，做完當下很有成就感。

班級:視二 A 學號:1095445026]]> 1095445026 110-1《中國》竹視傳二A-網頁設計 Wed, 05 Jan 2022 10:26:17 +0800