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

Advanced

Re: [作業02]html-css|CSS3|jQuary|FontAwesome|練習

[作業02]html-css|CSS3|jQuary|FontAwesome|練習

[作業02] html-css基礎概念練習-歌詞篇

1. 製作說明


1. 作業範例


作業02課堂範例:作業02範例
作業02學長姊範例:作業02範例


2. 參考之課堂講義


[講義06]jQuery動態網頁初探
[講義07]使用圖示字體(icon font) Font Awesome
[講義08]CSS進階語法補充



*請分別於兩首歌詞,加入CSS3視覺效果、jQuary動態效果、FontAwesome圖示字體等,設定出具有符合歌詞意境的網頁,加入圖片、影片、Tabs、及效果使其產生:透明感、漸層、陰影..等。

*以FileZilla上傳至FTP

2. 繳交作業方式


1. 製作完成後,檔案命名方式:


第一個作業FTP上的資料夾為:hw02

每位同學請將自己的資料夾命名為:hw02-學號
這個作業的網址則為:
http://my.cute.edu.tw/~1085445XXX/hw02-1085445XXX/

資料夾內含:
1.html部分:首頁命名為index.html,第二個檔名為next.html
2.css部分:命名為style.css與style2.css

存放在 < hw02-學號 > 的資夾內

2. 以FileZilla上傳至FTP


3. 回覆本篇文章


(1).作業網址:
<a href="http://my.cute.edu.tw/~1085445XXX/hw02-1085445XXX/" target="_blank">作業02網址</a>
(2).請回答以下問題:
1.製作主題:
2.加入新效果愈呈現的風格為何:
3.遇到的問題?
4.花多少時間製作:
5.製作心得:

班級,學號



Edited 1 time(s). Last edit at 12/19/2020 05:11PM by JinJin.
(編輯記錄)

(1).作業網址:
作業02網址

(2).請回答以下問題:
1.製作主題:小星星/System歌詞。
2.加入新效果愈呈現的風格為何:溫暖活潑感/憂鬱感
3.遇到的問題? 兩首歌連結問題,還有一些語法用錯地方,跑不出來,但都解決了!
4.花多少時間製作:5-6小時。
5.製作心得:這次的作業相較於上次的困難,語法也更多,且語法要用在正確的位置,少貼及多貼都會有製作錯誤的可能,要很細心地去檢查,慢慢地去試試看,實做出來多了一些變化效果,非常有趣!

視傳2A,1085445013

(1).作業網址:
作業02網址 http://my.cute.edu.tw/~1085445062/hw02-1085445062/

(2).請回答以下問題:
1.製作主題:浪子回頭。
2.加入新效果愈呈現的風格為何:狗狗可愛
3.遇到的問題? 小問題 但能自己解決
4.花多少時間製作:5 6小時左右
5.製作心得:還不錯

視傳2B,1085445062

(1).作業網址:
作業02網址

(2).請回答以下問題:
1.製作主題:日文歌
2.加入新效果愈呈現的風格為何:增加色彩與符合主題的圖片,使網頁更豐富
3.遇到的問題? 漸層不太懂,做完後與原本網頁的字體有些許不同
4.花多少時間製作:2~3小時
5.製作心得:比之前更加華麗,感覺網頁設計又更進一步

班級視傳:2A
學號:1085445083

(1).作業網址:
作業02

(2).請回答以下問題:
1.製作主題:unlasting/我的秘密
2.加入新效果愈呈現的風格為何:
增加圖片及tabs還有漸層效果 / unlasting是宇宙無邊無際的感覺就跟歌詞一樣 / 我的秘密是單純的紫色浪漫感
3.遇到的問題? 其實自己摸索蠻久的,很容易漏掉一些小錯誤導致東西沒辦法出現或是軟體本身跑很慢
4.花多少時間製作:零碎時間加起來應該有1-2小時
5.製作心得:雖然蠻麻煩的,但是做出來真的很有成就感,很開心

視傳2B,1085445086



Edited 1 time(s). Last edit at 12/22/2020 04:06PM by 1085445086.
(編輯記錄)

(1).作業網址:
作業02網址

