http://mepopedia.com/forum/list.php?2429 Wed, 22 Apr 2026 10:20:55 +0800 Phorum 5.2.7 http://mepopedia.com/forum/read.php?2429,75915,76900#msg-76900 http://mepopedia.com/forum/read.php?2429,75915,76900#msg-76900 ps.最佳解析度為 720P (1280 * 720)
2.網站主題： 紅毛城
3.網站架構（導覽）
4.內容描述： 紅毛城當天來回。
5.風格設計： 簡單的介紹紅毛城


6.組員名單，工作分配(視覺規劃、HTML CSS設計、動態效果)：
1015445250 徐立綱
7.製作心得：

企劃大綱

1.網站主題： 紅毛城
2.內容大綱： 讓人們了解紅毛城的歷史及位置
3.主要對象(分析)： 想了解紅毛城的人]]> sena5555 103-2《中國》竹視傳二B-進階網頁設計 Sun, 05 Jul 2015 17:02:17 +0800 http://mepopedia.com/forum/read.php?2429,75066,76899#msg-76899 http://mepopedia.com/forum/read.php?2429,75066,76899#msg-76899 (2)本頁設計重點：
改成相同色系
(3)製作心得：
有比較清楚怎麼整理原始碼]]> sena5555 103-2《中國》竹視傳二B-進階網頁設計 Sun, 05 Jul 2015 16:59:50 +0800 http://mepopedia.com/forum/read.php?2429,74965,76898#msg-76898 http://mepopedia.com/forum/read.php?2429,74965,76898#msg-76898 (2)本頁設計重點： 分隔區塊作介紹
(3)製作心得： OK
學號 1015445250]]> sena5555 103-2《中國》竹視傳二B-進階網頁設計 Sun, 05 Jul 2015 16:48:18 +0800 http://mepopedia.com/forum/read.php?2429,76190,76896#msg-76896 http://mepopedia.com/forum/read.php?2429,76190,76896#msg-76896 (2)製作心得： 很有趣的效果，讓網站更豐富~
學號 1025445095]]> show47976 103-2《中國》竹視傳二B-進階網頁設計 Sun, 05 Jul 2015 13:32:04 +0800 http://mepopedia.com/forum/read.php?2429,76064,76895#msg-76895 http://mepopedia.com/forum/read.php?2429,76064,76895#msg-76895 (2)製作心得：做自己喜歡的主題，比較有趣。
學號 1025445095]]> show47976 103-2《中國》竹視傳二B-進階網頁設計 Sun, 05 Jul 2015 13:30:59 +0800 http://mepopedia.com/forum/read.php?2429,75791,76894#msg-76894 http://mepopedia.com/forum/read.php?2429,75791,76894#msg-76894 作業網址：http://mepopedia.com/~web103-2b/hw05/hw05-1025445095
(2)參考網站網址與網站名稱：http://www.gap.tw/
(3)色彩計畫：藍、白做為基礎色
(4)風格特色： 簡單明瞭
(5)請整理以下數值：
字體設定(font-family)
h1,h2標題級數 117px、57px
h3文章標題級數 20px
內文級數(font-size)(單位px) 15px
區塊內與區塊間的距離(padding)(margin)(單位px)
網站寬度(width)(單位px)

