http://mepopedia.com/forum/list.php?2643 Wed, 22 Apr 2026 10:20:57 +0800 Phorum 5.2.7 http://mepopedia.com/forum/read.php?2643,84849,85706#msg-85706 http://mepopedia.com/forum/read.php?2643,84849,85706#msg-85706 2.網站主題：新竹科學園區
3.內容描述：新竹科學園區
4.風格設計： 樸素好辨識

5.個人製作心得：製作網頁真的非常的不擅長..有很多功能之類的真的好不上手...要多多練習。]]> brs41123 105-2《中國》竹視傳二A-進階網頁設計 Wed, 28 Jun 2017 16:50:25 +0800 http://mepopedia.com/forum/read.php?2643,84016,85702#msg-85702 http://mepopedia.com/forum/read.php?2643,84016,85702#msg-85702 2.設計概念與製作心得：
設計概念:因為是我喜歡的品牌，剛好我新買的口紅因為電視劇爆紅，所以想介紹它!
製作心得:其實我重做了2次!!第1次快完成結果手殘不知道按到甚麼鍵甚麼都沒了變成
一堆字 我又不知道怎麼辦 只好重做:X~~不過做2次下次會更熟練啦~做完超開心也很有成就感!!!
3.何謂HTML、DIV及CSS:
HTML是編寫網頁程式碼的架構，可讓標題、圖片、內容呈現出來。
DIV是網頁內容以及樣式的標籤。
CSS則是將編寫出來的網頁做美編。
4.附上至少一個覺得設計很有質感的網站，並說明原因
http://www.hotheart.com.tw/
原因:簡單又明瞭!!分類很清楚~設計內容 樣式都跟這個品牌很搭~~~
5.期待這門課的學習成果與收穫為何?
我上學期網頁幾乎都有聽沒有懂，這學期終於比較了解了~謝謝老師
希望我可以設計出更棒的網頁 還有能PASS囉:)]]> ariel80210 105-2《中國》竹視傳二A-進階網頁設計 Sun, 26 Mar 2017 16:34:36 +0800 http://mepopedia.com/forum/read.php?2643,84016,85701#msg-85701 http://mepopedia.com/forum/read.php?2643,84016,85701#msg-85701 2.設計概念與製作心得：
覺得到這個階段都跟得上，感覺目前都不會太難
學會了怎麼換網業的背景顏色及圖片。

3.何謂HTML、DIV及CSS:
4.附上至少一個覺得設計很有質感的網站，並說明原因
https://www.ikea.is/
喜歡這種強調現代簡潔設計的網站，但又不失去對顏色飽和度、鮮豔度 。給人一種熱情活潑又潔白沉靜的感覺。

5.期待這門課的學習成果與收穫為何?
聽很多人說網頁設計很重要是未來的趨勢，覺得自己要好好加油。雖然真的覺得蠻有程度的。]]> 1045445103 105-2《中國》竹視傳二A-進階網頁設計 Wed, 21 Jun 2017 17:47:35 +0800 http://mepopedia.com/forum/read.php?2643,84100,85700#msg-85700 http://mepopedia.com/forum/read.php?2643,84100,85700#msg-85700
(2)網站主題/網站名稱： 日本介紹網站

(3)分類項目(導覽列）: 旅遊

(4)對象： 15~60歲族群

(5)色彩計畫： 藍色(想表現浮世繪的意象) 白色、灰色(想使版面潔淨) 黑色(陪襯)

(6)風格設定、網頁看點、預期成效：

風格設定: 潔淨 舒服的畫面

網頁看點: 清楚的旅遊資訊

預期成效: 整理出最精華的內容使人不凌亂

(7)製作心得：

讓我更了解網頁的運用，往後再做這這個領域的設計中能更有變化，在這次練習中也獲的許多的經驗，與從困難中解決問題，慢慢的累積經驗。]]> 1045445007 105-2《中國》竹視傳二A-進階網頁設計 Sun, 09 Apr 2017 11:57:52 +0800 http://mepopedia.com/forum/read.php?2643,84100,85699#msg-85699 http://mepopedia.com/forum/read.php?2643,84100,85699#msg-85699 (2)網站主題/網站名稱：藍紋乳酪工坊
(3)分類項目(導覽列）: 各種不同的乳酪作介紹
(4)對象：熱愛乳酪的各年齡層
(5)色彩計畫：藍色 暗紫色
(6)風格設定、網頁看點、預期成效：
風格:乾淨舒服
(7)製作心得：很好玩 可以做自己想要的風格形式 也慢慢了解網頁是如何做出來
會滿有成就感]]> 1045445124 105-2《中國》竹視傳二A-進階網頁設計 Wed, 19 Apr 2017 01:27:00 +0800 http://mepopedia.com/forum/read.php?2643,84100,85698#msg-85698 http://mepopedia.com/forum/read.php?2643,84100,85698#msg-85698