(2).請回答以下問題:
1.製作主題: 70% / 萬有引力歌詞
2.加入新效果愈呈現的風格為何:使用了岩漿的照片,帶出想要反擊對方的情境,場面很火烈 / 使用了粉嫩嫩的糖果圖,帶出歌詞甜甜的意境
3.遇到的問題?花比較長的時間在摸索youtube的影片和小logo怎麼放上去
4.花多少時間製作:1小時半左右
5.製作心得:此次的作業做起來非常有趣!讓我變得更喜歡網頁設計,雖然要背很多的語法,但我想,多做就能熟能生巧了吧!

視傳2A,1085445041

(1).作業網址:
作業02網址


(2).請回答以下問題:
1.製作主題:歌詞網頁
2.加入新效果愈呈現的風格為何:可愛
3.遇到的問題? 有點混亂
4.花多少時間製作:幾小時
5.製作心得:好難喔

視傳2A 1085445037



Edited 2 time(s). Last edit at 11/24/2020 02:20PM by 余炫儒.
(編輯記錄)

(1).作業網址:
作業02

1.製作主題:進階/在你離開那一天
2.加入新效果愈呈現的風格為何:加入了自然和海浪,讓整體變得比較輕鬆
3.遇到的問題?很長漏掉細節,都是最後才發現
4.花多少時間製作:5~6小時
5.製作心得:要注意的細節變多了,但多樣性也同時變多了

班級:視傳2A,學號:1085445017



Edited 3 time(s). Last edit at 11/24/2020 03:02PM by 1085445017.
(編輯記錄)

(1).作業網址:
作業02網址

(2).請回答以下問題:
1.製作主題:男子漢 踮起腳尖愛
2.加入新效果愈呈現的風格為何:熱血跟情感
3.遇到的問題? 有時候會打錯字
4.花多少時間製作: 4個小時
5.製作心得:眼睛很乾



Edited 3 time(s). Last edit at 12/22/2020 03:03PM by 吳旻奎.
(編輯記錄)

(1)作業02網址

(2).請回答以下問題:
1.製作主題: 靜悄悄-歌詞 / HUSTLE- 歌詞

2.加入新效果愈呈現的風格為何:(前) 使用了淡藍色的風格,有種夢幻泡泡感覺與愛情的感覺,帶出歌詞甜甜的意境 / (後) 煙火的照片與DJ照片帶有熱血與很嗨的感受 。

3.遇到的問題?有時程式寫的太像,所以會放錯地方,打開看成果時都會有意外發生,所以很緊張。

4.花多少時間製作:2小時半左右

5.製作心得: 在作的過程要記很多東西,有時會慌,但是做出來的成品會讓人很有成就感。

視傳2B,1085445052



Edited 1 time(s). Last edit at 11/24/2020 03:12PM by 1085445052.
(編輯記錄)

作業02網址

1.製作主題:徐佳瑩的歌
2.加入新效果愈呈現的風格為何:增加與主題相似的色彩的照片,增加豐富感
3.遇到的問題:照片大小太小,但找其他照片就可以了
4.花多少時間製作:2小時
5.製作心得:製作過程中雖然有遇到一些小麻煩,但是經過老師的教導已經修改好,修改好之後也很有成就感



Edited 1 time(s). Last edit at 11/24/2020 03:09PM by 1085445001.
(編輯記錄)

作業02網址

(2).請回答以下問題:
1.製作主題:微微的傷心感
2.加入新效果愈呈現的風格為何:更加的有情意更有風格
3.遇到的問題? 改顏色的編程有點頭痛,常常顏色不對版
4.花多少時間製作:4
5.製作心得 0:很有趣但是每次上完課頭都有點痛,但是看到美美的網頁又很有成就感

班級視傳2A,學號1085445067

(1).作業網址:
http://my.cute.edu.tw/~1085445013/hw02-1085443041/

(2).請回答以下問題:
1.製作主題:裝睡的人/你他我
2.加入新效果愈呈現的風格為何:溫暖活潑感/憂鬱感,在畫面上比較平靜,但在音樂上又有一點點漣漪感。
3.遇到的問題? 圖片上船及語法問題,都有順利解決
4.花多少時間製作:5-6小時。
5.製作心得:這次的作業比上次的困難很多,但很幸好有朋友及老師的幫忙順利做出來,看到成品覺得很開心!
視傳2B,1085443041