(6)製作心得：
有點小複雜 做了好久
學號 1025445095]]> show47976 103-2《中國》竹視傳二B-進階網頁設計 Sun, 05 Jul 2015 13:29:38 +0800 http://mepopedia.com/forum/read.php?2429,75932,76893#msg-76893 http://mepopedia.com/forum/read.php?2429,75932,76893#msg-76893 (2)製作心得： 覺得做出淡入的效果就為網站加分許多，也豐富了我的網頁
學號 1025445095]]> show47976 103-2《中國》竹視傳二B-進階網頁設計 Sun, 05 Jul 2015 13:25:17 +0800 http://mepopedia.com/forum/read.php?2429,74657,76891#msg-76891 http://mepopedia.com/forum/read.php?2429,74657,76891#msg-76891 (2)網站主題：辛普森家庭
(3)對象：喜歡卡通的人
(4)色彩計畫：黃色
(5)風格設定、網頁看點、預期成效： 簡潔、一目了然、讓大眾輕鬆上手
(6)請整理以下數值：
字體設定(font-family) Arial, Helvetica, sans-serif、"微軟正黑體",sans-serif、Tahoma, Geneva, sans-serif、
標題級數、文章標題級數、內文級數(font-size)(單位px) 24px、16px、12px
區塊內與區塊間的距離(padding)(margin)(單位px) 10px、10px
網站寬度(width)(單位px) 800px
(7)製作心得：
目前蠻簡單的]]> sena5555 103-2《中國》竹視傳二B-進階網頁設計 Sat, 04 Jul 2015 21:54:37 +0800 http://mepopedia.com/forum/read.php?2429,74367,76890#msg-76890 http://mepopedia.com/forum/read.php?2429,74367,76890#msg-76890
2.設計概念與製作心得：
沒太大問題


3.何謂HTML、DIV及CSS

1.HTML是網頁建立跟網址(或瀏覽器中能看到的資訊)
2.DIV 是區塊，用 DIV 標籤包起來的東西，瀏覽器會視為一個物件，可以用 div 將網頁內容的各區塊包起來，再去做 CSS 排板。
3.CSS


5.期待這門課的學習成果與收穫為何?

希望可以現在較新的網頁編排方式和看懂語法.....]]> sena5555 103-2《中國》竹視傳二B-進階網頁設計 Sat, 04 Jul 2015 21:52:21 +0800 http://mepopedia.com/forum/read.php?2429,74965,76874#msg-76874 http://mepopedia.com/forum/read.php?2429,74965,76874#msg-76874 (2)本頁設計重點： 簡單易懂
(3)製作心得： 我沒看到要重新回復
學號 1025445152]]> curry30 103-2《中國》竹視傳二B-進階網頁設計 Fri, 03 Jul 2015 00:38:58 +0800 http://mepopedia.com/forum/read.php?2429,75066,76873#msg-76873 http://mepopedia.com/forum/read.php?2429,75066,76873#msg-76873 (2)本頁設計重點： 簡單易懂
(3)製作心得： 一開始吃力 後來就懂了]]> curry30 103-2《中國》竹視傳二B-進階網頁設計 Fri, 03 Jul 2015 00:35:10 +0800 http://mepopedia.com/forum/read.php?2429,75932,76872#msg-76872 http://mepopedia.com/forum/read.php?2429,75932,76872#msg-76872 (2)製作心得： 好玩
學號 1025445152]]> curry30 103-2《中國》竹視傳二B-進階網頁設計 Fri, 03 Jul 2015 00:29:58 +0800 http://mepopedia.com/forum/read.php?2429,76190,76868#msg-76868 http://mepopedia.com/forum/read.php?2429,76190,76868#msg-76868 (2)製作心得： 希望在研究其他的網站
學號 :1025445152]]> curry30 103-2《中國》竹視傳二B-進階網頁設計 Thu, 02 Jul 2015 23:49:02 +0800 http://mepopedia.com/forum/read.php?2429,76064,76867#msg-76867 http://mepopedia.com/forum/read.php?2429,76064,76867#msg-76867 (2)製作心得： 希望在深入教學
學號 :1025445152]]> curry30 103-2《中國》竹視傳二B-進階網頁設計 Thu, 02 Jul 2015 23:45:46 +0800 http://mepopedia.com/forum/read.php?2429,75915,76865#msg-76865 http://mepopedia.com/forum/read.php?2429,75915,76865#msg-76865 2.網站主題：三峽老街
3.網站架構（導覽）
4.內容描述：介紹三峽老街的相關資訊
5.風格設計：簡單 明瞭
6.組員名單，工作分配(視覺規劃、HTML CSS設計、動態效果)：
1025445095 江俊逵
1025445152 林世修
1025445179 林柏元

7.製作心得：雖然是參考學長的,從中還是遇到許多困難,雖然摸了很久,但還是自行找到方法解決了
蠻有成就感的


