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

Advanced

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

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

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


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

1. 作業目的

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

[hr]

2. 作業說明

1.請以範例網站為基模,使用其排版概念,重新改編為一新的網站設計,除了架構一樣,其他資訊皆要更新。
2.製作:(1)完成首頁,(2)設定滑鼠移過的效果,其他頁面將陸續完成。
3.因後續作業須持續完成其他它作業,請先設定好一特定主題後開始製作,並考慮其設計美感以及配色、風格與主題搭配之關係。

[hr]

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/~css105-2a/hw02/hw02-1045445XXX 。

並請回覆:

(1)作業網址:http://mepopedia.com/~css105-2a/hw02/hw02-1045445XXX
(2)網站主題/網站名稱:
(3)分類項目(導覽列):
(4)對象:
(5)色彩計畫:
(6)風格設定、網頁看點、預期成效:
(7)製作心得:


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

4. 學長姐範例


http://mepopedia.com/~web103-2a/hw02/hw02-1025445205/
http://mepopedia.com/~web102-c/midterm/midterm-1015445215/
http://mepopedia.com/~web102-c/midterm/midterm-1015445212/
http://mepopedia.com/~web102-c/midterm/midterm-1015445219

(1)作業網址:http://mepopedia.com/~css105-2a/hw02/hw02-1045445166

(2)網站主題/網站名稱: LoveLive! School Idol Project

(3)分類項目(導覽列): 動漫

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

(5)色彩計畫: 紅色粉色系

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

活潑 青春洋溢

校園偶像動畫介紹

讓更多人了解偶像動畫的有趣,進而去理解聲優與各式各樣的歌曲,理解偶像動畫的樂趣。


(7)製作心得:
非常有趣的一次作業,摸索了不少代碼做嘗試,花了不少時間達到了想要的效果。

雖然辛苦但是能做自己最有興趣的主題才是最有趣的!也讓我對網頁設計多了不少想法,收穫相當不錯。

(1)作業網址:http://mepopedia.com/~css105-2a/hw02/hw02-1045445136
(2)網站主題/網站名稱:
日本搖滾樂團 / MAN WITH A MISSION
(3)分類項目(導覽列):
Home:簡單說明這是關於甚麼主題,最新消息
About:詳細介紹這個樂團的由來、起源、設定
Member:在這個樂團裡面有哪些成員,負責什麼
Album:從以前到現在所發行的正規專輯
Link:與樂團相關的連結、官方社群、影片
(4)對象: 喜愛日本搖滾音樂
(5)色彩計畫: 溫和系
(6)風格設定、網頁看點、預期成效:
以他們狼人毛色的藍色調為主, 雖然看似寒冷, 但希望表現出柔和感, 與樂團風格相反的搭配
(7)製作心得:
這次製作的網頁與第一次完全不一樣的風格,不單只有一頁,而是可以連結到其他頁面的架構,在創作的過程中覺得很有趣,能打造一個有自己風格的網頁,也考驗自己設計、排版、美感的能力,覺得關於美感的部分還有很大的努力空間,謝謝老師的細心指導。



Edited 3 time(s). Last edit at 04/09/2017 11:14PM by 1045445136.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~css105-2a/hw02/hw02-1045445106
(2)網站主題/網站名稱:Asking Alexandria
(3)分類項目(導覽列): 樂團介紹
(4)對象:16~30歲
(5)色彩計畫: 灰暗色系
(6)風格設定、網頁看點、預期成效: 使讀者了解該樂團
(7)製作心得: 稍微有趣點



Edited 1 time(s). Last edit at 04/05/2017 10:14PM by 1045445106.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~css105-2a/hw02/hw02-1045445088
(2)網站主題/網站名稱: 三色堇介紹
(3)分類項目(導覽列): 植物
(4)對象: 15~30
(5)色彩計畫: 柔和系
(6)風格設定、網頁看點、預期成效: 植物介紹 比想像中單調 想加點裝飾又不知道要加些什麼
(7)製作心得:好像有點普通 不知道是選的主題太普通還是不會做顯得太普通

(1)作業網址:http://mepopedia.com/~css105-2a/hw02/hw02-1045445100
(2)網站主題/網站名稱: 彈丸論破
(3)分類項目(導覽列): 動漫遊戲
(4)對象: 15歲~25歲年輕族群
(5)色彩計畫: 黑灰色 紫色系
(6)風格設定、網頁看點、預期成效: 暗色系風格、符合本作故事的設計。
(7)製作心得:整體做起來還算順手,不懂的還可以看影片,十分的方便。

