http://mepopedia.com/forum/list.php?2644 Wed, 22 Apr 2026 10:22:02 +0800 Phorum 5.2.7 http://mepopedia.com/forum/read.php?2644,84749,85683#msg-85683 http://mepopedia.com/forum/read.php?2644,84749,85683#msg-85683
2.網站主題：台灣科技產業

3.內容描述： 介紹台灣設計與半導體公司

4.風格設計： windows morden

5.組員名單，工作分配(視覺規劃、HTML CSS設計、動態效果)：

122黃浩翔

6.個人製作心得：

期末做了兩個多禮拜，最後一個禮拜才趕出來的 。修修改改請教了很多同學....


企劃大綱
1.網站主題：台灣科技產業
參考版型:www.templatemo.com/tm-498-stimulus

2.網站架構（導覽列名稱與檔名）

首頁 -科技公司，分析市場，期許，新聞

3.內容大綱： 介紹台灣設計與半導體公司

4.主要對象(分析)： 不分


組員名單

1045445122 黃浩翔]]> 1045445122 105-2《中國》竹視傳二B-進階網頁設計 Sun, 25 Jun 2017 23:59:40 +0800 http://mepopedia.com/forum/read.php?2644,84235,85682#msg-85682 http://mepopedia.com/forum/read.php?2644,84235,85682#msg-85682
(1)原網站名稱及網址：
動物王國官方網站 http://www.17ipet.com.tw/
修改的原因：
太繁複
有點複雜

(2)參考網站名稱與網址：
宜家家具 http://m.ikeacard.com.tw/Default

參考的原因：
簡單明瞭
有極簡
有設計感

(3)色彩計畫：以綠色白為主

(4)風格特色：簡單 易懂

(5)製作時請特別注意以下數值，並比較與平面排版之差異：
字體設定
大標題:微軟正黑體
導覽列:微軟正黑體
副標題:微軟正黑體
內文:微軟正黑體

大標題級數 :46pt
文章標題級數 :30pt
內文級數:12px
網站寬度:1000px

(6)製作心得：喜歡這次的作業因為非常簡單哈哈]]> chenyian 105-2《中國》竹視傳二B-進階網頁設計 Sun, 25 Jun 2017 23:06:31 +0800 http://mepopedia.com/forum/read.php?2644,84145,85681#msg-85681 http://mepopedia.com/forum/read.php?2644,84145,85681#msg-85681
(2)本頁設計重點 : 讓大家知道加藤彩這位插畫家
(3)製作心得： 做完很有成就感]]> 王昀臻 105-2《中國》竹視傳二B-進階網頁設計 Sun, 25 Jun 2017 21:53:57 +0800 http://mepopedia.com/forum/read.php?2644,84679,85680#msg-85680 http://mepopedia.com/forum/read.php?2644,84679,85680#msg-85680 (2)製作心得： 有點難]]> 王昀臻 105-2《中國》竹視傳二B-進階網頁設計 Sun, 25 Jun 2017 21:51:19 +0800 http://mepopedia.com/forum/read.php?2644,84101,85679#msg-85679 http://mepopedia.com/forum/read.php?2644,84101,85679#msg-85679 (3)分類項目(導覽列）:
首頁
簡介
作者
圖片分享
外部連結
(4 )對象：大眾
(5)色彩計畫： 黑色系
(6)風格設定、網頁看點、預期成效： 可以給人神秘感
(7)製作心得： 越來越難]]> 王昀臻 105-2《中國》竹視傳二B-進階網頁設計 Sun, 25 Jun 2017 21:47:55 +0800 http://mepopedia.com/forum/read.php?2644,84397,85678#msg-85678 http://mepopedia.com/forum/read.php?2644,84397,85678#msg-85678

