Welcome! 登入 註冊
專區首頁 專區百科 專區論壇 專區部落格 專區地圖

Advanced

[作業02] HTML與CSS練習-- 首頁實作篇

1. HTML與CSS練習--首頁實作篇作業說明


請參考
[講義] HTML與CSS練習--首頁實作篇:http://mepopedia.com/forum/read.php?804,43670

1. 作業目的

1.進一步熟悉HTML與CSS
2.練習將視覺與語法結合
3.學習如何修改HTML與CSS語法



2. 作業說明

1.請以範例網站為基模,使用其排版概念,重新改編為一新的網站設計,除了架構一樣,其他資訊皆要更新。
2.製作:(1)完成首頁,(2)設定滑鼠移過的效果,其他頁面將陸續完成。



3. 作業步驟

1.參考http://mepopedia.com/~web102-c/hw03/hw03/
並以講義中的語法為參考http://mepopedia.com/forum/read.php?804,43670
2.重新設定一全新網站的主題,蒐集相關主題及內容資料
3.重新設定網站主題、使用對象、色彩計畫、圖片元素等。
4.製作背景圖片、整體色彩設定,標題及文字內容。
5.將HTML與CSS語法分別貼上後,修改HTML與CSS語法。
6.將資料夾命名為 hw02-學號,以FTP上傳至hw02資料夾
作業網址為http://mepopedia.com/~web103-2a/hw02/hw02-1025445XXX

並請回覆:

(1)作業網址:
(2)網站主題/網站名稱:
(3)導覽列(分類項目):
(4)對象:
(5)色彩計畫:
(6)風格設定、網頁看點、預期成效:
(7)請整理以下數值:
字體設定(font-family)
標題級數、文章標題級數、內文級數(font-size)(單位px)
區塊內與區塊間的距離(padding)(margin)(單位px)
網站寬度(width)(單位px)
(8)製作心得:
學號



請於規定時間準時繳交作業,逾期不後。


4. 學長姐範例


http://mepopedia.com/~web102-c/midterm/midterm-1015445215/
http://mepopedia.com/~web102-c/midterm/midterm-1015445212/
http://mepopedia.com/~web102-c/midterm/midterm-1015445219

http://mepopedia.com/~web102-c/final/final-1015445212/



Edited 3 time(s). Last edit at 03/26/2015 11:33AM by JinJin.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web103-2c/hw02/hw02-1025445072/
(2)網站主題/網站名稱: 彩虹小馬
(3)導覽列(分類項目): 首頁 故事簡介 角色介紹 影片分享 外部連結
(4)對象: 喜歡彩虹小馬的大眾們
(5)色彩計畫: 粉色調
(6)風格設定、網頁看點、預期成效: 粉嫩風,讓更多人喜歡
(7)請整理以下數值:
字體設定(font-family) "微軟正黑體",sans-serif
標題級數:24px
文章標題級數:20px
內文級數(font-size)(單位px) 12px
區塊內與區塊間的距離:10px
網站寬度:800px

(8)製作心得:覺得自己更厲害了一點


1025445072 王人永



Edited 5 time(s). Last edit at 04/01/2015 05:32PM by 1025445072.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web103-2c/hw02/hw02-1025445075/
(2)網站主題:明森宇治抹茶專賣店
(2)對象: 一般大眾
(3)色彩計畫: 清新簡約
(4)風格設定、網頁看點、預期成效: 有趣簡單 希望可以吸引人注意

(6)製作心得: 覺得有趣希望可以更精進

1025445075 李依庭

(1)作業網址: http://mepopedia.com/~web103-2c/hw02/hw02-1025445141/
(2)網站主題/網站名稱: 艾薇兒·拉維尼
(3)導覽列(分類項目): 首頁 歌手簡介 專輯介紹 影片分享 外部連結
(4)對象: 喜歡艾薇兒的粉絲
(5)色彩計畫: 暗色調
(6)風格設定、網頁看點、預期成效: 搖滾風,讓更多人喜愛
(7)請整理以下數值:
字體設定(font-family) "微軟正黑體",sans-serif
標題級數:24px
文章標題級數:20px
內文級數(font-size)(單位px) 12px
區塊內與區塊間的距離:10px
網站寬度:800px

(8)製作心得:覺得很有成就感...............

1025445141 王心仁

(1)作業網址: http://mepopedia.com/~web103-2c/hw02/hw02-1025445144/
(2)網站主題/網站名稱: Bottega Veneta
(3)導覽列(分類項目): 首頁 歷史 專門店 廣告計劃 外部連結
(4)對象: 喜歡時尚的人
(5)色彩計畫: 藍黑 綠格子
(6)風格設定、網頁看點、預期成效: 暗色系
(7)請整理以下數值:
字體設定(font-family) "微軟正黑體",sans-serif
標題級數:24px
文章標題級數:20px
內文級數(font-size)(單位px) 12px
區塊內與區塊間的距離:10px
網站寬度:800px