(1)作業網址:http://mepopedia.com/~css105-2a/hw02/hw02-1045445109
(2)網站主題/網站名稱:基隆Keelung
(3)分類項目(導覽列):
首頁、名產推薦(李鵠餅店、綠豆沙餅、咖哩餅、鳳梨酥、海鮮)、
景點介紹(基隆廟口夜市、外木山、中正公園、情人湖公園、忘憂谷。)
歷史古蹟(白米甕砲台(荷蘭城)、二沙灣砲台(海門天險)、大武崙砲台、獅球嶺砲台、社寮東砲台。)
外部連結(關於基隆的相關資訊。)
(4)對象:愛旅遊者
(5)色彩計畫: 藍色休閒
(6)風格設定、網頁看點、預期成效: 主要是以藍色調為主呈現休閒自在的感覺。
給想來基隆遊玩的人,讓他們能夠先了解基隆。希望基隆更多人瞭解基隆,來這裡觀光。
(7)製作心得:
覺得更了解自己所住的城市,透過製作這個網頁感覺有訓練到美感,也熟悉了些網頁的做法。

(1)作業網址:http://mepopedia.com/~css105-2a/hw02/hw02-1045445202
(2)網站主題/網站名稱: 迪士尼公主
(3)分類項目(導覽列)首頁:介紹公主,初始公主:較早以前的公主,迪士尼共11位公主:白雪/仙杜瑞拉/睡美人/小美人魚/阿拉丁/美女與野獸,皇族身分:
白雪/仙杜瑞拉(嫁入)/睡美人/小美人魚/貝兒(嫁入)/阿拉丁,迪士尼公主台灣官方網站
(4)對象:大人小孩適宜
(5)色彩計畫:鮮豔亮麗吸引目光繽紛絢爛光彩多慕
(6)風格設定、網頁看點、預期成效: 希望可能開開心心的觀看童年回憶
(7)製作心得: 因為喜歡公主所以做了公主

(1)作業網址:http://mepopedia.com/~css105-2a/hw02/hw02-1045445007/

(2)網站主題/網站名稱: 日本介紹網站

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

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

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

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

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

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

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

(7)製作心得:

讓我更了解網頁的運用,往後再做這這個領域的設計中能更有變化,在這次練習中也獲的許多的經驗,與從困難中解決問題,慢慢的累積經驗。

(1)作業網址:http://mepopedia.com/~css105-2a/hw02/hw02-1045445175
(2)網站主題/網站名稱: The Powerpuff Girls 飛天小女警
(3)分類項目(導覽列):卡通
(4)對象: 大人小孩皆適用
(5)色彩計畫: 使用粉色系
(6)風格設定、網頁看點、預期成效: 粉色系帶給人的感受是很少女風格,也想打造出活潑的感覺。
(7)製作心得:這次可以做出跟自己興趣有關的作品真的很開心,感覺不太像是在做作業的感覺,整個製作過程都很開心,很有成就感。



Edited 1 time(s). Last edit at 04/26/2017 03:28AM by 1045445175.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~css105-2a/hw02/hw02-1045445031
(2)網站主題/網站名稱: 乾燥花手藝店
(3)分類項目(導覽列): 首頁/
(4)對象: 18~40歲女性
(5)色彩計畫:
(6)風格設定、網頁看點、預期成效:
(7)製作心得:



Edited 2 time(s). Last edit at 04/16/2017 03:22PM by 1045445031.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~css105-2a/hw02/hw02-1045445043
(2)網站主題/網站名稱:庫洛魔法使
(3)分類項目(導覽列): 動漫
(4)對象: 全年齡
(5)色彩計畫: 粉色(營造出與動畫裡相符的少女心氛圍)白色(能與粉色區別但又不會太顯眼)
(6)風格設定、網頁看點、預期成效:
與動漫裡一樣的粉色系可愛少女風為主,網頁的看點我覺得是按鈕的部分,當滑鼠箭頭未觸碰與觸碰時會有不一樣的圖片顯示smiling bouncing smiley
預期的成效 能夠把粉色系的東西做得不那麼膩,能讓大家有興趣瀏覽我的網站讓大家更了解這部影片。
(7)製作心得:
因為上課都還滿認真聽老師指導所以做起來比較沒有遇到什麼大的困難,做出成品後也非常有成就感,只是有些小地方也會希望能夠用自己拉的圖片當作底圖,不過不知道怎麼改XD 我覺得做網頁很好玩~