1.網站主題： 三峽老街
2.內容大綱： 介紹三峽老街歷史.景點
3.主要對象(分析)：三峽老街觀光客
4.網頁架構圖(樹狀圖)：
5.網頁版型設計圖
6.色彩規劃：暖色
7.資料蒐集（分析）：
8.歷屆得獎分析(至少三組)
FunTaipei- http://www.funtaipei.tw/
點進去時會覺得風格溫和舒適，些許的動畫設計多了些互動感
BRT台中- http://www.ibrt.tw/
在滑動網頁時會發現旁邊的BRT也會跟著滑動，以可愛的風格互動方式帶來歡樂 ，會讓人有想去台中的感覺
歲月時分- http://timeline.tw/
風格帶有可愛又有點成穩的感覺，他有趣的地方是會隨著年紀而做出不同的變化帶有點故事性，介紹的地方也正是這年齡層會去的地方。


9.組員名單
1025445095 江俊逵
1025445152 林世修
1025445179 林柏元]]> lin1025445179 103-2《中國》竹視傳二B-進階網頁設計 Thu, 02 Jul 2015 19:08:18 +0800 http://mepopedia.com/forum/read.php?2429,76190,76864#msg-76864 http://mepopedia.com/forum/read.php?2429,76190,76864#msg-76864 (2)製作心得： 好複雜 (因網頁設計伺服器硬碟故障重新上傳、回復)
學號 1025445179]]> lin1025445179 103-2《中國》竹視傳二B-進階網頁設計 Thu, 02 Jul 2015 18:55:16 +0800 http://mepopedia.com/forum/read.php?2429,76064,76863#msg-76863 http://mepopedia.com/forum/read.php?2429,76064,76863#msg-76863 (2)製作心得： 很好玩 好酷 (因網頁設計伺服器硬碟故障重新上傳、回復)
學號1025445179]]> lin1025445179 103-2《中國》竹視傳二B-進階網頁設計 Thu, 02 Jul 2015 18:50:53 +0800 http://mepopedia.com/forum/read.php?2429,75932,76862#msg-76862 http://mepopedia.com/forum/read.php?2429,75932,76862#msg-76862 (2)製作心得： 很有成就感 (因網頁設計伺服器硬碟故障重新上傳、回復)
學號 1025445179]]> lin1025445179 103-2《中國》竹視傳二B-進階網頁設計 Thu, 02 Jul 2015 18:47:18 +0800 http://mepopedia.com/forum/read.php?2429,76190,76861#msg-76861 http://mepopedia.com/forum/read.php?2429,76190,76861#msg-76861 (2)製作心得： 框架跑掉變只能固定跳動不能換頁...好難^q^
學號 1025445035]]> 駱亭均 103-2《中國》竹視傳二B-進階網頁設計 Thu, 02 Jul 2015 18:30:42 +0800 http://mepopedia.com/forum/read.php?2429,75932,76860#msg-76860 http://mepopedia.com/forum/read.php?2429,75932,76860#msg-76860 (2)製作心得： 跟作業5比起根本天堂!!!
學號 1025445035]]> 駱亭均 103-2《中國》竹視傳二B-進階網頁設計 Thu, 02 Jul 2015 18:28:14 +0800 http://mepopedia.com/forum/read.php?2429,75791,76859#msg-76859 http://mepopedia.com/forum/read.php?2429,75791,76859#msg-76859 作業網址：http://mepopedia.com/~web103-2b/hw05/hw05-1025445035
(2)參考網站網址與網站名稱：DGA | Diehl Group Architects
(3)色彩計畫： 古意茶香
(4)風格特色： 一頁下拉式網站
(5)請整理以下數值：
字體設定(font-family)
h1文章標題級數 18px
內文級數(font-size)(單位px) 14px
區塊內與區塊間的距離(padding)(margin)(單位px)
網站寬度(width)(單位px)
(6)製作心得：
很喜歡一頁下拉式的這種網站但不會做標記沒辦法到達定位...所以沒有分頁

