http://mepopedia.com/forum/list.php?2560 Fri, 24 Apr 2026 17:18:47 +0800 Phorum 5.2.7 http://mepopedia.com/forum/read.php?2560,81302,82102#msg-82102 http://mepopedia.com/forum/read.php?2560,81302,82102#msg-82102 (2)製作心得： jQuery動態效果我快搞混了><


學號：1035445010]]> childlike0401 104-2《中國》竹視傳二A-進階網頁設計 Sat, 18 Jun 2016 00:21:32 +0800 http://mepopedia.com/forum/read.php?2560,81193,82101#msg-82101 http://mepopedia.com/forum/read.php?2560,81193,82101#msg-82101 http://mepopedia.com/~css104-2a/hw06/hw06-1035445010


(2)製作心得：
沒想到一個小語法可以改變很多細節!!!



學號:1035445010]]> childlike0401 104-2《中國》竹視傳二A-進階網頁設計 Fri, 17 Jun 2016 23:57:47 +0800 http://mepopedia.com/forum/read.php?2560,81300,82075#msg-82075 http://mepopedia.com/forum/read.php?2560,81300,82075#msg-82075
2.網站主題： 東勢林場
3.網站架構（導覽） :


4.內容描述：介紹東勢林場的生態
5.風格設計：簡約
6.組員名單，工作分配：
103 林于珊 製作網頁
055 吳孫儀 收集資料]]> 林于珊 104-2《中國》竹視傳二A-進階網頁設計 Fri, 17 Jun 2016 04:57:44 +0800 http://mepopedia.com/forum/read.php?2560,80855,82074#msg-82074 http://mepopedia.com/forum/read.php?2560,80855,82074#msg-82074
(1)網站網站網址及主題： http://www.shiseido.com.tw/
(2)參考網站網址與網站名稱： https://www.cupetit.com/
(3)色彩計畫： 用紫色和黃色做對比
(4)風格特色： 用對比的亮麗色彩來呈現商品的價值
(5)請整理以下數值：
字體設定(font-family)
h1,h2標題級數 24
h3文章標題級數 18
內文級數(font-size)(單位px)12
區塊內與區塊間的距離(padding)(margin)(單位px)
網站寬度(width)(單位px) 1583

(6)製作心得： 好難

學號 1035445055]]> 吳孫儀 104-2《中國》竹視傳二A-進階網頁設計 Fri, 17 Jun 2016 01:25:55 +0800 http://mepopedia.com/forum/read.php?2560,80855,82073#msg-82073 http://mepopedia.com/forum/read.php?2560,80855,82073#msg-82073
(1)網站網站網址及主題：1588服飾網
http://www.1588.com.tw/index.php

網站首頁東西較少,較為單調 也沒有服飾幻燈片與熱賣商品介紹
(2)參考網站網址與網站名稱：多琳娜服飾
http://www.doreena.com.tw/

一進首頁有幻燈片也有最新消息與熱門商品 所有照片也有設計編排過
(3)色彩計畫： 簡約白色 搭配圖騰
(4)風格特色： 簡單乾淨
(5)請整理以下數值：
字體設定(font-family)
h1,h2標題級數
h3文章標題級數
內文級數(font-size)(單位px)
區塊內與區塊間的距離200(padding)(margin)(單位px)
網站寬度960(width)(單位px)

(6)製作心得： 排版的時候比較時希望能夠多點東西 可是卻又覺得太雜亂 有點難取捨

學號：1035445010]]> childlike0401 104-2《中國》竹視傳二A-進階網頁設計 Fri, 17 Jun 2016 00:54:14 +0800 http://mepopedia.com/forum/read.php?2560,80855,82071#msg-82071 http://mepopedia.com/forum/read.php?2560,80855,82071#msg-82071
(1)網站網站網址及主題：http://www.homebakery.com.tw/index.asp
(2)參考網站網址與網站名稱： http://www.fayalife.com.tw/products.htm
(3)色彩計畫：米黃色、藍色
(4)風格特色：休閒
(5)請整理以下數值：
字體設定(font-family)
h1標題級數 24
h3文章標題級數 14
內文級數(font-size)(單位px)12
區塊內與區塊間的距離(padding)(margin)(單位px)
網站寬度(width)(單位px) 1576

(6)製作心得：做完了 很開心

學號 1035445103]]> 林于珊 104-2《中國》竹視傳二A-進階網頁設計 Thu, 16 Jun 2016 20:49:05 +0800 http://mepopedia.com/forum/read.php?2560,81403,81962#msg-81962 http://mepopedia.com/forum/read.php?2560,81403,81962#msg-81962 (2)製作心得： 覺得動態效果很有趣又活潑