(2)製作心得：便生動了]]> 王昀臻 105-2《中國》竹視傳二B-進階網頁設計 Sun, 25 Jun 2017 21:43:56 +0800 http://mepopedia.com/forum/read.php?2644,84015,85677#msg-85677 http://mepopedia.com/forum/read.php?2644,84015,85677#msg-85677 2.設計概念與製作心得：簡約.黑灰白
3.何謂HTML、DIV及CSS:
HTML:寫網頁語法&架構DIV:包覆語法CSS:美化畫面
4.附上至少一個覺得設計很有質感的網站，並說明原因
http://www.theoldengland.com/memory.php?cat=2
簡約風格配色
5.期待這門課的學習成果與收穫為何?
學到新語法]]> 王昀臻 105-2《中國》竹視傳二B-進階網頁設計 Sun, 25 Jun 2017 21:40:25 +0800 http://mepopedia.com/forum/read.php?2644,84771,85676#msg-85676 http://mepopedia.com/forum/read.php?2644,84771,85676#msg-85676
(2)製作心得:跳窗一直跑掉]]> 王昀臻 105-2《中國》竹視傳二B-進階網頁設計 Sun, 25 Jun 2017 21:28:17 +0800 http://mepopedia.com/forum/read.php?2644,84955,85675#msg-85675 http://mepopedia.com/forum/read.php?2644,84955,85675#msg-85675
(1) 參考之版型網址：
(2) 設計主題 / 風格:簡單、自然
(2) 遇到之問題: 很麻煩
(3) 製作時間: 1~2小時
(4) 製作心得:做稻子幾都亂了]]> 王昀臻 105-2《中國》竹視傳二B-進階網頁設計 Sun, 25 Jun 2017 21:24:08 +0800 http://mepopedia.com/forum/read.php?2644,84955,85674#msg-85674 http://mepopedia.com/forum/read.php?2644,84955,85674#msg-85674
(1) 參考之版型網址： www.templatemo.com/tm-498-stimulus
(2) 設計主題 / 風格 :morden
(2) 遇到之問題: 版面有時錯位...調整很久
(3) 製作時間: 一周多 慢慢地做
(4) 製作心得:很多語法密密麻麻的，大致還看得懂，常常亂掉... 又多耗時間]]> 1045445122 105-2《中國》竹視傳二B-進階網頁設計 Sun, 25 Jun 2017 19:01:18 +0800 http://mepopedia.com/forum/read.php?2644,84771,85673#msg-85673 http://mepopedia.com/forum/read.php?2644,84771,85673#msg-85673
(2)製作心得:本來快做好了，結果突然當掉html全部都不見又重做了一次...

學號 : 1045445161]]> 1045445122 105-2《中國》竹視傳二B-進階網頁設計 Sun, 25 Jun 2017 18:53:07 +0800 http://mepopedia.com/forum/read.php?2644,84749,85669#msg-85669 http://mepopedia.com/forum/read.php?2644,84749,85669#msg-85669 1.網站主題： 台灣水果
2.內容大綱：台灣春夏秋冬世紀的水果。
3.主要對象(分析)： 大眾
4.網頁架構圖(樹狀圖)： 主頁春夏秋冬，春水果，夏水果，秋水果，冬水果
5.色彩規劃：偏亮色系，飽和度高
6..組員名單:1045448015]]> 1045448015 105-2《中國》竹視傳二B-進階網頁設計 Sat, 24 Jun 2017 21:54:17 +0800 http://mepopedia.com/forum/read.php?2644,84235,85668#msg-85668 http://mepopedia.com/forum/read.php?2644,84235,85668#msg-85668
(1)原網站名稱及網址：
台北市立動物園 http://www.zoo.gov.taipei/
修改的原因：
太普通
有點複雜
比較沒有設計感

(2)參考網站名稱與網址：
忘記是在哪個網站找版型了 忘記記起來

參考的原因：
有美式風格
又有極簡的設計感

(3)色彩計畫：以綠色為主

(4)風格特色：簡約 簡單

(5)製作時請特別注意以下數值，並比較與平面排版之差異：
字體設定
大標題:微軟正黑體
導覽列:微軟正黑體
副標題:微軟正黑體
內文:微軟正黑體

大標題級數 :46pt
文章標題級數 :30pt
內文級數:12px
網站寬度:1500px

(6)製作心得：第一次做網頁做得如此有信心 而不備受打擊]]> ffga3307 105-2《中國》竹視傳二B-進階網頁設計 Sat, 24 Jun 2017 08:11:33 +0800 http://mepopedia.com/forum/read.php?2644,84749,85652#msg-85652 http://mepopedia.com/forum/read.php?2644,84749,85652#msg-85652
2.網站主題： 飛牛牧場
3.內容描述： 介紹那邊的動物
4.風格設計： 用圖片表示 一目瞭然
5.組員名單，工作分配(視覺規劃、HTML CSS設計、動態效果)：1045445044廖芫瑩
6.個人製作心得： 還是覺得寫那些程式做網頁的人很厲害

企劃大綱