學號 1025445035]]> 駱亭均 103-2《中國》竹視傳二B-進階網頁設計 Thu, 02 Jul 2015 18:26:27 +0800 http://mepopedia.com/forum/read.php?2429,75791,76842#msg-76842 http://mepopedia.com/forum/read.php?2429,75791,76842#msg-76842
(1)網站網站網址及主題： http://www.cles.tyc.edu.tw/longtan/longtanhis.htm 龍潭
(2)參考網站網址與網站名稱： http://www.crmsociety.com/default.aspx 介紹 查爾斯·雷尼·麥金托什
(3)色彩計畫： 黑 灰 白
(4)風格特色： 打照出有質感的畫面
(5)請整理以下數值：
字體設定(font-family)
h1,h2標題級數
h3文章標題級數
內文級數(font-size)(單位px)
區塊內與區塊間的距離(padding)(margin)(單位px)
網站寬度(width)(單位px)

(6)製作心得： 一開始設定置中了 不過還是靠左

學號 1025445092]]> 1025445092 103-2《中國》竹視傳二B-進階網頁設計 Wed, 01 Jul 2015 23:59:32 +0800 http://mepopedia.com/forum/read.php?2429,75932,76840#msg-76840 http://mepopedia.com/forum/read.php?2429,75932,76840#msg-76840 (2)製作心得： 快速完成
1025445127]]> 1025445010 103-2《中國》竹視傳二B-進階網頁設計 Wed, 01 Jul 2015 21:45:24 +0800 http://mepopedia.com/forum/read.php?2429,75915,76833#msg-76833 http://mepopedia.com/forum/read.php?2429,75915,76833#msg-76833 2.網站主題：台中Day
3.網站架構:台中Day→景點→美食→民宿→名產
4.內容描述：介紹台中的景點.美食.民宿和名產
5.風格設計：簡單.輕鬆
6.組員名單，工作分配(視覺規劃、HTML CSS設計、動態效果)：
1025445200連怡婷
1025445077儲德君
1025445086林怡潔
1025445176呂璨榕

7.製作心得：
在製作的過程中，我們遇到了許多問題，但我們也都一一的解決了，雖然我們並不是非常會做網頁，但做了這個網頁真的非常的感動，也花了我們
不少時間，也很開心我們做好了。

企劃大綱

1.網站主題：台中Day
2.內容大綱：讓大眾了解台中景點.美食.民宿和名產
3.主要對象(分析)：大眾
4.網頁架構圖(樹狀圖)：台中Day
↓
景點.美食.民宿.名產
5.網頁版型設計圖
6.色彩規劃：咖啡色.墨綠色
7.資料蒐集（分析）：
勤美美術館 http://www.cmppj.org.tw/home/default
視覺規畫非常好的一個網站，非常值得參考
台中觀光旅遊網 http://travel.taichung.gov.tw/
很多資料都是在上面找到的，視個收集資料的好地方，不過美感有待加強
8.歷屆得獎分析(至少三組)

BRT http://www.ibrt.tw/
插畫風格非常的可愛，旁邊BRT移動視一大特色，不過畫面東西感覺有點多，會有點雜亂

訪台北 http://www.funtaipei.tw/
簡單的風格，不會使人感到壓力，會一直想要看下去，很棒的一個網站。

歲月時分 in Taipei http://timeline.tw/
中間的主角，點到不同頁面，它的衣服和旁邊的配角都會改變，我覺得這很特別，還有按下面的心情故事都會跳出介紹

9.組員名單 :

1025445200連怡婷
1025445077儲德君
1025445086林怡潔
1025445176呂璨榕