(8)製作心得:覺得死了一堆腦細胞

(1)作業網址: http://mepopedia.com/~web103-2c/hw02/hw02-1025445069/
(2)網站主題/網站名稱: 奧黛莉朵杜
(3)導覽列(分類項目): 首頁 生平簡介 關於巴黎飄雪 電影片段 外部連結
(4)對象: 一般大眾
(5)色彩計畫: 優雅 桃紅 淺咖啡
(6)風格設定、網頁看點、預期成效: 舒服優雅 希望可以吸引人注意
(7)請整理以下數值:
字體設定(font-family) "微軟正黑體",sans-serif
標題級數、文章標題級數、內文級數(font-size)(單位px) 24px 20px 12px
區塊內與區塊間的距離(padding)(margin)(單位px) 10PX
網站寬度(width)(單位px) 800px
(8)製作心得: 學到不同樣式的版面覺得很有趣
1025445069 古珮儒



Edited 4 time(s). Last edit at 04/01/2015 10:57PM by KUPEIRU.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web103-2c/hw02/hw02-1025445015/
(2)網站主題: 韓國女團f(x)
(2)對象: 粉絲
(3)色彩計畫:樸素典雅
(4)風格設定、網頁看點、預期成效:有魔力,讓人為之一亮,引人注目
(5)請整理以下數值:
字體設定(font-family)
標題級數、文章標題級數、內文級數(font-size)(單位px)
區塊內與區塊間的距離(padding)(margin)(單位px)
網站寬度(width)(單位px)
(6)製作心得: 進階變的複雜,要更有耐心製作,成果希望能讓自己滿意


1025445015 陳曉琪



Edited 2 time(s). Last edit at 04/01/2015 04:37PM by CHEN CHICHI.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web103-2c/hw02/hw02-1025445060/
(2)網站主題: 最後的八三夭
(2)對象: 八三夭的粉絲
(3)色彩計畫: 黑灰調
(4)風格設定、網頁看點、預期成效: 希望能突顯出屬於八三夭的風格,風格設定為簡單不複雜
(5)請整理以下數值:
字體設定(font-family)
標題級數、文章標題級數、內文級數(font-size)(單位px)
區塊內與區塊間的距離(padding)(margin)(單位px)
網站寬度(width)(單位px)
(6)製作心得:

學號 1025445060 黃淯婷



Edited 1 time(s). Last edit at 04/01/2015 07:30PM by 黃淯婷.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web103-2c/hw02/hw02-1025445153/
(2)網站主題:咖啡豆專賣店
(2)對象: 專業泡咖啡的消費者、開咖啡店的老闆
(3)色彩計畫:以咖啡色為主、咖啡豆專裝飾
(4)風格設定、網頁看點、預期成效: 手繪風,讓大家知道好喝的咖啡是怎麼來的~
(5)請整理以下數值:
字體設定(font-family)
標題級數、文章標題級數、內文級數(font-size)(單位px)
區塊內與區塊間的距離(padding)(margin)(單位px)
網站寬度(width)(單位px)
(6)製作心得:

1025445153 廖敏君



Edited 1 time(s). Last edit at 04/06/2015 07:21PM by 小累.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~web103-2c/hw02/hw02-1025445147
(2)網站主題:日劇
(2)對象:喜愛看日劇的人
(3)色彩計畫:主色調為紫色,在根據不同主題為依據
(4)風格設定、網頁看點、預期成效:簡潔有力,詳細知道有哪些好看日劇
(5)請整理以下數值:
字體設定(font-family)"微軟正黑體",sans-serif
標題級數:24px
文章標題級數:15px
內文級數(font-size)(單位px) 12px
區塊內與區塊間的距離:10px
網站寬度:800px

(6)製作心得: 勉強可以吸收的了,但css東西有點雜,有點搞混

1025445147 張 郁



Edited 2 time(s). Last edit at 04/02/2015 02:57AM by 詠月吾熹.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~web103-2c/hw02/hw02-1025445102/
(2)網站主題: 暮光之城
(2)對象: 喜歡這個電影的人
(3)色彩計畫: 以黑色調為主 帶點紅色
(4)風格設定、網頁看點、預期成效:與電影中的形象相符,可以大膽的展現
(5)請整理以下數值:
字體設定(font-family)
標題級數、文章標題級數、內文級數(font-size)(單位px)
區塊內與區塊間的距離(padding)(margin)(單位px)
網站寬度(width)(單位px)
(6)製作心得:

1025445102 邱筱惠



Edited 2 time(s). Last edit at 04/02/2015 01:20AM by 筱.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web103-2c/hw02/hw02-1025445090/
(2)網站主題/網站名稱:頑皮豹
(3)導覽列(分類項目): 首頁 介紹 經歷 連結
(4)對象: 大眾
(5)色彩計畫: 粉紅色為頑皮豹的代表色
(6)風格設定、網頁看點、預期成效: 粉色 童年卡通
(7)請整理以下數值:
字體設定(font-family) "微軟正黑體",sans-serif
標題級數:24px
文章標題級數:20px
內文級數(font-size)(單位px) 12px
區塊內與區塊間的距離:10px
網站寬度:800px
(8)製作心得:學到了不同的版面設計,覺得對網頁設計增加一點技術

1025445090 鍾婷玟



Edited 1 time(s). Last edit at 04/02/2015 02:03AM by 1025445090.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web103-2c/hw02/hw02-1025445006
(2)網站主題:Beach House墾丁海邊民宿
(2)對象: 一般大眾
(3)色彩計畫: 藍色系~海邊感覺
(4)風格設定、網頁看點、預期成效: ˇ色塊為主,希望有輕鬆度假的感覺
(5)請整理以下數值:
字體設定(font-family)
標題級數、文章標題級數、內文級數(font-size)(單位px)
區塊內與區塊間的距離(padding)(margin)(單位px)
網站寬度(width)(單位px)
(6)製作心得: 很開心,又熟悉很多功能,覺得自己又會了一些東西~希望可以學更多

1025445006鄭喬薰



Edited 1 time(s). Last edit at 03/29/2015 01:55PM by 1025445006.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web103-2c/hw02/hw02-1025445063/

(2)網站主題:大耳狗

(3)對象:有興趣者

(4)色彩計畫:粉紅 藍 白

(5)風格設定、網頁看點、預期成效: 可愛 可以展現他們的特色

(6)請整理以下數值:
字體設定(font-family) "微軟正黑體",sans-serif
標題級數:24px 文章標題級數:20px
內文級數(font-size)(單位px) 12px
網站寬度:800px

(8)製作心得: 學到新的做法感覺很開心


1025445063 洪筠真



Edited 1 time(s). Last edit at 04/02/2015 03:38AM by Annie真.
(編輯記錄)

(1)作業網址:
(2)網站主題:我自己的作品集
(2)對象:想了解我的人
(3)色彩計畫:以藍色為主
(4)風格設定、網頁看點、預期成效:自己的風格
(5)請整理以下數值:
字體設定(font-family)
標題級數、文章標題級數、內文級數(font-size)(單位px)
區塊內與區塊間的距離(padding)(margin)(單位px)
網站寬度(width)(單位px)
(6)製作心得:



Edited 1 time(s). Last edit at 03/26/2015 11:31AM by Natoby.
(編輯記錄)

1)作業網址:
(2)網站主題: Don't Starve
(2)對象: 遊戲玩家
(3)色彩計畫: 黑色風格
(4)風格設定、網頁看點、預期成效: 遊戲介紹,使用黑色典雅風格~介紹遊戲內的攻略等資料
(5)請整理以下數值:
字體設定(font-family)
標題級數、文章標題級數、內文級數(font-size)(單位px)
區塊內與區塊間的距離(padding)(margin)(單位px)
網站寬度(width)(單位px)
(6)製作心得:

我回錯班~請無視我

(1)作業網址: http://mepopedia.com/~web103-2c/hw02/hw02-1025445027
(2)網站主題/網站名稱: ねこの狐群狗黨
(3)導覽列(分類項目): 首頁 Hayaku 種類 後宮 影片
(4)對象: 貓奴
(5)色彩計畫: 迎合錐狀細胞接受度的顏色
(6)製作心得:有肉掌的動物萬歲
1025445027

(1)作業網址: http://mepopedia.com/~web103-2c/hw02/hw02-1025445192/
(2)網站主題/網站名稱: misterdonut 多拿滋
(3)導覽列(分類項目) : 1.首頁 2.堅持美味 3.好康促銷 4. 門市情報 5.影片欣賞
(4)對象: 喜歡吃甜甜圈的人
(5)色彩計畫: 淺黃 咖啡
(6)風格設定、網頁看點、預期成效:好吃有質感的感覺
(7)請整理以下數值:
字體設定(微軟正黑 Arial)
標題級數、文章標題級數、內文級數(font-size)(單位px)
區塊內與區塊間的距離(padding)(margin)(單位px)
網站寬度(width)(單位px)
(8)製作心得: 慢慢摸索後有些許了解 只是需要很多的耐心與時間
學號 1025445192 黃婷萱



