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

Advanced

[期中作業] HTML與CSS練習--網站實作

[期中作業] HTML與CSS練習--網站實作

1. 期中作業說明


請參考期中前之講義製作

須具備
1.以課堂練習架構修改為一全新內容的網站。
2.每個連結都要有內容(導覽頁不可直接外連網站)
3.注意配色、設計質感、排版、字體、行間、字體大小等細節,設一一具有設計質感的網站。
4.需有CSS3的效果(圓角,陰影,漸層,透明度等),但不可過於誇張。



將資料夾命名為 midterm-學號,以FTP上傳至midterm資料夾
作業網址為http://mepopedia.com/~css104-2a/midterm/midterm-1035445XXX

並請回覆:

(1)作業網址:
(2)網站主題:
(3)導覽列選項:
(2)設計對象:
(3)色彩計畫:
(4)風格設定、預期成效:
(5)製作心得:

學號



請於規定時間準時繳交作業,本作業佔學期分數30%,逾期不後。





Edited 1 time(s). Last edit at 04/07/2016 10:33AM by JinJin.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~css104-2a/midterm/midterm-1035445115
(2)網站主題: 劍俠情緣參
(3)導覽列選項: 首頁index.html 我about.html 我與劍三profile.html 圖片分享works.html 外部連結link.html
(2)設計對象: 自己玩遊戲的心情
(3)色彩計畫: 以粉色調外加淡紫色
(4)風格設定、預期成效: 風格是女孩紙玩遊戲的紀錄www
(5)製作心得: 能夠把自己遊戲分享上去其實很開心(? cool smileycool smileycool smiley

學號:1035445115

(1)作業網址: http://mepopedia.com/~css104-2a/midterm/midterm-1035445228
(2)網站主題: 蜘蛛人
(3)導覽列選項: 首頁index.html 故事works.html 角色介紹five.html 製作six.html 外部連結link.html
(2)設計對象: 喜愛蜘蛛人的影迷
(3)色彩計畫: 以蜘蛛人身上穿著的顏色為主
(4)風格設定、預期成效: 以簡單的感覺來呈現,希望還不錯
(5)製作心得: 雖然做的不是很完善,但能夠這樣做出來還是挺有成就感的

學號:1035445228

(1)作業網址: http://mepopedia.com/~css104-2a/midterm/midterm-1035445145
(2)網站主題: Sophisca菓風小舖
(3)導覽列選項: 首頁index.html 關於菓風words.html 新品上市product.html 影片movie.html 活動快報content.html
(2)設計對象: 喜歡吃糖果的人
(3)色彩計畫: 以粉色調
(4)風格設定、預期成效: 呈現出甜甜的感覺 讓人有種開心的感覺
(5)製作心得:可以把自己喜歡的風格製作出來 很開心也很有成就感

學號:1035445145

將資料夾命名為 midterm-學號,以FTP上傳至midterm資料夾
作業網址為 http://mepopedia.com/~css104-2a/midterm/midterm-1035445079




並請回覆:

(1)作業網址: http://mepopedia.com/~css104-2a/midterm/midterm-1035445079
(2)網站主題: http://mepopedia.com/~css104-2a/midterm/midterm-1035445079/index.html
(3)導覽列選項: 首頁 人物介紹 影片介紹 照片分享 外部連結
(2)設計對象: 愛動漫的人
(3)色彩計畫: 藍色
(4)風格設定、預期成效: 藍色
(5)製作心得:圖片都無法放上去問題很多



Edited 5 time(s). Last edit at 04/08/2016 12:34PM by 1035445079.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~css104-2a/midterm/midterm-1035445199
(2)網站主題: hello kitty
(3)導覽列選項: 首頁index.html 人物介紹work.html 圖片觀賞pict.html 影片欣賞movie.html 相關連結link.html
(2)設計對象: 喜歡hello kitty的人們
(3)色彩計畫: 粉色 粉黃色 淡紫色
(4)風格設定、預期成效: 風格是hello kitty甜美的形象阿
(5)製作心得: 做自己喜歡的主題 很愉悅
學號:1035445199

(1)作業網址: http://mepopedia.com/~css104-2a/midterm/midterm-1035445037
(2)網站主題: hello kitty
(3)導覽列選項: 首頁. 介紹. 資料.影片.連結
(2)設計對象:infinite粉絲
(3)色彩計畫: 暗色
(4)風格設定、預期成效:黑
(5)製作心得:有成就感
學號:1035445037

(1)作業網址: http://mepopedia.com/~css104-2a/midterm/midterm-1035445073
(2)網站主題: 蛋黃哥
(3)導覽列選項: 懶的介紹index.html,懶的播動畫video.html,懶的出書book.html,
懶得出週邊ggggg.html,懶得展覽ddddd.html
(2)設計對象: 蛋黃哥的粉絲們
(3)色彩計畫: 暖色調(黃色.橘色)
(4)風格設定、預期成效: 活潑
(5)製作心得: 終於做完很開心

學號 1035445073



Edited 2 time(s). Last edit at 03/30/2016 08:42PM by 1035445073.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~css104-2a/midterm/midterm-1035445178
(2)網站主題: 大英雄天團 Big Hero 6
(3)導覽列選項: 首頁、劇情、角色、影片、評價l
(2)設計對象: 喜歡迪士尼動畫。
(3)色彩計畫: 黑、白、紅
(4)風格設定、預期成效: 簡約,因為這部動畫的吉祥物所以風格較為簡單。
(5)製作心得: 中間有遇上問題,但已找到解決方法。

(1)作業網址: http://mepopedia.com/~css104-2a/midterm/midterm-1035445088
(2)網站主題:捍衛聯盟
(3)導覽列選項: 首頁index.html、劇情簡介about.html、角色介紹character.html、原作圖書information.html、精彩片段video.html
(2)設計對象: 喜歡觀賞精緻動畫的人。
(3)色彩計畫: 以主角傑克凍人的守護者能力作為整體設計,藍色為主。
(4)風格設定、預期成效:寒冷的感覺。
(5)製作心得: 有跟上進度真好~~才不會太趕..

學號:1035445088

(1)作業網址: http://mepopedia.com/~css104-2a/midterm/midterm-1035445142/
(2)網站主題: 辛普森
(3)導覽列選項: 首頁index.html 簡介index2.html 惡搞影片video.html 周邊商品xx.html 外部連結link.html
(2)設計對象: 好笑的辛普森家庭
(3)色彩計畫: 繽紛搞怪是何辛普森
(4)風格設定、預期成效: 卡通類型.闔家觀賞
(5)製作心得: 能夠被作者看到哈哈哈thumbs up
學號:1035445142

(1)作業網址: http://mepopedia.com/~css104-2a/midterm/midterm-1035445184
(2)網站主題: 小熊學校
(3)導覽列選項: 首頁index 成員介紹Introduction 系列介紹series 作者介紹Author 影片介紹 video
(2)設計對象: 喜歡的可愛腳色
(3)色彩計畫: 以粉飽和為主
(4)風格設定、預期成效: 可愛繪畫風格
(5)製作心得:能過介紹自己喜歡的腳色覺得很棒smileys with beersmileys with beer

學號:1035445184

(1)作業網址: http://mepopedia.com/~css104-2a/midterm/midterm-1035445214
(2)網站主題:巧克力
(3)導覽列選項: 首頁index.html、巧克力成分ingredient.html、巧克力製作make.html、健康功效effect.html、相關連結links.html
(2)設計對象: 愛吃巧克力的人
(3)色彩計畫: 咖啡色、米色、白色
(4)風格設定、預期成效: 甜美可口
(5)製作心得:做完了開心...╮(╯v╰)╭

學號 :1035445214



Edited 1 time(s). Last edit at 04/10/2016 12:02AM by su su.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~css104-2a/midterm/midterm-1035445211
(2)網站主題: 最高機密
(3)導覽列選項: 首頁index.html
角色about.html
影片profile.html
漫畫works.html
外部連結link.html
(2)設計對象: 對這部動畫有興趣的人
(3)色彩計畫: 安靜、詭異
(4)風格設定、預期成效: 黑",藍
(5)製作心得: 做完開心

學號:1035445211



Edited 1 time(s). Last edit at 04/10/2016 01:40PM by 1035445211.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~css104-2a/midterm/midterm-1035445127
(2)網站主題:蠟筆小新
(3)導覽列選項: 首頁index2.html 故事index.html登場人物index3.html動畫index4.html外部連結index5.html
(2)設計對象: 喜歡蠟筆小新的人
(3)色彩計畫: 橘色 黃色 白色
(4)風格設定、預期成效:活潑的感覺
(5)製作心得: 還不錯

(1)作業網址: http://mepopedia.com/~css104-2a/midterm/midterm-1035445148/index.html
(2)網站主題: 川島小鳥
(3)導覽列選項: 首頁 個人介紹 作品介紹 展覽分享 外部連結
(2)設計對象: 喜歡川島小鳥的人
(3)色彩計畫: 粉淡色系
(4)風格設定、預期成效: 簡單乾淨
(5)製作心得: 能做把自己想做的風格做出來,還不賴

學號 1035445148

(1)作業網址: http://mepopedia.com/~css104-2a/midterm/midterm-1035445157/
(2)網站主題: 貓奴人生
(3)導覽列選項: 首頁index.html 種類介紹synopsis.html 身體語言language.html 照片分享photo.html 外部連結link.html
(2)設計對象: 各個貓奴
(3)色彩計畫: 活潑的色彩感覺
(4)風格設定、預期成效: 看起來請爽
(5)製作心得: 做完很開心
學號:1035445157

(1)作業網址: http://mepopedia.com/~css104-2a/midterm/midterm-1035445193
(2)網站主題: pokemon
(3)導覽列選項: 首頁index.html 電影movie.html 故事story.html 遊戲game.html 外部連結 外部連結.html
(2)設計對象: 喜歡pokemon的人們
(3)色彩計畫: 灰 鐵灰
(4)風格設定、預期成效:簡單利落突顯神奇寶貝
(5)製作心得: 做自己喜歡的主題 很開心
學號:1035445193

(1)作業網址: http://mepopedia.com/~css104-2a/midterm/midterm-1035445169
(2)網站主題: 玖壹壹
(3)導覽列選項: 首頁index.html 團員介紹about.html 音樂作品music.html 戲劇作品drama.html 外部連結link.html
(2)設計對象:玖壹壹團體
(3)色彩計畫: 黑白灰為主色,次要色為紅色
(4)風格設定、預期成效:以簡單的風格帶出玖壹壹的特色
(5)製作心得:這學期製作的速度有越來越快的成果
學號:1035445169

(1)作業網址: http://mepopedia.com/~css104-2a/midterm/midterm-1035445124
(2)網站主題: 哈根達斯
(3)導覽列選項: 品牌故事 產品系列 直營門市 品牌歷史 最新資訊
(2)設計對象: 喜歡哈根達斯冰品
(3)色彩計畫: 九紅、白、灰、咖啡
(4)風格設定、預期成效: 簡約
(5)製作心得: 有成就感

1. 作業網址: http://mepopedia.com/~css104-2a/midterm/midterm-1035445121

2. 網站主題: Andy Warhol

3. 導覽列選項: 首頁-index.html 生平-about.html 作品-profile.html 普普藝術-POP.html More-link.html

4. 設計對象:大眾

5. 色彩計畫: 簡單

6. 風格設定、預期成效: 簡單

7. 製作心得: 有趣

學號:1035445121

(1)作業網址: http://mepopedia.com/~css104-2a/midterm/midterm-1035445034/
(2)網站主題: 粉紅豬
(3)導覽列選項: 首頁index.html 人物介紹synopsis.html 影片分享video.html 照片分享photo.html 外部連結link.html
(2)設計對象: 小孩
(3)色彩計畫:可愛
(4)風格設定、預期成效: 可愛
(5)製作心得: 終於做完
學號:1035445034

(1)作業網址: http://mepopedia.com/~css104-2a/midterm/midterm-1035445031
(2)網站主題: 小樹苗日記
(3)導覽列選項: 樹苗的窩index.html 小小日記about.html 插圖分享profile.html 小小叮嚀works.html 留言板ink.html
(2)設計對象: 完全是自己治癒用的(?
(3)色彩計畫:綠綠綠綠綠綠綠
(4)風格設定、預期成效: 一顆樹苗的心得˙ˇ˙
(5)製作心得:哎呀越做越開心XD

學號:1035445031

(1)作業網址: http://mepopedia.com/~css104-2a/midterm/midterm-1035445094
(3)導覽列選項: 星空index.html 風象星座wind.html 火象星座fire.html 土象星座ground.html 水象星座water.html
(2)設計對象: 青少年
(3)色彩計畫: 深色系
(4)風格設定、預期成效:唯美
(5)製作心得: 很開心
學號:1035445094

(1)作業網址: http://mepopedia.com/~css104-2a/midterm/midterm-1035445097
(2)網站主題: 佛萊迪之五夜驚魂
(3)導覽列選項: 首頁index.html 故事about.html 遊戲形式profile.html 其他背景設定works.html登場角色link.html
(2)設計對象: 對恐怖遊戲有興趣者
(3)色彩計畫: 黑色與角色佛萊迪的棕色為主
(4)風格設定、預期成效: 恐怖的氣氛 復古遊戲(街機)的感覺
(5)製作心得: 就這樣??......-.-嗯...

學號:1035445097

(1)作業網址: http://mepopedia.com/~css104-2a/midterm/midterm-1035445067
(2)網站主題: 莫米的故事
(3)導覽列選項: 首頁index.html 作者簡介author.html 影片回故film.html 圖片分享image.html 外部連結link.html
(2)設計對象: 喜歡嚕嚕米的粉絲
(3)色彩計畫: 墨綠色 粉綠色 草綠色
(4)風格設定、預期成效: 嚕嚕米在動畫的綠色系列呈現
(5)製作心得: 能將完整的網頁做完很有成就感
學號:1035445067

1. 作業網址: http://mepopedia.com/~css104-2a/midterm/midterm-1035445208

2. 網站主題: 蜷川實花

3. 導覽列選項: 首頁index.html 簡介work.html 作品介紹pict.html 影片movie.html 外部連結link.html

4. 設計對象:年輕人

5. 色彩計畫: 繽紛加點少女

6. 風格設定、預期成效: 繽紛加點少女 加點他個人風格

7. 製作心得: 一次做完94爽
學號:1035445208

(1)作業網址: http://mepopedia.com/~css104-2a/midterm/midterm-1035445001/index1.html
(2)網站主題: 黃阿瑪的後宮生活
(3)導覽列選項: 首頁index1.html 後宮成員介紹index2.html 後宮交換日記index3.html 後宮照片分享index4.html 外部連結index5.html
(2)設計對象: 7隻可愛的貓
(3)色彩計畫: 以黃綠色調為主
(4)風格設定、預期成效: 以黃綠色調搭配貓咪
(5)製作心得: 上學期做過一次後這學期比較容易上手 問題也會比較少
學號:1035445001

(1)作業網址:
http://mepopedia.com/~css104-2a/midterm/midterm-1045245002

(2)網站主題:
非洲野狗

(3)導覽列選項:
首頁index.html 野狗介紹about.html 高清照片pics.html 精彩影片video.html 相關商品goods.html

(2)設計對象: 對非洲野狗有興趣的人

(3)色彩計畫: 非洲野狗的配色,橘、黑、白

(4)風格設定、預期成效: 讓人一看就可以立刻想到非洲野狗而不是其他動物

(5)製作心得: 前陣子突然好喜歡非洲野狗,能夠將它體現在作業上非常有成功感,這一次的網頁也多了很多難題,除錯除到我都快瘋了,不過最後能完成真是太好了呢。

學號:1045245002

(1)作業網址: http://mepopedia.com/~css104-2a/midterm/midterm-1035445166/index.html
(2)網站主題: 魔人普烏
(3)導覽列選項: 首頁index.html 魔人介紹about.html 型態profile.html 影片分享video.html 外部連結link.html
(2)設計對象: 喜歡魔人普烏的人
(3)色彩計畫: 以粉色加深藍色
(4)風格設定、預期成效: 魔人普烏顏色
(5)製作心得: 做完很開心

學號:1035445166

(1)作業網址: http://mepopedia.com/~css104-2a/midterm/midterm-1045245001
(2)網站主題: 星空
(3)導覽列選項: 首頁index.html 星系about.html 神話和宗教的宇宙觀profile.html 宇宙影片works.html 外部連結link.html
(2)設計對象: 喜歡星星的人
(3)色彩計畫:以深綠色,淡藍為主色調,令人星際的聯想
(4)風格設定、預期成效: 還可以,但跟想像的有點差距,基本可以有想帶岀的感覺
(5)製作心得: 有點困難,在背景和版面設計方面,在資料上能放在網頁不多,因為我覺得太深奧.........

(1)作業網址:http://mepopedia.com/~css104-2a/midterm/midterm-1035445217
(2)網站主題:唐頓莊園
(3)導覽列選項:Home index.html/About about.html/Characters characters.html/Photo photo.html/Highclere Castle link.html
(2)設計對象:對唐頓莊園有興趣的影迷
(3)色彩計畫:低彩度綠色系列
(4)風格設定、預期成效:預期成效古典低調風格
(5)製作心得:改css風格雖然一開始有點困難(因為找不到對應語法),但最後成果還算不錯

學號1035445217

(1)作業網址: http://mepopedia.com/~css104-2a/midterm/midterm-1035445046
(2)網站主題: 銀魂
(3)導覽列選項: 首頁、故事、登場角色、其他背景設定、連結
(2)設計對象:銀魂迷。
(3)色彩計畫: 藍、白、
(4)風格設定、預期成效:與銀魂迷有連結所以較隨性。
(5)製作心得: 我真的對網頁很苦手...。
學號:1035445046

(1)作業網址: http://mepopedia.com/~css104-2a/midterm/midterm-1035445061
(2)網站主題:蛋糕進行曲
(3)導覽列選項: 首頁index.html 課程簡介works.html 範例介紹five.html 作業分享six.html 外部連結link.html
(2)設計對象: 喜歡甜點的人
(3)色彩計畫: 黑灰
(4)風格設定、預期成效: 用沉穩的顏色來襯托甜點的高雅
(5)製作心得: 還是覺得網頁很難

1035445061方莉

(1)作業網址: http://mepopedia.com/~css104-2a/midterm/midterm-1035445130
(2)網站主題:點點滴滴
(3)導覽列選項: 簡介index.html 高中about.html 大學profile.html 遊玩works.html 微電影link.html
(2)設計對象: all
(3)色彩計畫: 藍黃
(4)風格設定、預期成效: 用夜空的背景呈現神秘感
(5)製作心得: 好難!

1035445130 陳晏庭

(1)作業網址: http://mepopedia.com/~css104-2a/midterm/midterm-1035445010
(2)網站主題: 草間彌生
(3)導覽列選項: 首頁 生平 特色 作品 著作
(2)設計對象: 大眾&喜愛草間的粉絲
(3)色彩計畫: 以圓點的紅 橘 黃去做主色調
(4)風格設定、預期成效: 簡約風格,明確讓人了解想表達的內容
(5)製作心得: 覺得自己進步了一點,也沒有那麼卡,但很多細節要再加強!

(1)作業網址: http://mepopedia.com/~css104-2a/midterm/midterm-1035445025
(2)網站主題:小王子
(3)導覽列選項: 首頁 劇情介紹 角色介紹 完整預告 譯本發行與改編
(2)設計對象: 小王子的廣大讀者與影迷
(3)色彩計畫: 深藍 淺藍 土黃
(4)風格設定、預期成效:溫馨
(5)製作心得: (;´༎ຶД༎ຶ`) (¦3[▓▓]        
學號:1035445025

(1)作業網址:http://mepopedia.com/~css104-2a/midterm/midterm-1035443110
(2)網站主題:STAR WARS
(3)導覽列選項:首頁 腳色介紹 周邊商品 外部連結
(2)設計對象:星際大戰迷
(3)色彩計畫:黑 紅藍黃 星空
(4)風格設定、預期成效:星際大戰風 希望其他的星迷也覺得這網頁跟星戰符合 喜歡。
(5)製作心得: 很好玩 雖然因為不是那麼熟練 重複做了很多次一樣的動作 但加深印象 有收穫

學號:1035443110



Edited 2 time(s). Last edit at 04/19/2016 04:09AM by 1035443110.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~css104-2a/midterm/midterm-1035445202
(2)網站主題:椎名林檎
(3)導覽列選項: 首頁 歌手簡介 專輯 MusicVideo 外部連接
(2)設計對象: 椎名林檎的聽眾
(3)色彩計畫: 棕色 粉 灰
(4)風格設定、預期成效:椎名感
(5)製作心得: 這世界到底怎麼了
學號:1035445202

(1)作業網址: http://mepopedia.com/~css104-2a/midterm/midterm-1035445172
(2)網站主題: 夢遊幻境
(3)導覽列選項: 首頁index.html 劇情簡介story.html 人物介紹people.html 影片分享vedio.html 外部連結link.html
(2)設計對象: 喜歡奇幻的人
(3)色彩計畫: 藍色系為主
(4)風格設定、預期成效: 以藍色掉下去做 達到一種奇幻的感覺
(5)製作心得: 覺得做的過程很好玩 越做越精緻 就越有成就感 很高興我做完了

(1)作業網址: http://mepopedia.com/~css104-2a/midterm/midterm-1035445187
(2)網站主題: カナヘイ
(3)導覽列選項: 首頁 作者 作品 影片 連結
(2)設計對象: カナヘイ 最近很夯的插畫家
(3)色彩計畫: 粉嫩色調
(4)風格設定、簡單可愛 粉嫩感
(5)製作心得:我還是不會用格子和文字

(1)作業網址: http://mepopedia.com/~css104-2a/midterm/midterm-1035445052/index1.html
(2)網站主題/網站名稱:渡邊直美
(3)分類項目: 首頁、個人簡介、自創品牌、電視廣告、外部連結
(4)對象: 年輕人
(5)色彩計畫:粉色少女
(6)風格設定、粉紅色少女 大膽有點可愛
(7)製作心得:終於做完 做好做滿

學號 :1035445052

(1)作業網址: http://mepopedia.com/~css104-2a/midterm/midterm-1035445103/
(2)網站主題: 宮崎駿
(3)導覽列選項: 首頁index.html、生平簡介about.html、吉卜力美術館profile.html、作品介紹works.html、影片欣賞link.html
(4)設計對象: 喜歡宮崎駿的人
(5)色彩計畫: 以灰色調、粉色調為主
(6)風格設定、預期成效: 平淡的感覺
(7)製作心得: 蠻有趣的

學號 1035445103

(1)作業網址: http://mepopedia.com/~css104-2a/midterm/midterm-1035445055/
(2)網站主題: 幾米
(3)導覽列選項:首頁index.html 個人介紹about.html 繪本介紹profile.html 作品介紹works.html 影片觀賞link.html
(2)設計對象:老少皆宜
(3)色彩計畫: 以暖色為主
(4)風格設定、預期成效: 用亮色來呈現,以達到簡潔的效果
(5)製作心得: 過程中有碰到些許問題,感覺難度增加,也透過同學的幫助

學號:1035445055

(1)作業網址: http://mepopedia.com/~css104-2a/midterm/midterm-1035445196
(2)網站主題: 櫻花網站
(3)導覽列選項: 首頁index.html 關於about.html 資訊information.html 照片photo.html 更多more.html
(2)設計對象: 喜愛櫻花的人
(3)色彩計畫: 以粉色系的顏色為主
(4)風格設定、預期成效: 以簡單的感覺來呈現,希望還不錯
(5)製作心得: 雖然做的不是很完整,但能夠這樣做出來還是挺有成就感的

學號:1035445228

(1)作業網址: http://mepopedia.com/~css104-2a/midterm/midterm-1035445058
(2)網站主題: 麵包超人翱翔天際
(3)導覽列選項: 首頁/作者簡介/人物介紹/影片分享/外部連結
(2)設計對象: 曉今老師~就是你惹 smiling bouncing smiley
(3)色彩計畫: 麵包超人的顏色
(4)風格設定、預期成效: 風格就是麵包超人~希望你們喜歡~
(5)製作心得: 終於做完了~

學號:1035445058

(1)作業網址: http://mepopedia.com/~css104-2a/midterm/midterm-1035445082
(2)網站主題: 玩具總動員
(3)導覽列選項: 首頁index1.html 介紹index2.html index3.html index4.html index5.html
(2)設計對象: 自己玩遊戲的心情
(3)色彩計畫: 以鮮豔的顏色坐搭配
(4)風格設定、預期成效: 風格是玩具總動員的感覺
(5)製作心得:還可以不會太難,不知道怎麼把影片縮小

(1)作業網址: http://mepopedia.com/~css104-2a/midterm/midterm-1035445205
(2)網站主題: ㄇㄚˊ幾兔
(3)導覽列選項: ㄇㄚˊ幾兔/ㄇㄚˊ幾兔貼圖/ㄇㄚˊ幾兔桌布/ㄇㄚˊ幾兔節日圖/ㄇㄚˊ幾兔相關圖
(2)設計對象:女性
(3)色彩計畫: 粉色為主
(4)風格設定、預期成效: 有可愛簡單的感覺
(5)製作心得: 覺得ㄇㄚˊ幾兔超級可愛!所以做了這個主題~終於完成了,很開心smiling smiley

學號:1035445205

(1)作業網址: http://mepopedia.com/~css104-2a/midterm/midterm-1035445148/
(2)網站主題: 川島小鳥
(3)導覽列選項: 首頁 個人簡介 作品介紹 展覽分享 外部連結
(2)設計對象: 喜歡川島小鳥的人
(3)色彩計畫: 柔和淺色系
(4)風格設定、預期成效: 簡單清楚的感覺
(5)製作心得: 很有趣

學號 1035445148

(1)作業網址: http://mepopedia.com/~css104-2a/midterm/midterm-1035445151
(2)網站主題: 變型金剛
(3)導覽列選項: 首頁 相關網站 電影預告 人物介紹
(2)設計對象: 百變的變型金剛
(3)色彩計畫: 星際感覺
(4)風格設定、預期成效: 感覺滿豐富 有變型金剛的感覺
(5)製作心得: 挺有成就感的 , 老師真的好用心教我們

(1)作業網址:http://mepopedia.com/~css104-2a/midterm/midterm-1035445160
(2)網站主題: 京都介紹
(3)導覽列選項: 熱門景點、季節巡禮、飲食文化、娛樂、消費購物
(2)設計對象: 喜愛日本的人
(3)色彩計畫: 沉穩中帶一點親切的粉嫩色
(4)風格設定、預期成效:簡單大方,成效需加強
(5)製作心得:自己慢慢摸,忘記又重看教學 ,有做出一個雛形好欣慰smileys with beersmileys with beer

學號 1035445160

(1)作業網址: http://mepopedia.com/~css104-2c/midterm/midterm-1035445108
(2)網站主題: OFF-WHITE
(3)導覽列選項: 首頁index.html 品牌介紹words.html 服裝介紹product.html 服裝分享link.html 外部連結content.html
(2)設計對象: 喜歡吃這個牌子的人
(3)色彩計畫: 以灰.酒紅
(4)風格設定、預期成效:呈現時尚感
(5)製作心得:可以把自己喜歡的風格製作出來 很開心也很有成就感

學號:1035445108

(1)作業網址: http://mepopedia.com/~css104-2c/midterm/midterm-1035445064
(2)網站主題: DANCE DREAM
(3)導覽列選項: 首頁index.html 歷史起源history.html 我的舞生涯aboutme.html 舞風/特性dance.html 外部連結link.html
(2)設計對象: 喜歡或者對街舞有興趣的人
(3)色彩計畫: 以灰、黑、白色系為主,也有輔助色
(4)風格設定、預期成效:呈現時尚感,舞動感
(5)製作心得:隨然有些麻煩,可是當作錯不對,然後去發現哪裡連結或指令錯誤,會很開心,還有調顏色調到發瘋尤其是主頁,最後模擬兩可得調出大概,然後看的順眼,做完時很開心,隨然我的設計風格還沒明確得找到。

學號:1035445064spinning smiley sticking its tongue out

作業網址為 http://mepopedia.com/~css104-2a/midterm/midterm-1035445070

(1)作業網址: http://mepopedia.com/~css104-2a/midterm/midterm-1035445070
(2)網站主題: 美國隊長3:英雄內戰
(3)導覽列選項: 目前是 "首頁"、"角色介紹"、還有"影片連結" 以後會陸續增加。
(2)設計對象: 年輕族群,對美漫超級英雄有興趣的人們。
(3)色彩計畫: 紅+藍+黃
(4)風格設定、預期成效:風格設定較明亮,有活力,預期的和想的一樣,還不錯。
(5)製作心得: 做完暫時鬆一口氣,但還要繼續努力,還要自己多完完CSS3maker還有多看講義讓自己吸收。

學號 1035445070