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

週二, 十一月 14. 2017

完成品(11/22/29前)
(1)作業網址 :http://mepopedia.com/~css106-2c/midterm/midterm-1055445177
(2)
1有無遇到的問題 :按鈕連接不起來
2.製作感想 :真的覺得一步錯了就要趕快找出來,不然後面真的是只能重作
3.製作作業的時間 :2天

前置作業(11/15)
(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) http://mepopedia.com/~css106-2c/midterm/midterm-1055445186
(2)
1.遇到的問題:有時候要做第二第三頁的時候沒有設定好他的連結,就會亂跑或是根本沒有變到第二頁的內容,所以要做新的一夜的時候都會再三檢查
2:製作的感想:一剛開始真的做到很崩潰,但是知道問題的時候會越來越有成就感,做完成品會很開心
3:製作的時間:加上崩潰的哀號時間大概有2天


前置作業
(1)網站主題:多拉a夢

(2)製作動機:因為喜歡作品哆啦a夢,想要介紹他的歷史作品

(3)製作內容:
故事大綱(index)>>簡單的介紹她的故事
經典道具(classicprops)>>介紹他最常出現的道具
動畫歷史(animationhistory)>>介紹他的歷史動畫片尾曲以及他的經典動畫故事
漫畫歷史(comichistoyr)>>介紹他的漫畫歷史
動畫歷史(moviehistory)>>介紹他的動畫片尾曲

(4)風格設定: 藍色簡約風格
(5)資料蒐集分析
◎設計優良網站(風格)列表與分析:
https://chinesedora.com/character/doraemon.htm

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

週二, 十一月 14. 2017

完成品
(1)作業網址: http://mepopedia.com/~css106-2c/midterm/midterm-1055445054
(2)
1有無遇到的問題 想說第二網頁的介紹用至中的方式來排,沒想到一動又動到了index......
2.製作感想 可以邊找影片邊看還不錯XDDD
3.製作作業的時間 4天

(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)作業網址 http://mepopedia.com/~css106-2c/midterm/midterm-1055445183
(2)
1有無遇到的問題 :歌曲推薦的頁面在GOOGLE瀏覽時會比其他頁面小,IE瀏覽時則正常,太神奇了吧...
2.製作感想 :我很畏懼...
3.製作作業的時間 ∞ ∞ ∞ ∞ ∞ ∞ ∞ ∞ ∞ ∞ ∞ ∞ ∞ ∞ ∞ ∞ ∞ ∞ ∞ ∞ ∞ ∞ ∞ ∞ ∞ ∞ ∞ ∞ ∞ ∞ ∞ ∞ ∞ ∞ ∞ ∞ ∞ ∞ ∞

前置作業
(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)作業網址:http://mepopedia.com/~css106-2c/midterm/midterm-1055440122
(2)
1.有無遇到的問題:在製作前兩頁的時候,會因為忘記加分號,而導致正確語法跑不出來,
         所以反反覆覆做了好幾次,但也藉此機會讓自己更熟悉語法!!
         還有,在瀏覽器方面也發現,IE跟google瀏覽器能看到的東西不同
         一開始用IE瀏覽器看跑不出來的東西,在google就能看得到....

2.製作感想:覺得網頁設計其實還蠻有趣的,
      尤其是做自己喜歡的東西更是加倍喜歡網頁設計呀,會想鑽研清楚然後做出來!
      食記部分也是自己寫出來的,但是有時候會腦袋空空難產。

3.製作作業的時間:約3~4天!斷斷續續得做,有靈感的時候就做。

---------------------------------
前置作業
(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

http://mepopedia.com/~css106-2c/midterm/midterm-1055445168

1.有無遇到的問題 : 連接按鈕的地方做錯,繞圖排文有點難!


2.製作感想 : 覺得有點難,好險有老師放的影片可以看,還有同學教我,看到眼睛很酸,但完成後還蠻開心的!

3.製作作業的時間 : 2天吧(或更久吧)

__________________________________________________________________
(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)作業網址 http://mepopedia.com/~css106-2c/midterm/midterm-1055445206
(2)
1有無遇到的問題 有遇到存完檔案 ,要打開Google瀏覽器時頁面連在一起無法,最後自己有找到問題。
2.製作感想 完成自己喜歡的主題網站,做完還是很有成就感
3.製作作業的時間 2~3天

(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)作業網址 http://mepopedia.com/~css106-2c/midterm/midterm-1055445060
(2)
1有無遇到的問題 :還好
2.製作感想 :DW瘋狂在我準備存檔時停止運作...我好畏懼...
3.製作作業的時間 9小時......................................................................................吧



(1)網站主題: skrillex

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

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

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

週二, 十一月 14. 2017

作業網址 http://mepopedia.com/~css106-2c/midterm/midterm-1055445102

1有無遇到的問題 不知道怎麼把照片至中 忘記影片怎麼至中
2.製作感想 教人交到我要死了也不知道我做了甚麼看起來爛透了
3.製作作業的時間 我忘了教人交到我要死根本不記得

(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

http://mepopedia.com/~css106-2c/midterm/midterm-1055445150
1有無遇到的問題 :
到做完的在課堂檢討時才發現圖片全遺失,問同學才發現自己圖片忘記改英文名稱
2.製作感想 :
剛學網頁設計時看到學長姐以前的作品,就覺得如果我上完這學期也能做到這樣的程度是多麼的好,可是當實際自己做時發現真的不是件簡單的事,要摸索很久,忘記打什麼全部都可能要重來,但看到成品還是很滿意,尤其老師的講義幫助甚多~
3.製作作業的時間
2~3天

(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

作業網址:http://mepopedia.com/~css106-2c/midterm/midterm-1055445205
(1)網站主題:怪醫黑傑克

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

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

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

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