MEPOERs said:
JinJin: http://my.cute.edu.tw/~1085443041/hw02-1085443041/
(1).作業網址:
http://my.cute.edu.tw/~1075445078/hw02-1075445078/index.html

(2).請回答以下問題:
1.製作主題:歌詞
2.加入新效果愈呈現的風格為何:憂鬱風
3.遇到的問題?無
4.花多少時間製作:1天
5.製作心得:背景圖片無法放置

班級,學號 - 視傳3B-1075445078

(1).作業網址:
作業02網址


(2).請回答以下問題:
1.製作主題:衛星Satellite/冷血
2.加入新效果愈呈現的風格為何:星空的感覺、血紅天空的感覺
3.遇到的問題?目前沒有
4.花多少時間製作:30分鐘~1小時
5.製作心得:有些地方比較複雜需要花點時間來研究,不過老師講義都很清楚,所以沒有什麼太大的問題。

班級 視傳2B,學號 1085445046



Edited 1 time(s). Last edit at 11/24/2020 05:09PM by 1085445046.
(編輯記錄)

(1).作業網址:
作業02網址
(2).請回答以下問題:
1.製作主題:山海、爛泥
2.加入新效果愈呈現的風格為何:清新風格
3.遇到的問題?都有解決了
4.花多少時間製作:2小時
5.製作心得:這次比較複雜,學到很多。

(1).作業網址:
作業02網址

(2).請回答以下問題:
1.製作主題:
たぶん / YOASOB+思想犯/ヨルシカ
2.加入新效果愈呈現的風格為何:
加入歌曲MV截圖
3.遇到的問題?
自己需要一點時間辨識一些代碼
4.花多少時間製作:2-3小時
5.製作心得:
加入一些效果之後整個網頁就變得更精緻了,東西其實不難,只是需要時間記住哪個代碼是對哪個作用這類的而已。

視傳2A 1085445021

(1).作業網址:
作業02網址

(2).請回答以下問題:
1.製作主題:天空之外、最燃的冒險
2.呈現之配色風格:冷、暖
3.有無遇到的問題? 對rgba不太熟悉
4.花多少時間製作:5~6小時
5.製作心得:覺得很有趣

視傳3B,1075445091



Edited 2 time(s). Last edit at 12/08/2020 02:04PM by 1075445091.
(編輯記錄)

(1).作業網址:
作業02網址

(2).請回答以下問題:
1.製作主題: 像是一顆星星/刻在我心底的名子
2.加入新效果愈呈現的風格為何: 溫馨的感覺
3.遇到的問題? 無
4.花多少時間製作: 5-6小時。
5.製作心得: 在製作過程中,有時候會做到混亂,完成後會有一點點小成就感!

視傳2A / 1085455031



Edited 2 time(s). Last edit at 12/07/2020 10:57PM by 1085445031.
(編輯記錄)

(1).作業網址:
作業02網址
(2).請回答以下問題:
1.製作主題:歌詞
2.加入新效果愈呈現的風格為何:給人一種舒服的感覺和強烈對比
3.遇到的問題?有點難 上傳也花了不少時間 其中一個歌詞 中間有一條白色的空間 但找不到錯誤處~有先和老師說過了
4.花多少時間製作:大概2個多禮拜
5.製作心得:雖然老師一步一步教,但還是有點難度!



Edited 6 time(s). Last edit at 12/22/2020 02:14PM by 1085445074.
(編輯記錄)

(1).作業網址:
http://my.cute.edu.tw/~1085445033/hw02-1085445033/index.html

(2).請回答以下問題:
1.製作主題::lemon/煙幕
2.加入新效果愈呈現的風格為何:活潑/更突顯主題
3.遇到的問題?目前還OK
4.花多少時間製作:3-4
5.製作心得:棒棒的~感覺更比上一個更完整~

班級:視傳2A
學號:1085445033

作業02網址

1.製作主題:七彩
2.加入新效果愈呈現的風格為何:明亮燦爛
3.遇到的問題?無
4.花多少時間製作:3小時
5.製作心得:理解後很簡單

視傳3b 1075445046

(1).作業網址:
作業02網址

(2).請回答以下問題:
1.製作主題:很久以後/顆粒季
2.加入新效果愈呈現的風格為何:憂鬱/輕快、活潑
3.遇到的問題? 無
4.花多少時間製作:3小時
5.製作心得:雖然有點複雜,可是完成後很有成就感