(2)網站主題/網站名稱：冬天

(3)分類項目(導覽列）: 旅遊

(4)對象： 主要針對家庭出遊的客戶

(5)色彩計畫：用沉靜的藍色表現冬天的寒冷

(6)風格設定、網頁看點、預期成效：以大家最為熟知的冬天意象感覺製作

(7)製作心得： 這次有難一些，重做了一次才搞懂。]]> 1045445103 105-2《中國》竹視傳二A-進階網頁設計 Wed, 21 Jun 2017 17:54:03 +0800 http://mepopedia.com/forum/read.php?2643,84144,85697#msg-85697 http://mepopedia.com/forum/read.php?2643,84144,85697#msg-85697 1)        作業網址：http://mepopedia.com/~css105-2a/hw03/hw03-1045445103
(2)本頁設計重點：紐約冬季溜冰場介紹
(3)製作心得：這邊蠻難的搞了一陣子。]]> 1045445103 105-2《中國》竹視傳二A-進階網頁設計 Tue, 27 Jun 2017 00:57:24 +0800 http://mepopedia.com/forum/read.php?2643,84681,85696#msg-85696 http://mepopedia.com/forum/read.php?2643,84681,85696#msg-85696 (1)        作業網址：http://mepopedia.com/~css105-2a/hw06/hw06-1045445103
(2)製作心得：這個還可以，雖然一開始搞錯，後來搞懂了。]]> 1045445103 105-2《中國》竹視傳二A-進階網頁設計 Tue, 27 Jun 2017 01:00:32 +0800 http://mepopedia.com/forum/read.php?2643,84769,85695#msg-85695 http://mepopedia.com/forum/read.php?2643,84769,85695#msg-85695 (2)製作心得：跳窗動畫那部份好難。]]> 1045445103 105-2《中國》竹視傳二A-進階網頁設計 Tue, 27 Jun 2017 01:07:16 +0800 http://mepopedia.com/forum/read.php?2643,84366,85694#msg-85694 http://mepopedia.com/forum/read.php?2643,84366,85694#msg-85694 (2)網站主題： 冬天意象
3)導覽列選項/分類項目(對應檔名)：
首頁(index) 關於(Untitled-1) 製作教學(Untitled-2) 商品(Untitled-3) 部落客介紹(Untitled-4)
(2)設計對象：不分男女老少
(3)色彩計畫：使用冷色系列類似色來做配色
(4)風格設定、預期成效： 使用簡單的線條以及色塊來呈現。
(5)製作心得：
覺得到這個階段都跟得上，感覺目前都不會太難
學會了怎麼換網業的背景顏色及圖片。]]> 1045445103 105-2《中國》竹視傳二A-進階網頁設計 Tue, 27 Jun 2017 01:15:11 +0800 http://mepopedia.com/forum/read.php?2643,84849,85693#msg-85693 http://mepopedia.com/forum/read.php?2643,84849,85693#msg-85693 2.內容大綱： 介紹台北市境內知名的登山景點
3.主要對象(分析)： 分析大部分的台北市人在境內喜歡的登山景點

4.網頁架構圖(樹狀圖)：
5.網頁版型設計圖 標準尺寸
6.色彩規劃： 以綠色系為主
7.歷屆得獎分析(至少三組)