學號 ：1035445055]]> 吳孫儀 104-2《中國》竹視傳二A-進階網頁設計 Thu, 16 Jun 2016 00:22:25 +0800 http://mepopedia.com/forum/read.php?2560,81302,81961#msg-81961 http://mepopedia.com/forum/read.php?2560,81302,81961#msg-81961
(2)製作心得： 很可愛


學號：1035445055]]> 吳孫儀 104-2《中國》竹視傳二A-進階網頁設計 Thu, 16 Jun 2016 00:21:20 +0800 http://mepopedia.com/forum/read.php?2560,81403,81958#msg-81958 http://mepopedia.com/forum/read.php?2560,81403,81958#msg-81958 (2)製作心得： 很有趣

學號 : 1035445103]]> 林于珊 104-2《中國》竹視傳二A-進階網頁設計 Thu, 16 Jun 2016 00:18:48 +0800 http://mepopedia.com/forum/read.php?2560,81302,81910#msg-81910 http://mepopedia.com/forum/read.php?2560,81302,81910#msg-81910
(2)製作心得：很有趣


學號：1035445103]]> 林于珊 104-2《中國》竹視傳二A-進階網頁設計 Wed, 15 Jun 2016 18:07:08 +0800 http://mepopedia.com/forum/read.php?2560,80855,81882#msg-81882 http://mepopedia.com/forum/read.php?2560,80855,81882#msg-81882 https://tw.bid.yahoo.com/theme/man/main.html?co_servername=ayfp_ecm_aC160614_430_1a101cf&co_servername2=aC0614#M-M_M1_4
有點混亂,感覺非常的擠

2) 參考網站網址：
http://www.supremenewyork.com/
雖然是英文的,不過很簡潔,想要甚麼樣系列的都標示很清楚]]> 1035445228 104-2《中國》竹視傳二A-進階網頁設計 Tue, 14 Jun 2016 21:49:46 +0800 http://mepopedia.com/forum/read.php?2560,81300,81881#msg-81881 http://mepopedia.com/forum/read.php?2560,81300,81881#msg-81881 世界神幻犬科名錄

2.內容大綱：
介紹全球各地來自不同國家傳說的犬科動物，包括神、魔、還有未知生物

3.主要對象(分析)：
對神怪、神話、還有傳說生物有興趣的人

4.網頁架構圖(樹狀圖)：
http://imgur.com/10F5sMY

5.網頁版型設計圖 ：
http://imgur.com/2HR2leA

6.色彩規劃：
暗色系配搭古舊卷軸風

8.組員名單(學號）
1045245002 李蒨誼

..........

1.作業網址：
http://mepopedia.com/~css104-2a/final/final-1045245002/

2.網站主題：
世界神幻犬科名錄

3.網站架構（導覽）
http://imgur.com/10F5sMY

4.內容描述：
介紹全球各地來自不同國家傳說的犬科動物，包括神、魔、還有未知生物

5.風格設計：
古色卷軸風格

6.組員名單，工作分配(視覺規劃、HTML CSS設計、動態效果)：
只有我自己一個<3

7.個人製作心得：
因為對台灣不熟、也沒有辦法在沒有朋友帶領的情況下自己去遊台灣，最後做了跟比賽完全無關、只是自己有興趣的題目。一開始感覺有點難，可是研究下去就會看到其實都只是小部份代碼而已，只要把一開始的設定都調好，剩下的就只有複制貼上，所以做到後來並不覺得難了。

8.照片來源：
自己畫的


歷屆得獎分析(至少三組) ：
>>台灣字崛
風格統一而簡潔，喜歡它不加修飾的感覺，互動效果也很棒，覺得每一個連結與按鈕點下去都不會無聊
>>BRT 台中PAPAGO
首頁的變換動畫很可愛，風格也非常統一，右邊的小車會隨著滾上滾下而有上下之變換，加添趣味
>>大山北月
很有官方網站的感覺，清晰簡潔，配搭可愛圖畫風格與手寫風字體，與豐富的資訊內客]]> 1045245002 104-2《中國》竹視傳二A-進階網頁設計 Tue, 14 Jun 2016 21:41:47 +0800 http://mepopedia.com/forum/read.php?2560,81302,81880#msg-81880 http://mepopedia.com/forum/read.php?2560,81302,81880#msg-81880
(2)製作心得： 很有趣,放了不少美麗的花朵

學號：1045245001]]> 1045245001 104-2《中國》竹視傳二A-進階網頁設計 Tue, 14 Jun 2016 21:23:23 +0800 http://mepopedia.com/forum/read.php?2560,80855,81873#msg-81873 http://mepopedia.com/forum/read.php?2560,80855,81873#msg-81873 https://tw.bid.yahoo.com/
很亂

2) 參考網站網址：
http://www.asos.com/
清楚簡潔