視傳3B,1085445048

(2).請回答以下問題:
1.製作主題:小清新
2.加入新效果愈呈現的風格為何 自然風格
3.遇到的問題?如何用得更好
4.花多少時間製作:1h
5.製作心得:好難

班級 視傳2b,學號1085445068

MEPOERs said:
JinJin: http://my.cute.edu.tw/~1085445068/hw02-1085445068/
作業02網址

(2).請回答以下問題:
1.製作主題:感性
2.加入新效果愈呈現的風格為何:小文藝
3.遇到的問題?圖片容易不見跑不出來
4.花多少時間製作:兩天
5.製作心得:
好累,但做出來很有成就感
視傳2B,1085445070

MEPOERs said:
JinJin: 第二頁導覽列及連結有誤
[作業02]html-css

(1).作業網址:作業02網址

(2).請回答以下問題:
1.製作主題:你會在哪呢/保持帥哥。
2.加入新效果愈呈現的風格為何:第一首:你會在哪呢增加了下雪的地方有一個房子的圖片,背景增加了和前面所說到的房子圖片是運用一樣的圖片只是把它放大,想呈現寒冷的感覺,開頭的地方用了藍紫漸層色有加透明度,版權的地方也用了和開頭的地方一樣的顏色只是把它相反過來,整體營造出了冷色調的感覺,我會想做冷色調的原因是因為這首歌的旋律給我的感覺很淒涼,所以我想做冷色調、第二首:保持帥哥增加了饒舌人物站在荒郊野外上的圖片,背景增加了一樣是在荒郊野外上面有三棟房子的圖片,想呈現一種酷酷痞痞活潑的感覺,開頭的地方用了紅橘漸層色有加透明度,版權的地方也用了和開頭的地方一樣的顏色只是把他相反過來,整體營造出了暖色調酷酷痞痞活潑的感覺,我會想做暖色調酷酷痞痞活潑的感覺是因為我覺得這首個的旋律很活潑,然後唱這首歌的人叫呂士軒,我覺得他給我的感覺就是酷酷痞痞的感覺,所以我就套用在我的風格上。
3.遇到的問題?和作業01一樣的問題,導覽列切換歌的部分,程式碼打的沒問題,但做出來就怪怪的,不知問題出在哪。
4.花多少時間製作:4~5小時。
5.製作心得:在做的過程中覺得複雜,程式碼很眼花撩亂,但是做出來覺得很開心很有成就感,第一次能有自己的一個創作網頁很開心!

視傳2B,1085445018



Edited 5 time(s). Last edit at 12/19/2020 05:04PM by JinJin.
(編輯記錄)

(2).請回答以下問題:
作業02網址

1.製作主題:莫蘭迪色
2.加入新效果愈呈現的風格為何:優美、淡淡的哀傷
3.遇到的問題?
4.花多少時間製作:2HR
5.製作心得:還行

班級 視傳2A 學號1085445015



Edited 2 time(s). Last edit at 12/29/2020 02:13PM by JAMIE1103.
(編輯記錄)

(1).作業網址:
http://my.cute.edu.tw/~1085445014/hw02-1085445014/index.html
(2).請回答以下問題:
1.製作主題:Try to Find/I Think I'm OKAY
2.加入新效果愈呈現的風格為何:符合歌曲氛圍的
3.遇到的問題?找要改哪一行語法很花時間
4.花多少時間製作:2-3小時
5.製作心得:很花時間,一不小心打錯行直接全毀
視傳2A 1085445014



Edited 3 time(s). Last edit at 12/22/2020 02:14PM by 1085445014.
(編輯記錄)

作業02網址

1.製作主題:歌詞
2.加入新效果愈呈現的風格為何:惆悵的感覺
3.遇到的問題:常常改錯
4.花多少時間製作:2小時
5.製作心得:好難

視傳2A 1085445055 潘梵熙



Edited 1 time(s). Last edit at 12/22/2020 02:59PM by 1085445055.
(編輯記錄)

MEPOERs said:
JinJin: 確認影片連結
(1).作業網址:
作業02網址