Edited 1 time(s). Last edit at 04/06/2015 01:54AM by 黃婷萱.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web103-2c/hw02/hw02-1025445117/
(2)網站主題/網站名稱: 尋找
(3)導覽列(分類項目): THE gb 選擇/猶豫 興趣/喜好 矛盾/無常 蠟筆小新
(4)對象:沒有特定對象 都可以
(5)色彩計畫: 簡單 溫馨的感覺
(6)風格設定、網頁看點、預期成效:單純 線條 分享
(7)請整理以下數值:
字體設定(font-family) "微軟正黑體",sans-serif
標題級數:30px
文章標題級數:25px
內文級數(font-size)(單位px) 12px
區塊內與區塊間的距離:0px
網站寬度:800px

(8)製作心得:太混了 呵呵 前一天才在做 花了大概5個小時吧 覺得生疏...><
但這次做得 有接近自己想要的感覺 小開心^^



1025445117 黃振誠



Edited 1 time(s). Last edit at 04/02/2015 12:05AM by 綠辛.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web103-2c/hw02/hw02-1025445135/
(2)網站主題/網站名稱: FloralGirl
(3)導覽列(分類項目): 首頁 簡介 介紹 作品分享 外部連結
(4)對象: 喜歡插畫的人
(5)色彩計畫: 薄荷藍
(6)風格設定、網頁看點、預期成效: 淡雅碎花風格
(7)請整理以下數值:
字體設定(font-family)
標題級數、文章標題級數、內文級數(font-size)(單位px)
區塊內與區塊間的距離(padding)(margin)(單位px)
網站寬度(width)(單位px)
(8)製作心得: 覺得賞心悅目

學號 1025445135 李品萱

(1)作業網址: http://mepopedia.com/~web103-2c/hw02/hw02-1025445111/
(2)網站主題/網站名稱: 小王子
(3)導覽列(分類項目): 小王子 b612星球 飛行員 故事開始
(4)對象: 對小王子有興趣的人
(5)色彩計畫: 藍灰
(6)風格設定、網頁看點、預期成效: 藍灰,讓更多人知道小王子這本書
(7)請整理以下數值:
字體設定(font-family) "微軟正黑體",sans-serif
標題級數:24px
文章標題級數:20px
內文級數(font-size)(單位px) 12px
區塊內與區塊間的距離:10px
網站寬度:760px

(8)製作心得:有點趕


1025445111 莊于萱

(1)作業網址:http://mepopedia.com/~web103-2c/hw02/hw02-1025445162/

(2)網站主題:大英雄天團

(3)對象:看過這電影的人

(4)色彩計畫: 紅 橘 黑

(5)風格設定、網頁看點、預期成效: 展現這部電影給人的感覺

(6)請整理以下數值:
字體設定(font-family)
標題級數、文章標題級數、內文級數(font-size)(單位px)
區塊內與區塊間的距離(padding)(margin)(單位px)
網站寬度(width)(單位px)

(8)製作心得:很好玩


1025445162 陸怡潔



Edited 1 time(s). Last edit at 04/02/2015 02:19AM by 陸怡潔.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web103-2c/hw02/hw02-1025445048
(2)網站主題/網站名稱: YO侑慶Design
(3)導覽列(分類項目): 首頁
(4)對象:想了解我的人
(5)色彩計畫: 藍
(6)風格設定、網頁看點、預期成效: 藍色調風格
(7)請整理以下數值:
字體設定(font-family)
標題級數、文章標題級數、內文級數(font-size)(單位px)
區塊內與區塊間的距離(padding)(margin)(單位px)
網站寬度(width)(單位px)
(8)製作心得:不熟練

學號 1025445048 林侑慶

(1)作業網址: http://mepopedia.com/~web103-2c/hw02/hw02-1025445087/
(2)網站主題/網站名稱: Star world
(3)導覽列(分類項目): 首頁 關於我們 資訊 節目表 連結
(4)對象: 頻道喜愛者
(5)色彩計畫: 紫色色調
(6)風格設定、網頁看點、預期成效: 星空 紫色夢幻風 帶給別人恬靜效果
(7)製作心得:希望可以更好


1025445087

(1)作業網址: http://mepopedia.com/~web103-2c/hw02/hw02-1025445129/

(2)網站主題:傢俱

(3)對象:消費者

(4)色彩計畫:木頭色