Edited 1 time(s). Last edit at 04/26/2017 01:31AM by 1045445043.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~css105-2a/hw02/hw02-1045445058
(2)網站主題/網站名稱:小魔女DOREMI
(3)分類項目(導覽列): 卡通
(4)對象:全年齡
(5)色彩計畫:
(6)風格設定、網頁看點、預期成效:
(7)製作心得:

(1)作業網址:http://mepopedia.com/~css105-2a/hw02/hw02-1045445094
(2)網站主題/網站名稱:情獸 創作圖文
(3)分類項目(導覽列): 首頁 關於 作品介紹 故事分享 我有話要說
(4)對象: 高中以上的年輕人~成年人
(5)色彩計畫: 黑白
(6)風格設定、網頁看點、預期成效:屬於較黑暗的風格,有自己個性的網站,雖然一開始有點簡陋,但是後面會修飾越做越好
(7)製作心得: 這次第一次創作有規劃的網站,配色、文字版面等都是要參考到的元素,希望自己組織網頁的能力能更加成熟

首頁製作

(1)作業網址:http://mepopedia.com/~css105-2a/hw02/hw02-1045445022
(2)網站主題/網站名稱: 下午茶簡餐
(3)分類項目(導覽列):
1.關於香蕉星球 - 介紹理念
2.最新資訊 - 最快告訴客人最優惠的時候
3.餐飲 - 餐點介紹
4.會員專區 - 活動
5.心情分享 - 食用完後的心情
(4)對象: 小朋友 / 年輕族群 / 中年老年人都可
(5)色彩計畫: 以用香蕉鮮豔的黃色帶動所有畫面的清新
(6)風格設定、網頁看點、預期成效:
可愛 / 樸素
(7)製作心得: 雖然在過程中有些困擾,但是慢慢得去了解它的內容怎麼去做,發現做完覺得能自己完成一部分的首頁真的很開心smiling smiley)))))

Re: 首頁製作

(1)作業網址:http://mepopedia.com/~css105-2a/hw02/hw02-1045445181
(2)網站主題/網站名稱: 831
(3)分類項目(導覽列): 樂團介紹
(4)對象: 15~30歲
(5)色彩計畫: 黑灰色系
(6)風格設定、網頁看點、預期成效: 讓讀者了解八三夭。
(7)製作心得: 影片講解很詳細,不會的地方看影片就懂,不用再去其他網站查要怎麼做。

(1)作業網址:http://mepopedia.com/~css105-2a/hw02/hw02-1045445016
(2)網站主題/網站名稱:慢食堂
(3)分類項目(導覽列):冰品
(4)對象:熱愛吃甜食
(5)色彩計畫:淺色調
(6)風格設定、網頁看點、預期成效:店家特色、店家甜品
(7)製作心得: 越做越有成就感~spinning smiley sticking its tongue out 也更深入知道怎麼架設網站

1)作業網址:http://mepopedia.com/~css105-2a/hw02/hw02-1045445013

(2)網站主題/網站名稱:FAMI FRENCH DESSERT

(3)分類項目(導覽列): 甜點

(4)對象: 所有愛吃甜點的族群

(5)色彩計畫:粉色系

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

可愛又簡單的設計

(7)製作心得:
做得眼花花 eye rolling smiley

(1)作業網址:http://mepopedia.com/~css105-2a/hw02/hw02-1045445151
(2)網站主題/網站名稱: HIGHER THAN SNUPER
(3)分類項目(導覽列):
(4)對象:
(5)色彩計畫:
(6)風格設定、網頁看點、預期成效:
(7)製作心得:



Edited 1 time(s). Last edit at 04/12/2017 11:18AM by 151.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~css105-2a/hw02/hw02-1045445034
(2)網站主題/網站名稱:能吃 = @福
(3)分類項目(導覽列): 熱門獨家、最受歡迎、非常好吃、新品嘗鮮、考慮一下
(4)對象: 18~25歲
(5)色彩計畫: 粉紅色
(6)風格設定、網頁看點、預期成效:
可愛有趣
想讓更多人知道更多好吃的食物
希望可以透過網站去發掘美食
(7)製作心得:
真的越來越有興趣,做的時候有遇到小小的問題 但是後來也成功了 越做越有成就 很喜歡這堂課

(1)作業網址:http://mepopedia.com/~css105-2a/hw02/hw02-1045445169