(2).請回答以下問題:
1.製作主題:英文歌
2.加入新效果愈呈現的風格為何:呈現復古的感覺~
3.遇到的問題?做到後面會開始亂掉,找不到自己錯的地方,需要捉摸一段時間...
4.花多少時間製作:5~6小時
5.製作心得:做的過程很複雜,但完成有成就感,感覺比之前更進步一點點

視傳2A 1085445063

(1).作業網址:
作業02網址

(2).請回答以下問題:
1.製作主題:食物鏈上-不好說/DANCE MONKEY
2.加入新效果愈呈現的風格為何:上了圖片背景後,原色調融合了MV上的色調或圖片,顯得比較憂鬱及活潑好動的感覺
3.遇到的問題? 圖片出不來、影片出不來、上傳時網址出不來
4.花多少時間製作:5-6個小時
5.製作心得:完成後覺得很有成就感,雖然沒有做到很好,但也能藉著這個作業慢慢的進步

班級,視傳2A 學號1085445011

作業02

作業02
作業02網址


製作主題:黑暗世界的感覺
遇到的問題?一直遇到圖片沒有出現
花多少時間製作:3小時
製作心得:製作網頁過程中一直遇到困難,但還是做完了~很有成就感!
視傳2A 1085445039



Edited 2 time(s). Last edit at 12/22/2020 04:11PM by 1085445039.
(編輯記錄)

1).作業網址:
作業02網址

(2).請回答以下問題:
1.製作主題:Dream
2.加入新效果愈呈現的風格為何:Nature
3.遇到的問題? Nope
4.花多少時間製作:9
5.製作心得:So dificult

2A,1085445059

(1).作業網址:
作業02網址

(2).請回答以下問題:
1.製作主題:小清新
2.加入新效果愈呈現的風格為何:多色彩
3.遇到的問題? 沒有
4.花多少時間製作:7小時
5.製作心得:很有成就感

班級 視傳2B 學號1085445044

作業網址:作業02網址

1.製作主題:黃鴻升死前最後的演唱會
2.加入新效果愈呈現的風格為何:浪漫、絢麗的
3.遇到的問題? 一開始沒注意到main沒有結尾導致最後的footer沒有直接貼合在最底部
4.花多少時間製作:幾乎都是課外的時間製作,也幾乎都會去徹底了解每個語法的用法差別,花了蠻多時間去研究,沒特別記時間,上課時都在教同學QAQ
5.製作心得:寫網頁很快樂,能學到很多東西,雖然有些版面上的問題我都自己測試很久,試試看是甚麼效果,去更深入的理解為甚麼這樣寫,這樣寫有甚麼意義,但每當做完一個部分都很有成就感。

1075445094,李秉澤



Edited 2 time(s). Last edit at 12/22/2020 05:05PM by 1075445094.
(編輯記錄)

(1).作業網址:
作業02網址

(2).請回答以下問題:
1.製作主題:浪漫、暖心
2.加入新效果愈呈現的風格為何:淡入淡出、背景圖片透明
3.遇到的問題?相隔一段時間都忘光了
4.花多少時間製作:2~3
5.製作心得:呈現的效果很好很漂亮,質感比預期的好多了

班級:視傳2B,學號1085445006

(1).作業網址:
作業02網址

(2).請回答以下問題:
1.製作主題:千萬花蕊慈母悲哀/HIP 歌詞
2.加入新效果愈呈現的風格為何:復古/螢光現代感
3.遇到的問題?圖片大小方面拿捏不好
4.花多少時間製作:5-6小時
5.製作心得:逐漸變得複雜了

視傳2B-1085445042-吳云琦

http://my.cute.edu.tw/~1075445041/hw02-1075445041/

1.製作主題:歌詞 至姍姍來遲的你跟擋一根
2.加入新效果愈呈現的風格為何:可愛甜美風跟髒髒灰灰抽菸風
3.遇到的問題?漸層有點問題還有圖片檔案常常用不好
4.花多少時間製作:很久很久不要問我到底有多久我腦袋快炸裂
5.製作心得:看似很簡單但是我覺得好難QQ要一直反覆去看才知道該怎麼做..目前來說還可以啦

MEPOERs said:
JinJin: 第一頁圖檔失聯
作業02網址