8.組員名單(學號): 1045445103 陳信宇]]> 1045445103 105-2《中國》竹視傳二A-進階網頁設計 Tue, 27 Jun 2017 01:08:18 +0800 http://mepopedia.com/forum/read.php?2643,84769,85672#msg-85672 http://mepopedia.com/forum/read.php?2643,84769,85672#msg-85672 (2)製作心得： 蠻困難的，會繼續努力
學號 1045445218]]> 1045445218 105-2《中國》竹視傳二A-進階網頁設計 Sun, 25 Jun 2017 01:29:46 +0800 http://mepopedia.com/forum/read.php?2643,84849,85671#msg-85671 http://mepopedia.com/forum/read.php?2643,84849,85671#msg-85671
2.網站主題： 武陵農場
3.內容描述：
4.風格設計： 簡單明瞭
5.組員名單，工作分配(視覺規劃、HTML CSS設計、動態效果)： 1045445218
6.個人製作心得： 我雖然會做了 但是燈箱甚麼得有點模糊]]> 1045445218 105-2《中國》竹視傳二A-進階網頁設計 Sun, 25 Jun 2017 01:27:45 +0800 http://mepopedia.com/forum/read.php?2643,84849,85666#msg-85666 http://mepopedia.com/forum/read.php?2643,84849,85666#msg-85666 rebecca18 105-2《中國》竹視傳二A-進階網頁設計 Fri, 23 Jun 2017 14:08:35 +0800 http://mepopedia.com/forum/read.php?2643,84681,85665#msg-85665 http://mepopedia.com/forum/read.php?2643,84681,85665#msg-85665 (2)製作心得： 比期末簡單很多，越來越上手]]> 1045445085 105-2《中國》竹視傳二A-進階網頁設計 Thu, 22 Jun 2017 23:35:35 +0800 http://mepopedia.com/forum/read.php?2643,84016,85640#msg-85640 http://mepopedia.com/forum/read.php?2643,84016,85640#msg-85640 2.設計概念與製作心得：
好難懂，
3.何謂HTML、DIV及CSS:
4.附上至少一個覺得設計很有質感的網站，並說明原因
5.期待這門課的學習成果與收穫為何?]]> ycc860101 105-2《中國》竹視傳二A-進階網頁設計 Thu, 22 Jun 2017 10:04:17 +0800 http://mepopedia.com/forum/read.php?2643,84100,85639#msg-85639 http://mepopedia.com/forum/read.php?2643,84100,85639#msg-85639
(2)網站主題/網站名稱： 樂團
(3)分類項目(導覽列）: 音樂

(4)對象： 15~25歲青少年

(5)色彩計畫： 墨綠

(6)風格設定、網頁看點、預期成效：

詩意


(7)製作心得： 我盡力了]]> ycc860101 105-2《中國》竹視傳二A-進階網頁設計 Thu, 22 Jun 2017 10:01:24 +0800 http://mepopedia.com/forum/read.php?2643,84769,85637#msg-85637 http://mepopedia.com/forum/read.php?2643,84769,85637#msg-85637 (2)製作心得： 成功YA
學號 1045445130]]> ycc860101 105-2《中國》竹視傳二A-進階網頁設計 Thu, 22 Jun 2017 09:57:55 +0800 http://mepopedia.com/forum/read.php?2643,84849,85591#msg-85591 http://mepopedia.com/forum/read.php?2643,84849,85591#msg-85591
2.網站主題：阿里山生態
3.內容描述： 阿里山生態
4.風格設計： 簡約

5.個人製作心得：我盡力了]]> ycc860101 105-2《中國》竹視傳二A-進階網頁設計 Wed, 21 Jun 2017 12:16:22 +0800 http://mepopedia.com/forum/read.php?2643,84849,85590#msg-85590 http://mepopedia.com/forum/read.php?2643,84849,85590#msg-85590
2.網站主題： 走在山丘下
3.內容描述： 介紹中國科大附近可以遊玩的景點
4.風格設計： 簡約風/度假的感覺
5.組員名單，工作分配(視覺規劃、HTML CSS設計、動態效果)：
6.個人製作心得： 要理解一個版型的語法不容易啊


企劃大綱