(2)網站主題/網站名稱: 韓國選秀節目介紹 / PRODUCE 101 S2

(3)分類項目(導覽列):
首頁:節目簡介
101培訓團隊:團隊老師介紹
音樂作品: PICK ME 我呀我
參與公司: 名單列表
投票網站:投票教學/網站連結

(4)對象: 韓國選秀節目粉絲

(5)色彩計畫: 藍色系

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

(7)製作心得:
還不太習慣看程式碼,製作的時候很挫折,
雖然反覆去看影片教學,卻還是只能做點CSS上簡單微調,
希望以後可以慢慢習慣製作網頁並且做得更加精緻點。

(1)作業網址:http://mepopedia.com/~css105-2a/hw02/hw02-1045445073

(2)網站主題/網站名稱: 苗栗・大湖草莓季節

(3)分類項目(導覽列):
內容-活動的日期
產品-草莓製品
其他草莓園網站

(4)對象: 親子

(5)色彩計畫: 用粉紫色

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

(7)製作心得:

在製作的過程中發現每個步驟都要小心一個疏失就會遺失頁面
真的是莫大的困擾但是在尋找、改變架構/裝飾的同時,也發現
原始碼與Style間的有趣,在不斷修改裝飾的時後,也慢慢理解
名稱與功能,期望會越來愈好。



Edited 1 time(s). Last edit at 04/17/2017 08:50PM by 1045445073.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~css105-2a/hw02/hw02-1045445028
(2)網站主題/網站名稱:迪士尼經典動畫
(3)分類項目(導覽列): 介紹動畫電影
(4 )對象:兒童-少女
(5)色彩計畫:主要以紫色 紅色 綠色為主,白色、藍色為輔~
(6)風格設定、網頁看點、預期成效:
風格設定:和主角愛麗兒一樣的配色,海底的感覺
網頁看點:更了解小美人魚
預期成效:讓大家能淺顯易懂!
(7)製作心得:雖然花了比較多時間配色想樣式,但做完又很成就感,比作業1更了解了呢~

(1)作業網址:http://mepopedia.com/~css105-2a/hw02/hw02-1045445124
(2)網站主題/網站名稱:藍紋乳酪工坊
(3)分類項目(導覽列): 各種不同的乳酪作介紹
(4)對象:熱愛乳酪的各年齡層
(5)色彩計畫:藍色 暗紫色
(6)風格設定、網頁看點、預期成效:
風格:乾淨舒服
(7)製作心得:很好玩 可以做自己想要的風格形式 也慢慢了解網頁是如何做出來
會滿有成就感

(1)作業網址:
http://mepopedia.com/~css105-2a/hw02/hw02-1045445061

(2)網站主題/網站名稱:
臺北

(3)分類項目(導覽列):
首頁、文化歷史、各時期風貌、古蹟、相關電影

(4)對象:
18-30歲男女、遊客

(5)色彩計畫:
粉色系

(6)風格設定、網頁看點、預期成效:
風格設定-活潑、溫馨
網頁看點-清楚介紹臺北
預期成效-讓想認識臺北的人都可藉由這個網站對臺北有更多的認識。

(7)製作心得:
製作過程中還有些步驟操作的不是很熟悉,及遇到困難,但解決後看到成品真的很開心smiling smiley

(1)作業網址:http://mepopedia.com/~css105-2a/hw02/hw02-1045445085/
(2)網站主題/網站名稱: 醃黃瓜先生
(3)分類項目(導覽列):
Home:簡單說明這是關於甚麼主題,最新消息
About:詳細介紹動畫由來、起源、設定
Member:在這個動畫裡面有哪些角色
Link:相關的連結、官方社群、影片
(4)對象: 動畫粉絲
(5)色彩計畫: 酸黃瓜配色
(6)風格設定、網頁看點、預期成效: 採用動畫中的配色
(7)製作心得: 慢慢看著老師的步驟,一步一步地慢慢跟著做,完成的時候,真的很有成就感。

(1)作業網址:http://mepopedia.com/~css105-2a/hw02/hw02-1045445196
(2)網站主題/網站名稱:KAKAO FRIENDS
(3)分類項目(導覽列): 首頁、成員介紹、周邊商品、宣傳影片、相關鏈接
(4)對象: 青少年
(5)色彩計畫: 以粉藍,粉紫交替為背景,黃色為主色系
(6)風格設定、網頁看點、預期成效: 可愛風、介紹KAKAO FRIENDS的相關內容、能讓更多人了解到KAKAO
(7)製作心得: 能夠製作出了屬於自己的網站