(2).請回答以下問題:
1.製作主題:蔡健雅
2.加入新效果愈呈現的風格為何:輕鬆.文青.簡約
3.遇到的問題?:很多不知道該怎麼設定的語法
4.花多少時間製作:幾個禮拜
5.製作心得:網頁設計真的好難.但是對未來有很多的幫助 我會好好學習ㄉ

班級視傳2B學號1085445022

MEPOERs said:
JinJin: 圖片?
(1).作業網址:
作業02網址

(2).請回答以下問題:
1.製作主題:彩色人生
2.加入新效果愈呈現的風格為何:
3.遇到的問題?
4.花多少時間製作:5.6小時
5.製作心得:還有要努力的地方要多多加油

視傳2B 1085445032

(1).作業網址:
作業02網址

(2).請回答以下問題:
1.製作主題:米津玄師:peace sign 。米津玄師:lemon
2.加入新效果愈呈現的風格為何:單色風
3.遇到的問題? 很多問題~分不清楚淡入淡出與文字特效
4.花多少時間製作:6小時
5.製作心得:前面在做覺得很混亂感覺一輩子都做不出來,上網找老師給的講義才慢慢覺得還有點有救回來的感覺。到最後搞懂才把這些想的太複雜。

視傳2B,1085445056

(1).作業網址:
作業02網址

(2).請回答以下問題:
1.製作主題:
A : 如果我變成回憶 很久以後 歌詞
2.加入新效果愈呈現的風格為何:
A : 運用星空和海
3.遇到的問題?
A : 連結一直跑掉...
4.花多少時間製作:
A : 六到八小時吧
5.製作心得:
A : 常常一樣的內容放到檔案裡就是沒辦法顯現出來,超級挫折.....常需要尋求同學幫助才能順利完成...完成後也才有成就感。

視傳2A1085445045

(1).作業網址:
作業02網址

(2).請回答以下問題:
1.製作主題:不是因為天氣晴朗才愛你 長大以後
2.加入新效果愈呈現的風格為何:還不錯
3.遇到的問題?很多問題
4.花多少時間製作:很多
5.製作心得:

班級,學號
視傳2A 1085445047

(1).作業網址:
作業02網址

(2).請回答以下問題:
1.製作主題:以少女的配色與好天氣的顏色
2.加入新效果愈呈現的風格為何:加入圖片與影片
3.遇到的問題?光是置入圖片跟影片網址就弄得很久
4.花多少時間製作:四個小時
5.製作心得:覺得好難..

視傳2B,1085445034

02

(1).作業網址:
作業02網址

(2).請回答以下問題:
1.製作主題:彩色人生
2.加入新效果愈呈現的風格為何:
3.遇到的問題?
4.花多少時間製作:5.6小時
5.製作心得:還有要努力的地方要多多加油

視傳2B 1085445032

MEPOERs said:
JinJin: 底圖?
1085445032

(1).作業網址:
作業02網址

(2).請回答以下問題:
1.製作主題:彩色人生
2.加入新效果愈呈現的風格為何:自由
3.遇到的問題?
4.花多少時間製作:5.6小時
5.製作心得:還有要努力的地方要多多加油

視傳2B 1085445032

(1).作業網址:
作業02網址

(2).請回答以下問題:
1.製作主題:台灣歌
2.加入新效果愈呈現的風格為何:傳統名俗
3.遇到的問題? 一開始跟不太上,但是看了教學影片就了解了
4.花多少時間製作:3小時
5.製作心得:製作網頁是一件辛苦的事情,在完成的時候又發現自己又對網頁了解的更多了

班級:2B
學號:1085445036



Edited 1 time(s). Last edit at 12/22/2020 05:00PM by 1085445036.
(編輯記錄)

作業網址:
作業02網址

(2).請回答以下問題:
1.製作主題:我很快樂 / 很久以後
2.加入新效果愈呈現的風格為何:清新 / 悠閒
3.遇到的問題?? 覺得有點困難,英文很多,有點搞混。
4.花多少時間製作:兩個禮拜
5.製作心得:覺得很頭昏眼花,能做完真是開心。

視傳2B,1085445026,陳莛嬩

作業網址:
作業02網址

(2).請回答以下問題:
1.製作主題:刻在我心底的名字,愛情怎麼了嗎
2.加入新效果愈呈現的風格為何:愛情風
3.遇到的問題? 背景怎麼改都沒辦法改變全面板都是圖片。
4.花多少時間製作:1禮拜
5.製作心得:要理解CSS裡的東西真的很難