1.網站主題： 走在山丘下
2.網站架構（導覽列名稱與檔名）
3.內容大綱： 景點介紹
4.主要對象(分析)： 沒有
5.網頁架構圖(樹狀圖)： http://imgur.com/a/V4XyX
6.網頁版型設計圖wireframe
7.色彩規劃： 灰色系
8.歷屆得獎分析(至少三組) :沒分析]]> 1045445106 105-2《中國》竹視傳二A-進階網頁設計 Wed, 21 Jun 2017 11:59:20 +0800 http://mepopedia.com/forum/read.php?2643,84144,85589#msg-85589 http://mepopedia.com/forum/read.php?2643,84144,85589#msg-85589 (2)本頁設計重點： 帶有低調高級的感覺，並吸引人想去看此小說
(3)製作心得：做得有點累，因為要做其他分頁~但還是很開心]]> A_MA0109 105-2《中國》竹視傳二A-進階網頁設計 Wed, 21 Jun 2017 11:23:43 +0800 http://mepopedia.com/forum/read.php?2643,84100,85588#msg-85588 http://mepopedia.com/forum/read.php?2643,84100,85588#msg-85588 (2)網站主題/網站名稱： 全職高手-MasterSkill
(3)分類項目(導覽列）: 首頁/戰隊介紹/角色簡介/角色職業介紹/世界要請賽陣容
(4)對象： 15~30
(5)色彩計畫： 金色與米色
(6)風格設定、網頁看點、預期成效： 帶有低調高級的感覺
(7)製作心得： 做得有點累，因為要做其他分頁~但還是很開心]]> A_MA0109 105-2《中國》竹視傳二A-進階網頁設計 Wed, 21 Jun 2017 11:22:06 +0800 http://mepopedia.com/forum/read.php?2643,84849,85587#msg-85587 http://mepopedia.com/forum/read.php?2643,84849,85587#msg-85587 2.網站主題：貝比漢堡(發福廚房)
3.內容描述：台灣美式漢堡店
內容大綱：介紹美式餐廳
主要對象：每個愛吃漢堡的你
4.風格設計：簡約
5.組員名單：1045445118 1045445160
6.個人製作心得：感謝老師學期來的教導]]> 1045445118 105-2《中國》竹視傳二A-進階網頁設計 Wed, 21 Jun 2017 10:04:29 +0800 http://mepopedia.com/forum/read.php?2643,84849,85586#msg-85586 http://mepopedia.com/forum/read.php?2643,84849,85586#msg-85586
2.網站主題：松山趴趴走
3.內容描述：希望讓來松山的觀光客可以了解有哪些地方能逛 能參觀
4.風格設計：亮色系(淡)半手繪
5.組員名單，工作分配(視覺規劃、HTML CSS設計、動態效果)： 1045445028陳思雅 (ALL)
6.個人製作心得：有時候真的很有障礙，然後重做了幾次，因為電腦蕩蕩。
手繪+電繪完封面就已經癱了，所以後面決定用圖片~整體覺得可以再更好，
因為有些小細節我調了，但不知道她怎麼了，可能也累了 哈哈哈。


------------企劃大綱 --------------

1.網站主題：松山趴趴走
2.網站架構（導覽列名稱與檔名）
3.內容大綱：希望讓來松山的觀光客可以了解有哪些地方能逛 能參觀
4.主要對象(分析)：觀光客
5.網頁架構圖(樹狀圖)：
6.網頁版型設計圖:以作業七版型製作
7.色彩規劃：綠色為主淡色系
8.歷屆得獎分析(至少三組)
http://mepopedia.com/~web102-c/final/final-1015445215/ 平溪線
我喜歡簡簡單單又可愛的感覺~
http://mepopedia.com/~web102-c/final/final-1015445218/index2.html鶯歌
很讚!!!
http://timeline.tw/ 3歲月十分
好厲害，做的好美]]> ariel80210 105-2《中國》竹視傳二A-進階網頁設計 Wed, 21 Jun 2017 08:35:21 +0800 http://mepopedia.com/forum/read.php?2643,84849,85583#msg-85583 http://mepopedia.com/forum/read.php?2643,84849,85583#msg-85583 參考版型：http://www.free-css.com/free-css-templates/page214/foodee
2.網站主題：花現台灣
3.內容描述：四季花曆
內容大綱：介紹台灣的花
主要對象：喜歡花的人
4.風格設計：簡約
5.組員名單：1045445085
6.個人製作心得：輕輕鬆鬆]]> 1045445085 105-2《中國》竹視傳二A-進階網頁設計 Wed, 21 Jun 2017 07:18:55 +0800 http://mepopedia.com/forum/read.php?2643,84769,85582#msg-85582 http://mepopedia.com/forum/read.php?2643,84769,85582#msg-85582 有標題跑到邊緣 不知道怎麼調回來:S
學號：1045445085]]> 1045445085 105-2《中國》竹視傳二A-進階網頁設計 Wed, 21 Jun 2017 03:35:50 +0800 http://mepopedia.com/forum/read.php?2643,84849,85580#msg-85580 http://mepopedia.com/forum/read.php?2643,84849,85580#msg-85580
2.網站主題： YUM-TAIWAN (台灣飲食文化)

3.內容描述： 介紹台灣飲食文化(傳統飲食/咖啡座/經典小吃/飲料店)

4.風格設計： 可愛/插畫/粉嫩