(5)風格設定、網頁看點、預期成效: 日式

(6)請整理以下數值:
字體設定(font-family) "微軟正黑體",sans-serif
標題級數:24px 文章標題級數:20px
內文級數(font-size)(單位px) 12px
網站寬度:800px

(8)製作心得:學到不一樣的東西


1025445129 王嬿婷

(1)作業網址: http://mepopedia.com/~web103-2c/hw02/hw02-1025445030
(2)網站主題/網站名稱: CORUM
(3)導覽列(分類項目): CORUM / CORUM BRIDGES / HERITAGE / NOVELTIES / ADMIRAL'S CUP
(4)對象: 喜歡錶的年齡層
(5)色彩計畫: 黑灰色調
(6)風格設定、網頁看點、預期成效: 黑灰色調 ,沉穩風格
(7)請整理以下數值:
字體設定(font-family) "微軟正黑體"
標題級數:24px
文章標題級數:18px
內文級數(font-size)(單位px) 12px
區塊內與區塊間的距離:10px
網站寬度:800px

(8)製作心得:覺得進步


1025445030 王泰然

(1)作業網址: http://mepopedia.com/~web103-2c/hw02/hw02-1025445180/
(2)網站主題/網站名稱:法國鬥牛犬
(3)導覽列(分類項目): 首頁 由來 外貌介紹 獨特之處 外部連結
(4)對象: 一般大眾
(5)色彩計畫: 活潑 可愛
(6)風格設定、網頁看點、預期成效: 簡單色調 可以吸引人注意
(7)請整理以下數值:
字體設定(font-family) "微軟正黑體",sans-serif
標題級數、文章標題級數、內文級數(font-size)(單位px) 24px 20px 12px
區塊內與區塊間的距離(padding)(margin)(單位px) 10PX
網站寬度(width)(單位px) 800px
(8)製作心得:這次又學到更多不一樣的語法也讓我更加的了解

1025445180 謝芷寧

(1)作業網址: http://mepopedia.com/~web103-2c/hw02/hw02-1025445018/
(2)網站主題/網站名稱:第14道門
(3)導覽列(分類項目): 首頁大剛 劇情介紹 角色介紹 作者介紹 電影片段
(4)對象: 喜歡驚悚奇幻動畫電影的人
(5)色彩計畫: 深色系 藍色系
(6)風格設定、網頁看點、預期成效:深色和神秘的風格
(7)請整理以下數值:
字體設定(font-family) "微軟正黑體",sans-serif
標題級數:24px
文章標題級數:20px
內文級數(font-size)(單位px) 12px
區塊內與區塊間的距離:10px
網站寬度:800px

(8)製作心得:東西很多很複雜,但網頁完成後很開心


1025445018 陳怡融

(1)作業網址: http://mepopedia.com/~web103-2c/hw02/hw02-1025445132

(2)網站主題:GODIVA chocolate
(3)對象:對 GODIVA 這品牌有興趣者
(4)色彩計畫:咖啡色系
(5)風格設定、網頁看點、預期成效: 認識GODIVA
(6)請整理以下數值:
字體設定(font-family) "微軟正黑體",sans-serif
標題級數:24px 文章標題級數:20px
內文級數(font-size)(單位px) 12px
網站寬度:800px

(8)製作心得:學到不一樣的東西


1025445132 羅雅嫚

(1)作業網址: http://mepopedia.com/~web103-2c/hw02/hw02-1025445123
(2)網站主題/網站名稱:Natalie Shau
(3)導覽列(分類項目) : 1.about 2.works 3.commodity4. video 5.links
(4)對象: 讓更多人知道這位藝術家
(5)色彩計畫: 灰,藍紫
(6)風格設定、網頁看點、預期成效:簡單,迷幻
(7)請整理以下數值:
字體設定(微軟正黑 Arial)
標題級數、文章標題級數、內文級數(font-size)(單位px)
區塊內與區塊間的距離(padding)(margin)(單位px)
網站寬度(width)(單位px)
(8)製作心得:需要花很多時間理解,有點複雜。

1025445123 姚育慈

(1)作業網址: http://mepopedia.com/~web103-2c/hw02/hw02-1025445156/
(2)網站主題/網站名稱: 死魚眼
(3)導覽列(分類項目): 初次見面 光影捕捉 紙筆散步 熟能生巧 閒話家常
(4)對象: 一般大眾
(5)色彩計畫: 灰藍 深灰 淺灰 白
(6)風格設定、網頁看點、預期成效: 簡潔質感
(7)請整理以下數值:
字體設定(font-family) "微軟正黑體",sans-serif
標題級數、文章標題級數、內文級數(font-size)(單位px) 24px 20px 12px
區塊內與區塊間的距離(padding)(margin)(單位px) 10PX
網站寬度(width)(單位px) 800px
(8)製作心得: 自己做出來的網站很有成就感
1025445156 蔡佳芬