(1)作業網址:http://mepopedia.com/~css105-2a/hw02/hw02-1045445082/
(2)網站主題/網站名稱:season
(3)分類項目(導覽列):甜點介紹
(4 )對象:18~35歲
(5)色彩計畫:粉紫色系
(6)風格設定、網頁看點、預期成效:網站善發出甜甜的感覺,使網站能讓消費者順利預購商品。
(7)製作心得:滑鼠移到導覽列能產生變化,覺得很神奇,原來網站架構是這樣進行的,從中學到許多。

0



Edited 1 time(s). Last edit at 04/24/2017 11:59PM by 1045445082.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~css105-2a/hw02/hw02-1045445142/
(2)網站主題/網站名稱:海洋公園
(3)分類項目(導覽列):海洋哺乳類介紹
(4 )對象:5~40歲
(5)色彩計畫:海藍色系
(6)風格設定、網頁看點、預期成效:網站善發出甜甜的感覺,使網站能讓消費者順利預購商品。
(7)製作心得:一開始以色塊為基礎,覺得一般般,之後做得差不多了,把色塊都改成圖片,效果就差很多,變得很漂亮,覺得很神奇!!



Edited 2 time(s). Last edit at 04/25/2017 12:03AM by 張志源.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~css105-2a/hw02/hw02-1045445178
(2)網站主題/網站名稱:美食介紹/吃貨一枚♡
(3)分類項目(導覽列):首頁/高雄/台中/台北/評價
(4)對象:吃貨們
(5)色彩計畫:
(6)風格設定、網頁看點、預期成效:
(7)製作心得:

(1)作業網址:http://mepopedia.com/~css105-2a/hw02/hw02-1045445046
(2)網站主題/網站名稱: 海綿寶寶
(3)分類項目(導覽列): 卡通
(4)對象:12-24
(5)色彩計畫: 以暖色橘色調為主
(6)風格設定、網頁看點、預期成效: 活潑 活力
(7)製作心得:原來比想像中簡單 不過要製作出好的網頁設計 還必須在更努力!!

(1)作業網址:http://mepopedia.com/~css105-2a/hw02/hw02-1045445004
(2)網站主題/網站名稱:
中信兄弟
(3)分類項目(導覽列):
首頁
球隊歷史
球員
最新消息
影片
(4)對象: 喜愛棒球運動 兄弟象的球迷
(5)色彩計畫: 黃 / 丈青
(6)風格設定、網頁看點、預期成效:
中信兄弟球隊風格配色 經典的兄弟象黃 配上穩重剛強的丈青色 視覺上不會太強烈對比 看起來舒服順暢 也符合預期
(7)製作心得:
製作這次的網頁設計跟以前比有點困難 那麼多程式碼 有時眼花一不注意就跑掉了 要有很大的耐心慢慢製作 也一直請教同學 同學也很熱心的教導我 也謝謝同學跟老師的教導 把看似困難的網頁製作完成。

(1)作業網址:http://mepopedia.com/~css105-2a/hw02/hw02-1045445218/index.html
(2)網站主題/網站名稱: - R e a l V ! V . I . X . X VIXX!-
(3)分類項目(導覽列):
首頁
成員簡介
專輯
MV
外部連結
(4)對象: 喜歡韓國團體
(5)色彩計畫: 黑灰藍
(6)風格設定、網頁看點、預期成效:
(7)製作心得: 慢慢熟悉中

(1)作業網址:file:///E:/wh02-1045445215/index.html

(2)網站主題/網站名稱: 女神異聞錄5

(3)分類項目(導覽列): 遊戲介紹

(4)對象: 15~35歲族群

(5)色彩計畫: 紅色(神祕感的具現化) 黑色(想使版面潔淨) 黑色(陪襯)

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

風格設定: 神秘

網頁看點: 增加遊戲購買慾

預期成效: 贈加對遊戲的興趣

(7)製作心得:

由於都看不太懂哪裡是哪裡就地毯式的檢查了從零到有慢慢一個一個找出來的感覺非常有學習價值

(1)作業網址:http://mepopedia.com/~css105-2a/hw02/hw02-1045445157
(2)網站主題/網站名稱: 火影忍者
(3)分類項目(導覽列): 首頁、尾獸介紹、人物介紹、劇場版電影版、遊戲介紹
(4)對象: 6-30
(5)色彩計畫: 橘色、紅色、棕色(暖色系)
(6)風格設定、網頁看點、預期成效:簡單明瞭
(7)製作心得: 做完尾獸介紹就已心滿意足了