5.組員名單，工作分配(視覺規劃、HTML CSS設計、動態效果)：
1045445031 林孟蓁 主題討論、資料蒐集&整理、素材插畫繪製、CSS設計、動態效果規劃
1045445073 葉庭瑜 主題討論、資料蒐集&整理、素材插畫繪製、HTML設計、動態效果規劃
1045445169 林沂蓁 主題發想、視覺規劃、素材插畫繪製、HTML設計、CSS設計、動態效果規劃&製作

6.個人製作心得：
1045445031 林孟蓁 ---> 第一次畫圖畫這麼多、字打這麼多，手都快殘廢了，但我還是覺得那些美食畫的很像～～結束期末
1045445073 葉庭瑜 ---> 整理資料的過程中，沒有遇到甚麼太大的問題，繪製素材時也是滿愉悅的。
1045445169 林沂蓁 ---> 難啊 人生好難啊 哭哭 眼花花 心累累 做到哭 做到撞牆 終於做完了 程式碼看了無敵多次 終於找出他們的規律 成功完成整個HTML的架設 (雖然看到大家的期末網站，覺得我們的好像lol掉了感到心虛，但我們盡力了 QQ)

-----------------------------------------------------------------------------------------------------------------------------------------------------------------
企劃大綱

1.網站主題： YUM-TAIWAN (台灣飲食文化)

2.網站架構： 導覽列 ---> YUM-TAIWAN/傳統飲食/濃醇咖啡/經典小吃/繽紛飲料

3.內容大綱： 介紹台灣飲食

4.主要對象： 美食部落客

5.網頁架構圖(樹狀圖)：

首頁

傳統飲食 白粥 醬瓜 燒餅 油條 豆漿 米漿 飯糰

濃郁咖啡 丹堤咖啡 西雅圖咖啡 星巴克咖啡 85度C咖啡

經典小吃 烤玉米 香雞排 臭豆腐 地瓜球 棺材板 牛肉麵

繽紛飲料 清心福全 大苑子 COCO都可 迷客夏 茶湯會 圓石

6.色彩規劃： 粉色調

7.歷屆得獎分析(至少三組)

《歲月十分》
http://timeline.tw/
很可愛 很有故事性的網站

《食尚大學》
http://www.foosion.tw/
簡單 時尚的版面設計

《古早味鹹酸甜》
http://retrospective.idv.tw/
樸實 很符合古早味的風格]]> 1045445169 105-2《中國》竹視傳二A-進階網頁設計 Wed, 21 Jun 2017 02:59:04 +0800 http://mepopedia.com/forum/read.php?2643,84849,85579#msg-85579 http://mepopedia.com/forum/read.php?2643,84849,85579#msg-85579 2.內容大綱： 金門風景及介紹
3.主要對象(分析)： 想知道金門的都能
4.網頁架構圖(樹狀圖)：
5.網頁版型設計圖 ：
6.色彩規劃： 白、橘
7.歷屆得獎分析(至少三組)
8.組員名單(學號） 1045445187]]> 1045445187 105-2《中國》竹視傳二A-進階網頁設計 Wed, 21 Jun 2017 01:51:30 +0800 http://mepopedia.com/forum/read.php?2643,84954,85575#msg-85575 http://mepopedia.com/forum/read.php?2643,84954,85575#msg-85575
(1) 參考之版型網址：http://www.tooplate.com/
(2) 設計主題 / 風格 ：南行/休閒觀光的形式
(2) 遇到之問題：無
(3) 製作時間：一小時
(4) 製作心得：雖然選的版型較簡單，但很喜歡這種樣式的排版，風格及顏色搭配都有自己想要表達的那種氛圍。]]> 1045445136 105-2《中國》竹視傳二A-進階網頁設計 Tue, 20 Jun 2017 17:36:06 +0800 http://mepopedia.com/forum/read.php?2643,84849,85574#msg-85574 http://mepopedia.com/forum/read.php?2643,84849,85574#msg-85574
2.網站主題：淡水
3.內容描述：淡水的風景小吃與歷史
內容大綱：讓想去的遊客知道淡水地區的歷史風景
主要對象：遊客
4.風格設計：簡約
5.組員名單：1045445148
6.個人製作心得：覺得密密麻麻的原始碼看了心很累~]]> 1045445148 105-2《中國》竹視傳二A-進階網頁設計 Tue, 20 Jun 2017 16:23:41 +0800