Re: [期中作業] 以單欄為主的網站設計

週二, 十一月 14. 2017

(1)網站主題:角落生物
(2)製作動機:覺得畫風很可愛
(3)製作內容:
作者(檔名Author)
由來(檔名origin)
成員(檔名member)
繪本(檔名Picture book)
周邊(檔名Surrounding)
(4)風格設定: 想要以淡淡的粉色調,呈現可愛的感覺
(5)資料蒐集分析 :https://www.niusnews.com/=P1avnml0
◎設計優良網站(風格)列表與分析:https://home.gamer.com.tw/creationDetail.php?sn=3232523

Re: [期中作業] 以單欄為主的網站設計

週二, 十一月 14. 2017

(1)網站主題: 多拉a夢
(2)製作動機: 因為自己很喜歡多拉a夢的卡通 想藉由這次作業來好好探討一下a夢的故事
(3)製作內容:
人物介紹Character introduction
經典道具Classic props
動畫歷史Animation history
漫畫歷史Comic history
電影歷史Movie history
(4)風格設定: 藍白簡約風格
(5)資料蒐集分析 : https://chinesedora.com

Re: [期中作業] 以單欄為主的網站設計

週二, 十一月 14. 2017

(1)網站主題:
Fischer's (日本youtobe團體)

(2)製作動機:
因為看youtobe認識他們覺得他們影片很生動有趣,所以想幫他們建立網站 (:D

(3)製作內容:
1.Fischer's首頁(index)說明他們在做甚麼介紹為什麼組團走youtobe的路
2.魚團成員(member)介紹魚團的人員
3.運動競技(movement)他們玩過的競技設施
4.歌曲(song)這團自己做的音樂
5影片連結(link)魚團的一些有趣影片

(4)風格設定: 想做出跟他們logo一樣的配色,背景是有點水藍色
(5)資料蒐集分析
1.http://www.tw-topwaygroup.com/html/main 仲威文創網站是青綠色風格
2.http://www.fubiz.net/category/design/ fubiz的網站也很棒,畫面很有設計感

Re: [期中作業] 以單欄為主的網站設計

週二, 十一月 14. 2017

(1)網站主題: mili
(2)製作動機: 很喜歡mili的歌
(3)製作內容:
首頁index:介紹mili這個團體
歷年專輯Album:介紹歷年專輯
歌曲推薦recommend:推薦有趣的歌曲
專輯美術圖Art picture:專輯的美術圖
歌曲試聽Listen:歌曲試聽
(4)風格設定: 簡約清新
(5)資料蒐集分析:
◎設計優良網站(風格)列表與分析: http://projectmili.com/#magmilktop
用色簡單又不失質感

Re: [作業02] 利用Div標籤與CSS建立基本網頁版型--以單純色塊為例

週二, 十一月 14. 2017

http://mepopedia.com/~css106-2c/hw02/hw02-1055443126
主题 宫崎骏新作《你们想活出怎样的人生》(君たちはどう生きるか)
风格可爱
问题 没有
感想 稍微熟悉dw制作简单网页 收益颇多

Re: [期中作業] 以單欄為主的網站設計

週二, 十一月 14. 2017

(1)網站主題: 千芝の美食之旅
(2)製作動機: 愛吃美食女孩的吃貨人生
(3)製作內容:
首頁、摘要(index)>>作者自我介紹、簡單摘要
美食介紹(about1)>>美食的圖片&心得
美食介紹(about2)>>美食的圖片&心得
美食介紹(about3)>>美食的圖片&心得
相關連結(link)>>食記專訪影片、店家推薦
(4)風格設定:簡單明亮
(5)資料蒐集分析:
◎設計優良網站(風格)列表與分析:
http://www.teashop168.com.tw/menu/
http://sai083.pixnet.net/blog/post/344406325
https://mimihan.tw/category/taiwan-travel/hsinchu/
這些網站都算是簡單的風格、類似部落格,個人偏好簡單風格。

Re: [期中作業] 以單欄為主的網站設計

週二, 十一月 14. 2017

(1)網站主題:宮崎駿
(2)製作動機:從以前就很喜歡看宮崎駿的動畫
(3)製作內容:生平介紹(index)
吉卜力工作室(studio)
合作夥伴們(partner)
作品介紹(works)
三鷹之森(Art Museum)
(4)風格設定: 簡單可愛風,用明亮色做出
(5)資料蒐集分析
https://zh.wikipedia.org/zh-tw/%E5%AE%AB%E5%B4%8E%E9%AA%8F
◎設計優良網站(風格)列表與分析:
http://www.ghibli-museum.jp/

Re: [期中作業] 以單欄為主的網站設計

週二, 十一月 14. 2017

(1)網站主題:沉月之鑰
(2)製作動機:喜歡這本小說
(3)製作內容:
故事簡介(index)
人物介紹(character)
遊戲合作(game)
繪師介紹(artist)
關於作者(about)
(4)風格設定: 星空系列的色彩
(5)資料蒐集分析
◎設計優良網站(風格)列表與分析:http://suru8aup3.blogspot.tw/2017/05/blog-post.html

Re: [期中作業] 以單欄為主的網站設計

週二, 十一月 14. 2017

(1)網站主題: 刺客教條
(2)製作動機: 我非常喜歡這系列的遊戲,想讓大家知道這系列精彩故事。
(3)製作內容:
1. index 概略介紹刺客 聖殿騎士等等的起源
2. Character 歷代遊戲的主角
3. story 刺客與聖殿騎士之間的故事
4. picture 刺客教條系列作品圖
(4)風格設定: 用黑色風格,有如隱蔽於黑暗得刺客的氣氛
(5)資料蒐集分析
設計優良網站(風格)列表與分析:
http://www.ubisoft.com.tw/
大概就是如此

Re: [講義01] 以 HTML 與 CSS 完成第一個網頁

週二, 十一月 14. 2017

http://mepopedia.com/~css106-2c/hw01/hw01-1055443126
這是我第壹次接觸網頁設計這門課,還挺有趣的,但是學起來也不簡單嗷,我會努力學好的!
視傳2C-1055443126

Re: [期中作業] 以單欄為主的網站設計

週二, 十一月 14. 2017

(1)網站主題: skrillex

(2)製作動機:我很喜歡的一個DJ
(3)製作內容:
歌手介紹(index):介紹歌手
知名歌曲(famous):整理出比較有名的歌曲
得獎歌曲(Awards): 有得過獎項的歌曲
歌曲推薦(recommend):個人比較喜歡的歌
DJ照片(photo):他生活照

(4)風格設定: 用黑紫色系來做,以符合歌手的風格
(5)資料蒐集分析:http://www.rikuba.jp/
簡約紅白色塊很棒的

Re: [期中作業] 以單欄為主的網站設計

週二, 十一月 14. 2017

(1)網站主題:Lady Gaga
(2)製作動機: 因為我超級喜歡Lady Gaga也因為她的歌讓我更有自信
(3)製作內容:
首頁 index 簡單介紹Lady Gaga這位歌手
故事 story 介紹Lady Gaga的背景故事
得獎紀錄 Awards 介紹Lady Gaga的得獎紀錄
專輯 Album 介紹Lady Gaga的專輯
經典歌曲推薦 songs 推薦Lady Gaga經典歌曲
(4)風格設定: 清新簡單的風格
(5)資料蒐集分析
◎設計優良網站(風格)列表與分析:
https://pick.mydesy.com/archives/83981

Re: [期中作業] 以單欄為主的網站設計

週二, 十一月 14. 2017

(1)網站主題: 死而復甦的歌手~Aimer
(2)製作動機: 他是我最喜歡的女歌手,每首歌都很值得推薦給大家
(3)製作內容:
歌手簡介:介紹歌手的生事
歷年歌曲:整理歷年發行的單曲或專輯
歌曲心境:介紹自己聽歌的心得
歌曲推薦:喜歡的歌曲推薦與歌詞
歌曲欣賞:歌曲試聽

(4)風格設定: 用黑紫色系來做,以符合歌手的風格
(5)資料蒐集分析:https://zh.wikipedia.org/wiki/Aimer
◎設計優良網站(風格)列表與分析: http://www.aimer-web.jp/
aimer的日本官網就做得很有質感了

Re: [期中作業] 以單欄為主的網站設計

週二, 十一月 14. 2017

(1)網站主題: 米奇米妮
(2)製作動機: 因為覺得米奇米妮很可愛
(3)製作內容:
A.米奇米妮介紹(檔名:index)
B.米妮故事(檔名:mine)
C.米奇故事 (檔名:mickey)
D.周邊商品(檔名:product)
E.動畫影片(檔名:video)


(每個導覽列的中文及(英文檔名))
(4)風格設定: 個性又有質感
(5)資料蒐集分析
http://www.disney.com.tw/fc/page.php?no=1&sno=1
◎設計優良網站(風格)列表與分析
頁面清楚有條理

Re: [期中作業] 以單欄為主的網站設計

週二, 十一月 14. 2017

(1)網站主題:怪醫黑傑克

(2)製作動機:我很喜歡作者給黑傑克塑造的形象 他常常行醫都是劫富濟貧 真的沒錢的可憐人 他都說寫借據 但最後也都沒要回來

(3)製作內容:
作者(index)>>介紹作者的生平
漫畫(about)>>怪醫黑傑克的漫畫圖片
動畫(works)>>怪醫黑傑克的動畫版跟劇場版
周邊商品(picture)>>介紹關於怪異黑傑克的周邊商品
紀念館(link)>>連結紀念館的官網

(4)風格設定: 用黑白紅三個怪醫黑傑克這個角色的顏色 做出簡約的風格。

(5)資料蒐集分析
http://www.city.takarazuka.hyogo.jp/tezuka/index.html