(1)作業網址:http://mepopedia.com/~css105-2a/hw02/hw02-1045445187
(2)網站主題/網站名稱: 幽遊白書
(3)分類項目(導覽列): 首頁、作者介紹、勢力介紹、人物介紹、劇場版電影版
(4)對象: 想看就看
(5)色彩計畫: 黑紅白
(6)風格設定、網頁看點、預期成效:簡單直接
(7)製作心得: 很難,但我完成ㄌ spinning smiley sticking its tongue out

(1)作業網址:http://mepopedia.com/~css105-2a/hw02/hw02-1045445148
(2)網站主題/網站名稱: 海賊王
(3)分類項目(導覽列): 首頁、草帽海賊團、海軍、王下七五海、劇場版
(4)對象: 青少年
(5)色彩計畫: 藍白
(6)風格設定、網頁看點、預期成效:簡單直接
(7)製作心得: 終於解決了~

(1)作業網址:http://mepopedia.com/~css105-2a/midterm/midterm-1045445160/member.html

(2)網站主題/網站名稱:戰犯MUSIC

(3)分類項目(導覽列): 音樂

(4)對象: 16以上

(5)色彩計畫: 叛逆學院風

(6)風格設定、網頁看點、預期成效: 青春 叛逆 ,讓大家認識饒舌新生代的熱血

(7)製作心得: 有趣

(1)作業網址:http://mepopedia.com/~css105-2a/midterm/midterm-1045445118
(2)網站主題/網站名稱:T.G.M.F地下饒舌樂團

(3)分類項目(導覽列): 音樂

(4)對象: 16以上

(5)色彩計畫: 黑暗系
(6)風格設定、網頁看點、預期成效: 以黑暗系的風格讓全世界看到台灣嘻哈

(7)製作心得: 成就提升

(1)作業網址:http://mepopedia.com/~css105-2a/hw02/hw02-1045445199/

(2)網站主題/網站名稱: PÂTISSERIE Alex 法式甜點

(3)分類項目(導覽列): 甜點

(4)對象: 14~60歲

(5)色彩計畫: 優雅配色

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

風格設定: 典雅風格

網頁看點: 簡約整齊

預期成效: 製作一個法式甜點的網站

(7)製作心得:

在這次練習作業中,學習到如何架構一個網站,雖然有些地方還是搞不太清楚。

(1)作業網址:http://mepopedia.com/~css105-2a/hw02/hw02-1045445154
(2)網站主題/網站名稱: 全職高手-MasterSkill
(3)分類項目(導覽列): 首頁/戰隊介紹/角色簡介/角色職業介紹/世界要請賽陣容
(4)對象: 15~30
(5)色彩計畫: 金色與米色
(6)風格設定、網頁看點、預期成效: 帶有低調高級的感覺
(7)製作心得: 做得有點累,因為要做其他分頁~但還是很開心

(1)作業網址:http://mepopedia.com/~css105-2a/hw02/hw02-1045445130

(2)網站主題/網站名稱: 樂團
(3)分類項目(導覽列): 音樂

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

(5)色彩計畫: 墨綠

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

詩意


(7)製作心得: 我盡力了

(1)作業網址:http://mepopedia.com/~css105-2a/hw02/hw02-1045445103


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

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

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

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

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

(7)製作心得: 這次有難一些,重做了一次才搞懂。

(1)作業網址:http://mepopedia.com/~css105-2a/hw02/hw02-1045445124
(2)網站主題/網站名稱:藍紋乳酪工坊
(3)分類項目(導覽列): 各種不同的乳酪作介紹
(4)對象:熱愛乳酪的各年齡層
(5)色彩計畫:藍色 暗紫色
(6)風格設定、網頁看點、預期成效:
風格:乾淨舒服
(7)製作心得:很好玩 可以做自己想要的風格形式 也慢慢了解網頁是如何做出來
會滿有成就感

(1)作業網址:http://mepopedia.com/~css105-2a/hw02/hw02-1045445007/

(2)網站主題/網站名稱: 日本介紹網站

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

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

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

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

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

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

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

(7)製作心得:

讓我更了解網頁的運用,往後再做這這個領域的設計中能更有變化,在這次練習中也獲的許多的經驗,與從困難中解決問題,慢慢的累積經驗。