1.網站主題：飛牛牧場
2.網站架構（導覽列名稱與檔名）

3.內容大綱：介紹那邊的動物
4.主要對象(分析)： 年輕,觀光族群
5.網頁架構圖(樹狀圖)：
6.網頁版型設計圖
7.色彩規劃： 自己拍攝的照片，底圖用黑色凸顯照片]]> 1045445044 105-2《中國》竹視傳二B-進階網頁設計 Thu, 22 Jun 2017 14:11:09 +0800 http://mepopedia.com/forum/read.php?2644,84749,85638#msg-85638 http://mepopedia.com/forum/read.php?2644,84749,85638#msg-85638
2.網站主題： 台北西門町
3.內容描述： 介紹西門周遭歷史風景&藝術特色
4.風格設計： 現代西門文化特色
5.組員名單，工作分配(視覺規劃、HTML CSS設計、動態效果)：1045445065黃少凱-照片拍攝&樹狀圖,版型設計圖製作
1045445173宋家維-網頁製作
6.個人製作心得： 有了前面作業8的練習,這次做完比較不多遇到的瓶頸,但面對如此密麻的語法&css,我覺得需要有更多的認識。


企劃大綱

1.網站主題：台北西門町
2.網站架構（導覽列名稱與檔名）
(1) index.html - Home
(2) about.html - History
(3) services.html - The art
(4) testimonials.html - testimonials
(5) contact.html - Tell us
3.內容大綱：介紹現今西門的文化特色
4.主要對象(分析)： 年輕,觀光族群
5.網頁架構圖(樹狀圖)： http://i.imgur.com/wmUA26E.jpg
6.網頁版型設計圖wireframe http://i.imgur.com/kvDVX5q.jpg
7.色彩規劃： 自然景色+偏暗色調]]> 1045445173 105-2《中國》竹視傳二B-進階網頁設計 Thu, 22 Jun 2017 09:59:04 +0800 http://mepopedia.com/forum/read.php?2644,84749,85607#msg-85607 http://mepopedia.com/forum/read.php?2644,84749,85607#msg-85607
2.網站主題：高雄旗津
3.內容描述： 介紹高雄
4.風格設計： 繽紛圖片多
5.組員名單，工作分配(視覺規劃、HTML CSS設計、動態效果)： 1045445216 / 1045445005 一起做
6.個人製作心得： 高雄旗津很好玩.會選擇高雄旗津是因為景點豐富.上山下海各種玩.食物也百百種.原本交通有google地圖.可是我們研究了很久還是失敗.所以改成純粹文字敘述.


企劃大綱

1.網站主題： 高雄旗津
2.網站架構（導覽列名稱與檔名）
3.內容大綱： 景點.美食.住宿.關於.交通
4.主要對象(分析)：愛高雄的人
5.網頁架構圖(樹狀圖)：
6.網頁版型設計圖wireframe
7.色彩規劃：]]> shan333 105-2《中國》竹視傳二B-進階網頁設計 Thu, 22 Jun 2017 00:10:36 +0800 http://mepopedia.com/forum/read.php?2644,84955,85606#msg-85606 http://mepopedia.com/forum/read.php?2644,84955,85606#msg-85606
(1) 參考之版型網址： http://www.templatemo.com/tm-434-masonry
(2) 設計主題 / 風格:牧場
(2) 遇到之問題: 圖片放不進去
(3) 製作時間: 5~6小時
(4) 製作心得:覺得那些做網頁的人很厲害]]> 1045445044 105-2《中國》竹視傳二B-進階網頁設計 Wed, 21 Jun 2017 23:01:09 +0800 http://mepopedia.com/forum/read.php?2644,84749,85605#msg-85605 http://mepopedia.com/forum/read.php?2644,84749,85605#msg-85605
2.網站主題： 風的城市
3.內容描述： 介紹新竹的景點跟美食
4.風格設計： 白色底打配藍色與黃色，簡單的感覺
5.組員名單，工作分配(視覺規劃、HTML CSS設計、動態效果)： 鄭文茹（一個人）
6.個人製作心得： 很難，很多語法看不懂

企劃大綱 
1.網站主題： 風的城市
參考版型http://www.tooplate.com/view/2077-modern-town

2.網站架構（導覽列名稱與檔名）：
home
景點
美食 

3.內容大綱：介紹新竹的景點，不再是熟悉的城隍廟、東門城而已，美食也不再是熟悉的貢丸與米粉，新竹也有不一樣的景點跟美食。