視傳2B,1085445008

作業網址:
作業02網址

(2).請回答以下問題:
1.製作主題:酷
2.加入新效果愈呈現的風格為何:酷酷的
3.遇到的問題?沒有
4.花多少時間製作:10秒
5.製作心得:太簡單

班級視傳2b,學號1085445078

MEPOERs said:
JinJin: 首頁需index.html,檔名不可取中文
作業網址:
作業02網址

(2).請回答以下問題:
1.製作主題:電影中
2.加入新效果愈呈現的風格為何:電影中的
3.遇到的問題?還好
4.花多少時間製作:1秒
5.製作心得:很複雜

班級 視傳2B,學號 1085445076

(1).作業網址:
作業02網址

(2).請回答以下問題:
1.製作主題:海洋婚禮
2.加入新效果愈呈現的風格為何:海洋+悲傷"喜慶"
3.遇到的問題?感覺很複雜
4.花多少時間製作:3-4小時
5.製作心得:可能是進度開始跟不上覺得很難很複雜

班級2B 學號1085445030

MEPOERs said:
JinJin: 第二頁連結http://my.cute.edu.tw/~1085445030/hw02-1085445030/next.html
(1).作業網址:
作業02網址

(2).請回答以下問題:
1.製作主題:青春、清新
2.加入新效果愈呈現的風格為何:跟歌詞的內容跟感覺比較搭
3.遇到的問題?怎麼用還是不會上傳網址,已經重試很多次了。
4.花多少時間製作:兩三個小時
5.製作心得:不難做,只是多加幾個東西,但是我做的很醜

班級:視傳2A 學號:1085445027



Edited 1 time(s). Last edit at 01/05/2021 04:48PM by 1085445027.
(編輯記錄)

(1).作業網址:
作業02網址

(2).請回答以下問題:
1.製作主題:米津玄師
2.加入新效果愈呈現的風格為何:她的專輯
3.遇到的問題? 背景圖片不好放,但看他一張一張的很像宣傳海報很好看,所以就不改他了!
4.花多少時間製作:三小時
5.製作心得:老師教得很好 沒有捨麼太大的問題!

班級視傳2B,學號1085445028



Edited 2 time(s). Last edit at 12/29/2020 04:56PM by 1085445028.
(編輯記錄)

(1).作業網址:
作業02網址

(2).請回答以下問題:
1.製作主題:簡單的粉色
2.加入新效果愈呈現的風格為何:不單調
3.遇到的問題? : 常常改錯要多試試看
4.花多少時間製作:五天
5.製作心得:覺得很複雜 但還是有學到很多
視傳系 2 A 1085445043

作業02網址

1.製作主題:演員/美人魚
2.加入新效果愈呈現的風格為何:虛幻感
3.遇到的問題?都很有問題後來是一步一步來過才處理好
4.花多少時間製作:10幾小時有
5.製作心得:網頁設計非常困難,後來教學的步伐直接太快跟不上只能慢慢摸索跟問人

視傳2A,1085445035



Edited 2 time(s). Last edit at 12/31/2020 03:02PM by 1085445035.
(編輯記錄)

1).作業網址:
作業02網址

(2).請回答以下問題:
1.製作主題:粉紅色
2.加入新效果愈呈現的風格為何:看起來比較美觀
3.遇到的問題? 看到很多亂碼會混亂....
4.花多少時間製作:三四個小時
5.製作心得:我覺得真的太難了

視傳2b 1085445012

MEPOERs said:
JinJin: 底圖?
(1).作業網址:
作業02網址

(2).請回答以下問題:
1.製作主題:I like me better / Die trying
2.加入新效果愈呈現的風格為何:增加圖片與圖示以及淡出淡入效果,使歌詞頁面更加豐富。
3.遇到的問題? 比起作業1,多了些新效果,製作起來更為複雜困難。
4.花多少時間製作:3-4小時
5.製作心得:雖然難易度增加,但能學習到更多網頁設計方面的技能,做出自己想要的頁面風格。

視傳2B 1085445084

(1).作業網址:
作業02網址