(1)作業網址: http://mepopedia.com/~web103-2c/hw02/hw02-1025445138
(2)網站主題/網站名稱:世界公民島
(3)導覽列(分類項目):Home-About us-Societies-Mission trip-Links
(4)對象:有接觸相關計畫的其他參與者們
(5)色彩計畫:紅藍色調,搭配橘色
(6)風格設定、網頁看點、預期成效:鮮豔色、顯眼清楚、簡潔
(7)請整理以下數值:
字體設定(font-family) 微軟正黑體", sans-serif
標題級數 24px
文章標題級數 20px
內文級數 12px
區塊內與區塊間的距離 10px
網站寬度(width) 800px
(8)製作心得:有點樣子了
學號 1025445138



Edited 2 time(s). Last edit at 04/12/2015 08:37PM by 邊緣人.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web103-2c/hw02/hw02-1025445039/
(2)網站主題/網站名稱:桃さんの花 咖啡屋
(3)導覽列(分類項目): 首頁 關於桃さんの花 菜單 分店介紹 外部連結
(4)對象:社會大眾
(5)色彩計畫:紅灰
(6)風格設定、網頁看點、預期成效:紅灰色,讓更多人了解喜愛貓咪與咖啡這項組合
(7)請整理以下數值:
字體設定(font-family) "微軟正黑體",sans-serif
標題級數:24px
文章標題級數:20px
內文級數(font-size)(單位px) 12px
區塊內與區塊間的距離:10px
網站寬度:760px

(8)製作心得:製作過程很有趣但設定風格時很難決定


1025445039 何佳霖

(1)作業網址: http://mepopedia.com/~web103-2c/hw02/hw02-1025445045/
(2)網站主題/網站名稱: 阿朗基
(3)導覽列(分類項目):home member introduction movie External links
(4)對象: 愛吃甜點的粉絲
(5)色彩計畫: 藍綠色
(6)風格設定、網頁看點、預期成效: 可愛人物
(7)請整理以下數值:
字體設定(font-family) "微軟正黑體"
標題級數:24px
文章標題級數:20px
內文級數(font-size)(單位px) 12px
區塊內與區塊間的距離:10px
網站寬度:800px

(8)製作心得:研究很久製作出來很有成就


1025445045 饒文欣

(1)作業網址: http://mepopedia.com/~web103-2c/hw02/hw02-1025445009/
(2)網站主題/網站名稱: snsd
(3)導覽列(分類項目): home .member .album .video .picture
(4)對象: 粉絲
(5)色彩計畫: 粉色調
(6)風格設定、網頁看點、預期成效: 街頭粉嫩風
(7)請整理以下數值:
字體設定(font-family) "微軟正黑體",sans-serif
標題級數:24px
文章標題級數:20px
內文級數(font-size)(單位px) 12px
區塊內與區塊間的距離:10px
網站寬度:800px

(8)製作心得:感覺又學到更多

(1)作業網址 : http://mepopedia.com/~web103-2c/hw02/hw02-1025445036/
(2)網站主題/網站名稱 : 章子怡介紹
(3)導覽列(分類項目) : 章子怡介紹 經歷介紹 演出電影 得過獎項 電影片段
(4)對象 : 喜歡章子怡的人
(5)色彩計畫 : 黑灰白
(6)風格設定、網頁看點、預期成效 : 想藉著黑白系列來襯托她國際巨星的穩重
(7)請整理以下數值 :
字體設定(font-family) "微軟正黑體",sans-serif
標題級數:24px
文章標題級數:20px
內文級數(font-size)(單位px) 12px
區塊內與區塊間的距離:10px
網站寬度:800px
(8)製作心得 : 有點久沒做覺得陌生了

1025445036 李易達



Edited 2 time(s). Last edit at 04/16/2015 12:16AM by 李易達.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~web103-2c/hw02/hw02-1025445126/
(2)網站主題/網站名稱: EXO
(3)導覽列(分類項目): index about album video imges
(4)對象: EXO的fan
(5)色彩計畫: 灰白
(6)風格設定、網頁看點、預期成效: 簡潔
(7)請整理以下數值:
字體設定(font-family) "微軟正黑體",sans-serif
標題級數:24px
文章標題級數:20px
內文級數(font-size)(單位px) 12px
區塊內與區塊間的距離:10px
網站寬度:800px

(8)製作心得:很有成就


1025445126 宋映萱