4.主要對象(分析)： 大眾

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

6.網頁版型設計圖wireframe 

7.色彩規劃：白色、藍色 、黃色

8.歷屆得獎分析(至少三組) :
http://www.foosion.tw/
http://www.hitribe.idv.tw/
http://timeline.tw/
9.組員名單：1035461139鄭文茹]]> 鄭文茹 105-2《中國》竹視傳二B-進階網頁設計 Wed, 21 Jun 2017 22:50:17 +0800 http://mepopedia.com/forum/read.php?2644,84749,85603#msg-85603 http://mepopedia.com/forum/read.php?2644,84749,85603#msg-85603 1.網站主題：新竹動物園
參考版型：http://www.templatemo.com/live/templatemo_493_snapshot

2.網站架構（導覽列名稱與檔名）
首頁 -- index.html
導覽圖 -- map.html

3.內容大綱： 新竹動物園

4.主要對象(分析)： 可能要去參觀的人

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



6.網頁版型設計圖wireframe：



7.色彩規劃： 大部分都用綠色，比較有大自然的感覺

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

9.組員名單： 詹炳偉 1045445131]]> 1045445131 105-2《中國》竹視傳二B-進階網頁設計 Wed, 21 Jun 2017 21:57:34 +0800 http://mepopedia.com/forum/read.php?2644,84749,85602#msg-85602 http://mepopedia.com/forum/read.php?2644,84749,85602#msg-85602
2.網站主題：WELCOME TO TAICHUNG
3.內容描述：介紹台中美景及特色小吃下午茶伴手禮。
4.風格設計：台中的下山的美景當封面，以白色做基底，附上台中地點圖片及文字做介紹。
5.組員名單，工作分配(視覺規劃、HTML CSS設計、動態效果)： 1045445185
6.個人製作心得：剛開始很順手但遇上自己家東西的時候會需要一些時間試比較多次。


企劃大綱

1.網站主題：WELCOME TO TAICHUNG
2.網站架構（導覽列名稱與檔名） ：
首頁
景點
美食
麗寶
對台中的印象分享

3.主要對象(分析)：喜愛旅遊及收尋美食的人]]> 曾紋靖 105-2《中國》竹視傳二B-進階網頁設計 Wed, 21 Jun 2017 21:29:55 +0800 http://mepopedia.com/forum/read.php?2644,84955,85599#msg-85599 http://mepopedia.com/forum/read.php?2644,84955,85599#msg-85599
(1) 參考之版型網址：http://www.tooplate.com/view/2076-zentro

(2) 設計主題 / 風格：天才的禮物/簡約
(2) 遇到之問題：無。

(3) 製作時間：3小時

(4) 製作心得：這個版型較沒那麼複雜，但很簡約風格很喜歡]]> 1045445077 105-2《中國》竹視傳二B-進階網頁設計 Wed, 21 Jun 2017 20:06:43 +0800 http://mepopedia.com/forum/read.php?2644,84235,85598#msg-85598 http://mepopedia.com/forum/read.php?2644,84235,85598#msg-85598
(1)原網站名稱及網址：
株式會社 明治meiji
http://www.meiji.co.jp/sweets/chocolate/kinotake/
東西有點多，感覺有點擠

(2)參考網站名稱與網址：
江崎固力果 株式會社 pokey
https://www.glico.com/jp/product/chocolate/
很整齊乾淨，圖片多但不擁擠


(3)色彩計畫：淺粉

(4)風格特色：簡單 可愛

(5)製作時請特別注意以下數值，並比較與平面排版之差異：
字體設定
大標題:標楷體
導覽列:微軟正黑體
副標題:微軟正黑體
內文:微軟正黑體

大標題級數 :50pt
文章標題級數 :15pt
內文級數:12px
網站寬度:1200px