學號：1035445121]]> xxxceline 104-2《中國》竹視傳二A-進階網頁設計 Tue, 14 Jun 2016 14:29:43 +0800 http://mepopedia.com/forum/read.php?2560,81193,81872#msg-81872 http://mepopedia.com/forum/read.php?2560,81193,81872#msg-81872 http://mepopedia.com/~css104-2a/hw06/hw06-1035445151/

(2)製作心得：

好玩 會動 好酷]]> Gochen 104-2《中國》竹視傳二A-進階網頁設計 Tue, 14 Jun 2016 14:21:56 +0800 http://mepopedia.com/forum/read.php?2560,80168,81871#msg-81871 http://mepopedia.com/forum/read.php?2560,80168,81871#msg-81871 (2)本頁設計重點：灰白
(3)製作心得： 做完好開勳]]> 1035445193 104-2《中國》竹視傳二A-進階網頁設計 Tue, 14 Jun 2016 14:06:10 +0800 http://mepopedia.com/forum/read.php?2560,81300,81869#msg-81869 http://mepopedia.com/forum/read.php?2560,81300,81869#msg-81869 2.內容大綱： 新竹遊玩地點設計
3.主要對象(分析)： 外地遊客
4.網頁架構圖(樹狀圖)：
5.網頁版型設計圖

6.色彩規劃： 簡單的配色

8.組員名單(學號）
067 范思閔
082 甄宥如
193 鍾維豪
199 鄧怡鈞


1.作業網址：http://mepopedia.com/~css104-2a/final/final-1035445082/index.html

2.網站主題： 新竹玩翻天
3.網站架構（導覽）
4.內容描述： 新竹遊玩勝地小吃
5.風格設計： 簡單明瞭
6.組員名單，工作分配(視覺規劃、HTML CSS設計、動態效果)： 都是一起做
7.個人製作心得： 很累
8.照片來源：維基百科、google、自己拍攝]]> isxdyj 104-2《中國》竹視傳二A-進階網頁設計 Tue, 14 Jun 2016 13:28:04 +0800 http://mepopedia.com/forum/read.php?2560,81403,81867#msg-81867 http://mepopedia.com/forum/read.php?2560,81403,81867#msg-81867
(2)製作心得： 動態加進去之後雖然很可愛，只是比例調配不好就感覺怪怪的 哈哈


學號：1035445196]]> 1035445196 104-2《中國》竹視傳二A-進階網頁設計 Tue, 14 Jun 2016 13:08:07 +0800 http://mepopedia.com/forum/read.php?2560,81302,81866#msg-81866 http://mepopedia.com/forum/read.php?2560,81302,81866#msg-81866
(2)製作心得： 很好上手，一下就完成了。


學號：1035445196]]> 1035445196 104-2《中國》竹視傳二A-進階網頁設計 Tue, 14 Jun 2016 13:06:38 +0800 http://mepopedia.com/forum/read.php?2560,81403,81864#msg-81864 http://mepopedia.com/forum/read.php?2560,81403,81864#msg-81864 (2)製作心得： 很有趣
學號 ：1035445067]]> 1035445067 104-2《中國》竹視傳二A-進階網頁設計 Tue, 14 Jun 2016 13:03:34 +0800 http://mepopedia.com/forum/read.php?2560,81300,81860#msg-81860 http://mepopedia.com/forum/read.php?2560,81300,81860#msg-81860 http://mepopedia.com/~css104-2a/final/final-1035445121/index.html

2.網站主題：
台東

3.網站架構（導覽）
[img]http://i.imgur.com/WRYMPDm.gif?1[/img]

4.內容描述：
台東旅遊資訊

5.風格設計：
自然

6.組員名單，工作分配(視覺規劃、HTML CSS設計、動態效果)：
1035445121古茹喩 1035445124謝采軒

7.個人製作心得：
好累]]> xxxceline 104-2《中國》竹視傳二A-進階網頁設計 Tue, 14 Jun 2016 12:35:45 +0800 http://mepopedia.com/forum/read.php?2560,81403,81859#msg-81859 http://mepopedia.com/forum/read.php?2560,81403,81859#msg-81859 (2)製作心得： 很累
學號 : 1035445121]]> xxxceline 104-2《中國》竹視傳二A-進階網頁設計 Tue, 14 Jun 2016 12:32:07 +0800 http://mepopedia.com/forum/read.php?2560,81300,81858#msg-81858 http://mepopedia.com/forum/read.php?2560,81300,81858#msg-81858
網站主題： 新竹美食

內容大綱： 設計介紹/觀光景點/新竹美食/湖口美食/北湖美食

風格設計： 簡單明瞭、乾淨。

網頁架構圖(樹狀圖)：