(1)作業網址: http://mepopedia.com/~web103-2c/hw02/hw02-1025445120
(2)網站主題/網站名稱: flumpool
(3)導覽列(分類項目): 首頁 成員簡介 專輯介紹 照片分享 官網連結
(4)對象: 喜歡flumpool的
(5)色彩計畫: 灰色白色粉紅
(6)風格設定、網頁看點、預期成效: 簡單明瞭
(7)請整理以下數值:
字體設定(font-family) "
標題級數:
文章標題級數:
內文級數(font-size)(單位px)
區塊內與區塊間的距離:
網站寬度:

(8)製作心得:沒有~~


1025445120

(1)作業網址: http://mepopedia.com/~web103-2c/hw02/hw02-1025445024/
(2)網站主題/網站名稱: 綠洲合唱團
(3)導覽列(分類項目): 首頁 簡介 作品分享 團員簡介 外部連絕
(4)對象: 喜歡綠洲合唱團的粉絲
(5)色彩計畫: 冷色系 灰階
(6)風格設定、網頁看點、預期成效: 簡單風
(7)請整理以下數值:
字體設定(font-family)
標題級數、文章標題級數、內文級數(font-size)(單位px)
區塊內與區塊間的距離(padding)(margin)(單位px)
網站寬度(width)(單位px)
(8)製作心得: 第一次做網頁有點辛苦~

(1)作業網址: http://mepopedia.com/~web103-2c/midterm/midterm-1025445051
(2)網站主題:BJORK
(2)對象: 歌迷
(3)色彩計畫: 黑 紅
(4)風格設定:古怪

(6)製作心得: 覺得要自更精緻
1025445051 林芳予

(1)作業網址: http://mepopedia.com/~web103-2c/hw02/hw02-1025445165/
(2)網站主題/網站名稱: Ameba PIGG
(3)導覽列(分類項目): 首頁 城市 農場 賭場 漁場
(4)對象: 有玩Ameba PIGG的玩家
(5)色彩計畫: 繽紛馬卡龍
(6)風格設定、網頁看點、預期成效: 可愛簡單
(7)請整理以下數值:
字體設定(font-family) "微軟正黑體",sans-serif
標題級數:24px
文章標題級數:20px
內文級數(font-size)(單位px) 12px
區塊內與區塊間的距離:10px
網站寬度:800px

(8)製作心得:調整很不容易

(1)作業網址: http://mepopedia.com/~web103-2c/hw02/hw02-1025445108/
(2)網站主題/網站名稱:可朵法是甜點
(3)導覽列(分類項目): Home Brands Prouducts Store Contact
(4)對象:大眾們
(5)色彩計畫: 簡單調
(6)風格設定、網頁看點、預期成效:簡單風,有質感
(7)請整理以下數值:
字體設定(font-family) "微軟正黑體",sans-serif
標題級數:24px
文章標題級數:20px
內文級數(font-size)(單位px) 12px
區塊內與區塊間的距離:10px
網站寬度:800px

(8)製作心得:有成就感

1025445108

(1)作業網址: http://mepopedia.com/~web103-2c/hw02/hw02-1025445054/index.html

(2)網站主題/網站名稱: OLDCODEX
(3)導覽列(分類項目): index biography discography photo movie
(4)對象: 喜歡這樂團與想認識這樂團的人
(5)色彩計畫:黑灰白
(6)風格設定、網頁看點、預期成效: 簡單清楚
(7)製作心得: 變得有些複雜
1025445054許雅筑

(1)作業網址:http://mepopedia.com/~web103-2c/hw04/hw04-1025445171/
(2)網站主題/網站名稱: LEE
(3)導覽列(分類項目): 首頁
(4)對象: 喜歡的人
(5)色彩計畫:綠
(6)風格設定、網頁看點
(7)請整理以下數值:
字體設定(font-family) "微軟正黑體",sans-serif
標題級數:24px
文章標題級數:20px
內文級數(font-size)(單位px) 12px
區塊內與區塊間的距離:10px
網站寬度:800px
1025445171

(1)作業網址: http://mepopedia.com/~web103-2a/hw02/hw02-1025445093
(2)網站主題/網站名稱: 籃球/Los Angeles Clippers
(3)導覽列(分類項目): 首頁 球員介紹 戰績 影片 連結
(4)對象: 大眾
(5)色彩計畫: 灰色黑色
(6)風格設定、網頁看點、預期成效: 簡約 球賽 還不錯
(7)請整理以下數值:
字體設定(font-family)
標題級數、文章標題級數、內文級數(font-size)(單位px)
區塊內與區塊間的距離(padding)(margin)(單位px)
網站寬度(width)(單位px)
(8)製作心得: 很棒達成了
學號 1025445093