(6)製作心得：很難啊]]> 1045445077 105-2《中國》竹視傳二B-進階網頁設計 Wed, 21 Jun 2017 20:05:13 +0800 http://mepopedia.com/forum/read.php?2644,84771,85581#msg-85581 http://mepopedia.com/forum/read.php?2644,84771,85581#msg-85581 1045445085 105-2《中國》竹視傳二B-進階網頁設計 Wed, 21 Jun 2017 03:34:34 +0800 http://mepopedia.com/forum/read.php?2644,84771,85570#msg-85570 http://mepopedia.com/forum/read.php?2644,84771,85570#msg-85570 (2)製作心得：真的越來越複雜啦 真的盡力了><
學號:1045445113]]> chenyian 105-2《中國》竹視傳二B-進階網頁設計 Tue, 20 Jun 2017 04:31:39 +0800 http://mepopedia.com/forum/read.php?2644,84679,85569#msg-85569 http://mepopedia.com/forum/read.php?2644,84679,85569#msg-85569 (2)製作心得： 網頁真的好難 看來要更努力學了]]> chenyian 105-2《中國》竹視傳二B-進階網頁設計 Tue, 20 Jun 2017 04:30:10 +0800 http://mepopedia.com/forum/read.php?2644,84771,85568#msg-85568 http://mepopedia.com/forum/read.php?2644,84771,85568#msg-85568 (2)製作心得：這個很好玩,但是也要花很多耐心在上面,雖然沒有做得很好 ,希望可以拿高分
學號:1045445050]]> 1045445050 105-2《中國》竹視傳二B-進階網頁設計 Mon, 19 Jun 2017 22:53:33 +0800 http://mepopedia.com/forum/read.php?2644,84679,85567#msg-85567 http://mepopedia.com/forum/read.php?2644,84679,85567#msg-85567 (2)製作心得：覺得很好玩,但是要花很多心思在上面]]> 1045445050 105-2《中國》竹視傳二B-進階網頁設計 Mon, 19 Jun 2017 22:49:47 +0800 http://mepopedia.com/forum/read.php?2644,84749,85566#msg-85566 http://mepopedia.com/forum/read.php?2644,84749,85566#msg-85566 參考版型：http://mepopedia.com/~web102-c/final/final-1015445215/
作業網址：http://mepopedia.com/~css105-2b/final/final-1045445050/

2.網站架構（導覽列名稱與檔名）


內灣
北埔
城隍廟
青青草原

3.內容大綱：
介紹新竹景點美景與各地美食

4.主要對象(分析)：
喜歡出去旅遊的人

5.網頁架構圖(樹狀圖)：
7.色彩規劃：
以新竹客家花布為底圖,來呼應新竹客家之美

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

和風北投‧行腳踏查 http://imagetaiwan.net.tw/hokutolite.html#
將北投得景點都講得很詳細,美感背景也處理得很舒服,介紹了北投的歷史與發展

歐弟桑的台灣慢遊筆記本 http://odie.tw/mixed-grid-gallery/
把全台灣他走過得地方都設計在自己的網頁裡,詳細的打出他去過的各個角落

蓮霧雄ㄟ黑金剛農場 https://www.lianwu.tw/
底圖都是黑灰色,來呼應黑金剛,覺得她的網頁很酷,除了介紹黑金剛蓮霧之外,也讓人認領蓮霧樹

1045445050 劉家豪]]> 1045445050 105-2《中國》竹視傳二B-進階網頁設計 Mon, 19 Jun 2017 22:44:58 +0800 http://mepopedia.com/forum/read.php?2644,84015,85556#msg-85556 http://mepopedia.com/forum/read.php?2644,84015,85556#msg-85556 2.設計概念與製作心得：簡約.黑灰白
3.何謂HTML、DIV及CSS:
HTML:寫網頁語法&架構DIV:包覆語法CSS:美化畫面
4.附上至少一個覺得設計很有質感的網站，並說明原因
https://zh.wikipedia.org/wiki/%E5%91%A8%E6%9D%B0%E5%80%AB
簡約風格配色
5.期待這門課的學習成果與收穫為何?
學到新語法]]> 陳柏叡1045445137 105-2《中國》竹視傳二B-進階網頁設計 Mon, 19 Jun 2017 12:11:33 +0800 http://mepopedia.com/forum/read.php?2644,84015,85555#msg-85555 http://mepopedia.com/forum/read.php?2644,84015,85555#msg-85555 2.設計概念與製作心得：簡約.黑灰白
3.何謂HTML、DIV及CSS:
HTML:寫網頁語法&架構DIV:包覆語法CSS:美化畫面
4.附上至少一個覺得設計很有質感的網站，並說明原因
http://www.nike.com/tw/zh_tw/
簡約風格配色
5.期待這門課的學習成果與收穫為何?
學到新語法]]> 徐夢蔆1045445071 105-2《中國》竹視傳二B-進階網頁設計 Mon, 19 Jun 2017 12:05:36 +0800