(因網頁設計伺服器硬碟故障重新上傳、回復)]]> 1025445086 103-2《中國》竹視傳二B-進階網頁設計 Tue, 30 Jun 2015 18:11:37 +0800 http://mepopedia.com/forum/read.php?2429,76190,76829#msg-76829 http://mepopedia.com/forum/read.php?2429,76190,76829#msg-76829 (2)製作心得：
學號 1025445086]]> 1025445086 103-2《中國》竹視傳二B-進階網頁設計 Tue, 30 Jun 2015 16:48:24 +0800 http://mepopedia.com/forum/read.php?2429,76064,76828#msg-76828 http://mepopedia.com/forum/read.php?2429,76064,76828#msg-76828 (2)製作心得： 很好玩而且很實用 好酷..
學號1025445086]]> 1025445086 103-2《中國》竹視傳二B-進階網頁設計 Tue, 30 Jun 2015 16:45:27 +0800 http://mepopedia.com/forum/read.php?2429,75932,76827#msg-76827 http://mepopedia.com/forum/read.php?2429,75932,76827#msg-76827 (2)製作心得：加了效果之後，變得更加豐富
學號 1025445086]]> 1025445086 103-2《中國》竹視傳二B-進階網頁設計 Tue, 30 Jun 2015 15:01:48 +0800 http://mepopedia.com/forum/read.php?2429,75915,76822#msg-76822 http://mepopedia.com/forum/read.php?2429,75915,76822#msg-76822 2.網站主題：九份
3.網站架構:地圖/歷史/美食/住宿
4.內容描述：簡單介紹九份的事物,讓查詢資料的人不必找很多網站參考,我們的網站就可以簡單了解食、住、歷史
5.風格設計：插畫手繪
6.組員名單，工作分配(視覺規劃、HTML CSS設計、動態效果)：
1025445011劉宇婕-圖片繪製
1025445035駱亭均-HTML CSS設計、動態效果
1025445092黃貽翎-圖片繪製、視覺規劃、資料蒐集
1025445128李瑜柔-視覺規劃、 -HTML CSS設計、動態效果、資料蒐集

7.製作心得：

1025445011劉宇婕-網頁好難，大家辛苦～
1025445035駱亭均-語法好難一直亂掉，快崩潰
1025445092黃貽翎-終於做出來了，辛苦嘞～
1025445128李瑜柔-歷經太多崩潰的時刻了

企劃大綱

1.網站主題：九份
2.內容大綱：讓大眾了解九份當地歷史、食物、住宿
3.主要對象(分析)：大眾
4.網頁架構圖(樹狀圖)：地圖/歷史/美食/住宿
5.網頁版型設計圖
6.色彩規劃：插畫手繪
7.資料蒐集（分析）：
8.歷屆得獎分析(至少三組)

BRT http://www.ibrt.tw/
可愛的車子移動，沒有什麼特別變化就有點無聊

訪台北 http://www.funtaipei.tw/
用簡單的語法做出好看的網頁！！！


9.組員名單 :

1025445011劉宇婕
1025445035駱亭均
1025445092黃貽翎
1025445128李瑜柔

(因網頁設計伺服器硬碟故障重新上傳、回復)]]> LeeYuRou 103-2《中國》竹視傳二B-進階網頁設計 Mon, 29 Jun 2015 22:33:01 +0800 http://mepopedia.com/forum/read.php?2429,76190,76821#msg-76821 http://mepopedia.com/forum/read.php?2429,76190,76821#msg-76821 (2)製作心得： 本來一口氣做七個,做到後來亂掉就放一個而已
學號 1025445128]]> LeeYuRou 103-2《中國》竹視傳二B-進階網頁設計 Mon, 29 Jun 2015 22:17:58 +0800 http://mepopedia.com/forum/read.php?2429,75791,76820#msg-76820 http://mepopedia.com/forum/read.php?2429,75791,76820#msg-76820 作業網址：http://mepopedia.com/~web103-2b/hw05/hw05-1025445128
(2)參考網站網址與網站名稱：Wythe Hotel http://wythehotel.com/
(3)色彩計畫：藍綠
(4)風格特色：色塊
(5)請整理以下數值：
字體設定(font-family)
h1,h2標題級數
h3文章標題級數
內文級數(font-size)(單位px)
區塊內與區塊間的距離(padding)(margin)(單位px)
網站寬度(width)(單位px)

(6)製作心得:學會提案的方法

學號 1025445113
(因網頁設計伺服器硬碟故障重新上傳、回復)]]> LeeYuRou 103-2《中國》竹視傳二B-進階網頁設計 Mon, 29 Jun 2015 22:16:17 +0800