(1)作業網址:http://mepopedia.com/~web103-2c/hw02/hw02-1025445081/
(2)網站主題/網站名稱:Running man
(3)導覽列(分類項目): 首頁 關於 角色介紹 照片 外部連結
(4)對象: 喜歡Running man的觀眾粉絲
(5)色彩計畫: 簡單就是美
(6)風格設定、網頁看點、預期成效: 簡單易懂,雖然有人說不符合running man風格
(7)請整理以下數值:
字體設定"微軟正黑體"
標題級數:24px
文章標題級數:20px
內文級數(font-size)(單位px) 12px
區塊內與區塊間的距離:10px
網站寬度:800px

(8)製作心得:看似簡單對我來說挺困難


1025445081 林禹丞

(1)作業網址: http://mepopedia.com/~web103-2c/hw02/hw02-1025445198/
(2)網站主題/網站名稱: GEM鄧紫棋
(3)導覽列(分類項目): 首頁 GEM介紹 身世 經歷 影音 專輯
(4)對象: 大眾
(5)色彩計畫: 灰色黑色黃色
(6)風格設定、網頁看點、預期成效: 簡約 喜歡GEM的朋友 普普通通
(7)請整理以下數值:
字體設定(font-family)
標題級數、文章標題級數、內文級數(font-size)(單位px)
區塊內與區塊間的距離(padding)(margin)(單位px)
網站寬度(width)(單位px)
(8)製作心得: 辛辛苦苦,語法越來越多排,看的眼睛很花,寫網頁果然不是容易的事。
學號 1025445198

(1)作業網址: http://mepopedia.com/~web103-2c/hw02/hw02-1025445096/
(2)網站主題: Taylor Daniel Lautner
(2)對象: Taylor Daniel Lautner 的影迷
(3)色彩計畫: 黑灰白
(4)風格設定、網頁看點、預期成效:介紹部分泰勒所主演的電影 希望能做出有質感的樣子
(5)請整理以下數值:
字體設定(font-family)
標題級數、文章標題級數、內文級數(font-size)(單位px)
區塊內與區塊間的距離(padding)(margin)(單位px)
網站寬度(width)(單位px)
(6)製作心得: 很開心

1025445096 徐琬凌

(1)作業網址: http://mepopedia.com/~web103-2c/hw02/hw02-1025445177/
(2)網站主題/網站名稱:失戀
(3)導覽列(分類項目): 首頁 一個人快樂 敘述 屬於每個人 資訊
(4)對象: 每個人
(5)色彩計畫: 黑色
(6)風格設定、網頁看點、預期成效: 簡單
(7)請整理以下數值:
字體設定(font-family)
標題級數:
文章標題級數:
內文級數(font-size)(單位px)
區塊內與區塊間的距離:
網站寬度:

(8)製作心得:要多多 努力


1025445177 吳永婷



Edited 1 time(s). Last edit at 06/13/2015 04:36PM by 1025445177.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~web103-2c/hw02/hw02-1025445042/

(2)網站主題:Pang-Bau

(3)對象:想作客製化的人

(4)色彩計畫: 紅 粉 黑

(5)風格設定、網頁看點、預期成效: 接到更多案子

(6)請整理以下數值:
字體設定(font-family)
標題級數、文章標題級數、內文級數(font-size)(單位px)
區塊內與區塊間的距離(padding)(margin)(單位px)
網站寬度(width)(單位px)

(8)製作心得:很好玩



1025445042 逄堡鈞
1025445042 逄堡鈞
1025445042 逄堡鈞



Edited 1 time(s). Last edit at 06/29/2015 01:11AM by 綠辛.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~web103-2c/hw02/hw02-1025445183/
(2)網站主題/網站名稱:天竺鼠
(3)分類項目: 認識天竺鼠 飼養天竺鼠 天竺鼠的食物 天竺鼠可能發生的疾病 天竺鼠的生活
(4)對象: 飼養天竺鼠的人
(5)色彩計畫: 墨綠色風格
(6)風格設定、網頁看點、預期成效: 讓有飼養天竺鼠的人可以更了解自己的寵物
(7)製作心得:有點難.

1025445183

(1)作業網址:http://mepopedia.com/~web103-2c/midterm/midterm-1025445195
(2)網站主題: H&M
(3)導覽列: 首頁 新裝 STYLE 店面 外部連結
(2)對象:女性消費者
(3)色彩計畫: 紅白撞色
(4)風格設定、預期成效: 時尚
(5)製作心得:很難

1025445195古馥瑜