工作分配(視覺規劃、HTML CSS設計、動態效果)：大家一起分工
組員名單(學號）
169 簡郡誼
187 謝沅蓁
205 江宛宜]]> 1035445205 104-2《中國》竹視傳二A-進階網頁設計 Tue, 14 Jun 2016 12:30:14 +0800 http://mepopedia.com/forum/read.php?2560,81300,81845#msg-81845 http://mepopedia.com/forum/read.php?2560,81300,81845#msg-81845
2.網站主題： FOOD
3.網站架構（導覽） :
http://imgur.com/P4MMxjc

4.內容描述：北中南下午茶
5.風格設計：閃亮亮
6.組員名單，工作分配：
058 吳柔葶 製作網頁
052 徐姿茜收集資料

7.個人製作心得：YES!]]> 1035445058 104-2《中國》竹視傳二A-進階網頁設計 Tue, 14 Jun 2016 03:50:54 +0800 http://mepopedia.com/forum/read.php?2560,80855,81839#msg-81839 http://mepopedia.com/forum/read.php?2560,80855,81839#msg-81839
有點雜亂

https://rent.591.com.tw/

作業網址：

http://mepopedia.com/~css104-2a/hw05/hw05-1035445025

網站網站網址及主題： 591租屋網

參考網站網址與網站名稱：

http://www.htc.com/tw/

製作心得： (°ཀ°)

學號 : 1035445025]]> 1035445025 104-2《中國》竹視傳二A-進階網頁設計 Tue, 14 Jun 2016 02:18:14 +0800 http://mepopedia.com/forum/read.php?2560,81300,81837#msg-81837 http://mepopedia.com/forum/read.php?2560,81300,81837#msg-81837 2.內容大綱： 自己設計地圖
3.主要對象(分析)： 喜歡內灣這地方
4.網頁架構圖(樹狀圖)：

5.網頁版型設計圖
6.色彩規劃：簡單乾淨的綠色

8.組員名單(學號）
148曾威郡
127蔡亦傑
172邱薏娟
145張子芸
3110劉家妤


1.作業網址：http://mepopedia.com/~css104-2a/final/final-1035445127/

2.網站主題： 內灣
3.網站架構（導覽）
4.內容描述： 內灣風情
5.風格設計： 可愛手繪風
6.組員名單，工作分配(視覺規劃、HTML CSS設計、動態效果)：
視覺規劃：劉家妤、張子芸、邱薏娟
HTML CSS設計：曾威郡
動態效果：蔡亦傑
7.個人製作心得： 好累]]> 1035445148 104-2《中國》竹視傳二A-進階網頁設計 Tue, 14 Jun 2016 02:05:23 +0800 http://mepopedia.com/forum/read.php?2560,81403,81835#msg-81835 http://mepopedia.com/forum/read.php?2560,81403,81835#msg-81835 (2)製作心得： 覺得雖然在做的過程很複雜，但做出來我蠻喜歡的，很可愛
學號 ：1035445172]]> 邱薏娟 104-2《中國》竹視傳二A-進階網頁設計 Tue, 14 Jun 2016 01:43:26 +0800 http://mepopedia.com/forum/read.php?2560,81302,81834#msg-81834 http://mepopedia.com/forum/read.php?2560,81302,81834#msg-81834
(2)製作心得：覺得很好玩，加上又是做自己喜歡的主題


學號：1035445172]]> 邱薏娟 104-2《中國》竹視傳二A-進階網頁設計 Tue, 14 Jun 2016 01:41:56 +0800 http://mepopedia.com/forum/read.php?2560,81193,81833#msg-81833 http://mepopedia.com/forum/read.php?2560,81193,81833#msg-81833 http://mepopedia.com/~css104-2a/hw06/hw06-1035445172


(2)製作心得： 只是加個小特效，就讓畫面變得很有趣，覺得好玩]]> 邱薏娟 104-2《中國》竹視傳二A-進階網頁設計 Tue, 14 Jun 2016 01:40:06 +0800 http://mepopedia.com/forum/read.php?2560,80855,81832#msg-81832 http://mepopedia.com/forum/read.php?2560,80855,81832#msg-81832
(1)網站網站網址及主題：義美
http://www.imeifoods.com.tw/
覺得這個網站很雜亂，而且很花
(2)參考網站網址與網站名稱：http://www.misterdonut.com.tw/itmProductIntelligenceList.html?form.categoryId=1000&leftMenuId=1010
覺得這個網站很可愛，也適合義美
(3)色彩計畫：以粉色為主，配合義美的顏色
(4)風格特色： 可愛
(5)請整理以下數值：
字體設定(font-family)
h1,h2標題級數12
h3文章標題級數 12
內文級數(font-size)(單位px) 8
區塊內與區塊間的距離200(padding)(margin)(單位px)
網站寬度900(width)(單位px)

(6)製作心得；排版的時候花了很多時間

學號：1035445172]]> 邱薏娟 104-2《中國》竹視傳二A-進階網頁設計 Tue, 14 Jun 2016 01:38:39 +0800