(2).請回答以下問題:
1.製作主題:橫溢吉他社
2.加入新效果愈呈現的風格為何:輕飄飄
3.遇到的問題?:沒
4.花多少時間製作:2-3小時
5.製作心得:坐起來滿有成就感的

視傳二A 林國為

(1).作業網址:
作業02網址

(2).請回答以下問題:
1.製作主題:奇怪的
2.加入新效果愈呈現的風格為何:淡入
3.遇到的問題?找不到好的圖片
4.花多少時間製作:30分
5.製作心得:搞清楚的話不會很難

視傳2b 1085445054

MEPOERs said:
JinJin: 導覽列有誤,底圖?
(1).作業網址:
作業02網址 http://my.cute.edu.tw/~1085445064/hw02-1085445064/

(2).請回答以下問題:
1.製作主題:彩色。
2.加入新效果愈呈現的風格為何:可愛
3.遇到的問題? 沒有
4.花多少時間製作:50分鐘
5.製作心得:還不錯

視傳2B,1085445064

作業02網址


1.製作主題:夢一場
2.加入新效果愈呈現的風格為何:黯淡
3.遇到的問題? 到處都是問題
4.花多少時間製作:1天
5.製作心得:真得很難

班級,視傳3B 學號1075445097

http://my.cute.edu.tw/~1085445068/hw02-1085445068/

(2).請回答以下問題:
1.製作主題:給你宇宙
2.加入新效果愈呈現的風格為何:粉紅可愛風
3.遇到的問題?歌詞連結常常連不到
4.花多少時間製作:5小時
5.製作心得:好難

班級,學號
視傳2B,1085445068

作業02網址

(2).請回答以下問題:
1.製作主題:孫盛希
2.加入新效果愈呈現的風格為何:文青簡約 戀愛/分手
3.遇到的問題? 不知道怎麼放背景圖
4.花多少時間製作:2小時
5.製作心得:有越來越熟悉 但開始變難了

視傳2A 1085445007



Edited 1 time(s). Last edit at 01/11/2021 05:48PM by 1085445007.
(編輯記錄)

(1).作業網址:
作業02網址

(2).請回答以下問題:
1.製作主題:與男友的主題
2.加入新效果愈呈現的風格為何:圖片滑下來顏色有變化
3.遇到的問題?放入圖片與連結很難
4.花多少時間製作:兩天
5.製作心得:覺得做出來很有成就感,不過真的太難了

班級視傳2a,學號1085445025

(1).作業網址:
作業02網址

(2).請回答以下問題:
1.輕輕/媽的天兵
2.加入新效果愈呈現的風格為何:空靈感
3.遇到的問題? 要找到對應的css還是蠻難的 很需要時間
4.花多少時間製作:4~5小時
5.製作心得:因為有很多參考資料 所以並沒有想性中困難

視傳2B,1085445082

(1).作業網址:
作業02網址

(2).請回答以下問題:顏色問題不知道怎麼用
1.製作主題:擋一根/濕了分寸
2.加入新效果愈呈現的風格為何:悲傷
3.遇到的問題? 時間不足
4.花多少時間製作:一個月
5.製作心得:很費腦袋

班級竹視傳2B,學號1085445004

(1).作業網址:
作業02網址

(2).請回答以下問題:
1.製作主題:不曾回來過/你的酒館對我打了烊
2.加入新效果愈呈現的風格為何:溫柔的醉
3.遇到的問題? 時間不足
4.花多少時間製作:一個月
5.製作心得:爆肝

班級竹視傳2B,學號1085445020

(1).作業網址:
作業02網址 http://my.cute.edu.tw/~1085445066/hw02-1085445066/


(2).請回答以下問題:
1.製作主題:抒情歌 。
2.加入新效果愈呈現的風格為何:依內容主題搭配適合的顏色
3.遇到的問題? 遇到瓶頸會向導師求助
4.花多少時間製作:5-6小時。
5.製作心得:還不錯

視傳2b,1085445066

(1).作業網址:
作業02網址file:///C:/Users/Lib-B105/Desktop/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%8833/hw02-1095445039/index.html

(2).請回答以下問題:
1.製作主題:情人系列。
2.加入新效果愈呈現的風格為何:溫柔
3.遇到的問題? 語法還是好難喔
4.花多少時間製作:120分鐘
5.製作心得:做完有成就感

視傳2A,1095445039