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

Advanced

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

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

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

1. 製作說明


歌詞作業範例:http://jinjin.mepopedia.com/~jinjin/hw/hw01

1.請參考

[講義] html-css基礎概念練習-歌詞篇製作說明 的步驟製作。

2.每個同學記得在title的部分打上『歌詞名稱』。

3.自行選擇兩首歌詞,設定歌詞風格,依照所設定風格進行配色。

4.footer請設定個人的專屬版權聲明,並註明『本網頁為作業之用,如有侵權敬請告知』字樣。

5.以FileZilla上傳至FTP

6.本次作業的重點在於:

(1)認識基礎html網頁架構、標題設定、連結設定。
(2)認識css基礎語法,利用單純色彩搭配字體,設計出具有符合歌詞意境的網頁。
(3)學會利用FileZilla上傳自己製作的網頁到雲端空間,成為自己專屬的網頁。

2. 教學影片


1.HTML CSS基礎概念練習一 html架構與內容建置

https://youtu.be/Uq011dmJkv8




2.HTML-CSS基礎概念練習(二) css視覺設定解析

https://youtu.be/sqEV6TSnxDw



3. 繳交作業方式


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


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

每位同學請將自己的資料夾命名為:hw01-學號

主機名稱: my.cute.edu.tw
使用者: 學號
密碼: 單一入口密碼


這個作業的網址則為:
http://my.cute.edu.tw/~1085445XXX/hw01-1085445XXX/

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

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

2. 以FileZilla上傳至FTP


3. 回覆本篇文章


(1).作業網址:
<a href="http://my.cute.edu.tw/~1085445XXX/hw01-1085445XXX/" target="_blank">作業01網址</a>
(2).請回答以下問題:
1.製作主題:
2.呈現之配色風格:
3.有無遇到的問題?
4.花多少時間製作:
5.製作心得:

班級,學號



學長姐範例:
http://cute.mepopedia.com/~web107a/hw01/hw01-1055440119-1/
http://cute.mepopedia.com/~web107a/hw01/hw01-1075445010/



Edited 4 time(s). Last edit at 11/10/2020 03:19PM by JinJin.
(編輯記錄)

(1).作業網址:
http://my.cute.edu.tw/~1085445055/hw01-1085445055/



1.製作主題:深色與亮色
2.呈現之配色風格:暖冷色搭配
3.有無遇到的問題:css不熟悉
4.花多少時間製作:90分鐘
5.製作心得:學會做網站很棒

班級:視傳2A 學號:1085445055



Edited 4 time(s). Last edit at 11/10/2020 03:10PM by 1085445055.
(編輯記錄)

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

1.製作主題:符合歌詞內容的感受,前(比較文清)、後(比較熱血)

2.呈現之配色風格:前面是一藍色(夢幻風)後面是以紅色(嘻哈風)

3.有無遇到的問題:語法容易搞混

4.花多少時間製作:2-3小時

5.製作心得:學習時有時很慌亂,但是做出成品時很有成就

班級:視傳2B 學號:1085445052



Edited 1 time(s). Last edit at 11/10/2020 04:00PM by 1085445052.
(編輯記錄)

作業01網址

1.製作主題:日文歌 RESISTER/Unlasting
2.呈現之配色風格:藍色調/黃紫撞色
3.有無遇到的問題?沒有遇到太大問題
4.花多少時間製作:2~3小時
5.製作心得:第一次完成網頁,蠻有成就感的

班級:視傳2A
學號:1085445083



Edited 1 time(s). Last edit at 11/10/2020 02:46PM by 1085445083.
(編輯記錄)

作業網址:
作業01網址


1.製作主題:符合歌詞內容的感覺
2.呈現之配色風格:溫馨/開朗
3.有無遇到的問題?無
4.花多少時間製作:3小時
5.製作心得:第一次架設基礎的網站,算小有成就感。


視傳2A,學號1085445031

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

(2).請回答以下問題:
1.製作主題:陰鬱 不屑大膽
2.呈現之配色風格:符合兩首歌不同的心境 一首較為陰鬱 另一首表達自己的想法不屑 大膽
3.有無遇到的問題?常常會對語法很錯亂 找不到要改變的語法在哪
4.花多少時間製作:1個多小時
5.製作心得:製作網頁的人辛苦了

班級(視傳2A)
學號(1085445014)



Edited 1 time(s). Last edit at 11/17/2020 02:39PM by 1085445014.
(編輯記錄)

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

(2).請回答以下問題:
1.製作主題:歌詞
2.呈現之配色風格:橘色藍色
3.有無遇到的問題? 有時候程式碼跑掉
4.花多少時間製作: 應該蠻久的
5.製作心得:
有時候是很好玩,但遇到不會解的時候就很阿雜。

班級:視傳2A 學號:10854450407

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

(2).請回答以下問題:
1.製作主題: 歌詞
2.呈現之配色風格:橘色 藍色
3.有無遇到的問題? 有時候程式碼會亂掉,分不清楚哪個是哪個
4.花多少時間製作:蠻多時間的
5.製作心得:
我覺得完成作品很有趣很有成就感,但真的要一步一步慢慢來啦!

視傳2A 1085445045

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

(2).請回答以下問題:
1.製作主題:進階 在你離開那一天
2.呈現之配色風格:輕快
3.有無遇到的問題?名稱要注意
4.花多少時間製作:3小時
5.製作心得:做到眼花太多細節

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

作業01網址

1.製作主題:lemon/煙幕
2.呈現之配色風格:黃色/紫灰色
3.有無遇到的問題?整體有點小複雜 但是只要用心就能理解!
4.花多少時間製作:1-2小時
5.製作心得:覺得學會這些很棒很厲害~

視傳2A 1085445033

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

(2).請回答以下問題:
1.製作主題:徐佳盈的兩首歌,搭配文青低調主題。
2.呈現之配色風格:深色配色,一到點選的地方時會有跟主題顏色相反的溫暖色。
3.有無遇到的問題:基本上沒遇到什麼問題,就是有一些自己打的會有錯字,在做css時會有問題,但這些問題也非常好玩,會覺得原來只是錯小小的地方。
4.花多少時間製作:一小時。
5.製作心得:覺得網頁設計真的非常有趣,css也非常的好玩,覺得下學期沒開網頁設計的課真的非常可惜,想要再多學學更深入的網頁設計,老師也教得很好,也很耐心地回答我們的問題。

視傳2A 1085445001



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

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

(2).請回答以下問題:
1.製作主題:男子漢
2.呈現之配色風格:橘色跟紫色
3.有無遇到的問題? 區隔
4.花多少時間製作:30分
5.製作心得:眼睛很痛

視傳2A 吳旻奎

作業01網址

請回答以下問題:
1.製作主題:傷心文青憂鬱
2.呈現之配色風格:因為我的歌都有點憂鬱所以都是用冷色的然後相近的顏色。
3.有無遇到的問題?:有時候會看得有點眼花
4.花多少時間製作:1個多小時
5.製作心得:網頁設計雖然有點困難,但是我覺得挺好玩的,尤其是改顏色的時候,然後寫編成的時候有寫成功的時候我會覺得有成就感,看到自己編出的網頁可以順利運用我有點想跟別人炫耀哈哈哈。
班級視傳2A
學號1085445067

作業一網址



1.製作主題:
たぶん / YOASOB+思想犯/ヨルシカ
2.呈現之配色風格:依據歌曲MV、歌詞風格配色
3.有無遇到的問題?無
4.花多少時間製作:2~3小時
5.製作心得:第一次寫網頁很新鮮

作業網址:
作業01網址

(2).請回答以下問題:
1.製作主題:
2.呈現之配色風格:灰暗的感覺
3.有無遇到的問題?一直打錯程式碼
4.花多少時間製作:90分鐘
5.製作心得:好難哦~

班級視傳2A學號1085445039



Edited 2 time(s). Last edit at 01/05/2021 02:22PM by 1085445039.
(編輯記錄)

(1).作業網址:
http://my.cute.edu.tw/~1085445053/hw01-1085445053/next.html



1.製作主題:恆毅吉他10屆獨立大成《毅猶未盡》
2.呈現之配色風格:冷色與高調的色
3.有無遇到的問題:語法很難記
4.花多少時間製作:一小時
5.製作心得:學會新技能很開心

班級:視傳2A 學號:1085445053



Edited 2 time(s). Last edit at 11/10/2020 03:12PM by 這甚麼到底甚麼閃現.
(編輯記錄)

作業01網址

1.製作主題:演員/美人魚
2.呈現之配色風格:使用黑灰深淺表達歌詞中演員的辛酸苦澀/如同人魚在海洋深處隱隱顯現的色彩
3.有無遇到的問題?仍會把一些語法搞混
4.花多少時間製作:半小時至一小時
5.製作心得:還是有點困難,在製作網頁的部分。但完成很有成就感

班級:視傳2A 學號:1085445035

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

(2).請回答以下問題:
1.製作主題:歌詞
2.呈現之配色風格:偏藍
3.有無遇到的問題?有一點
4.花多少時間製作:幾周
5.製作心得:好難喔

視傳2A 學號1085445037



Edited 1 time(s). Last edit at 11/10/2020 03:09PM by 余炫儒.
(編輯記錄)

(1).作業網址:
作業01網址
(2).請回答以下問題:
1.製作主題:歌詞練習
2.呈現之配色風格:亮色系
3.有無遇到的問題?不熟悉軟體和語法
4.花多少時間製作:100分鐘
5.製作心得:有點難 有點複雜

視傳2A 學號1085445074



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

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

(2).請回答以下問題:
1.製作主題:70% / 萬有引力
2.呈現之配色風格:不同明度的紅色,呈現反擊的感覺 / 不同明度的粉色,呈現戀愛甜甜的感覺
3.有無遇到的問題? 無。
4.花多少時間製作:半小時至一小時
5.製作心得:過程滿有趣的,只是多少會卡住

視傳2A 1085445041

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

(2).請回答以下問題:
1.製作主題: 小老婆/美秀集團
2.呈現之配色風格: 墨綠色
3.有無遇到的問題? 有,程式碼好難,完全看不懂
4.花多少時間製作: 一個禮拜
5.製作心得: 不知道位置該怎麼擺 有聽沒有懂

班級,學號
視傳2A 1085445023 陳冠婷

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

(2).請回答以下問題:
1.製作主題:Dream
2.呈現之配色風格:Art
3.有無遇到的問題? No
4.花多少時間製作:5-6 Hour
5.製作心得:Feeling good and easy to learn,that let me learned a lot things from teacher.

班級2A,學號1085445059

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

(2).請回答以下問題:
1.製作主題:歌詞練習
2.呈現之配色風格:莫蘭迪色
3.有無遇到的問題?不熟悉語法
4.花多少時間製作:2HR
5.製作心得:有點難 複雜

班級 視傳2A 學號1085445015

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

(2).請回答以下問題:
1.製作主題:藍色
2.呈現之配色風格:以mv的顏色來做發想
3.有無遇到的問題? 在打程式十一直用不了
4.花多少時間製作:3-4個小時
5.製作心得:第一次自己做網頁 能完成覺得很厲害

班級 視傳2A,學號 1085445011

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

(2).請回答以下問題:
1.製作主題:現代與舊式

2.呈現之配色風格:一首對比強烈,另一首比較平穩

3.有無遇到的問題?無

4.花多少時間製作:2~3小時

5.製作心得:偶爾一不注意就會錯亂,需要更專注

班級:視傳2B 學號:1085445042 姓名:吳云琦



Edited 2 time(s). Last edit at 11/10/2020 03:45PM by 1085445042.
(編輯記錄)

作業01網址

(2).請回答以下問題:
1.製作主題:歌詞
2.呈現之配色風格:黑白極簡
3.有無遇到的問題?無
4.花多少時間製作:半天
5.製作心得:很有趣

班級,學號 視傳 3B-1075445078-蔡宇綾

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

(2).請回答以下問題:
1.製作主題:衛星Satellite/冷血 歌詞
2.呈現之配色風格:藍色系配粉紫色系呈現外太空感、深紅色配黑色系呈現冷血感
3.有無遇到的問題?目前做起來都很順利
4.花多少時間製作:約30~1小時
5.製作心得:很有趣網頁其實沒有想像中難,看到呈現的作品有真的學到的感覺

班級 視傳2B,學號 1085445046

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

(2).請回答以下問題:
1.製作主題:歌詞 1.很久以後 2.顆粒季
2.呈現之配色風格:1.藍灰色,憂鬱、傷心的感覺 2.黃紅色,活潑可愛
3.有無遇到的問題? 沒有
4.花多少時間製作:1小時
5.製作心得:很有趣,有點難

班級 視傳2B,學號 1085445048

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

(2).請回答以下問題:
1.製作主題:起風了
2.呈現之配色風格:粉色
3.有無遇到的問題?歌曲名下面 歌詞上面的中間那段 左邊有黑點點
4.花多少時間製作:3個小時?
5.製作心得:第一次坐還不錯

班級,學號
視傳2B 1085445028

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

(2).請回答以下問題:

1.製作主題:1.櫻花櫻花想見你/2.Femme Fatale

2.呈現之配色風格:粉色/橘色

3.有無遇到的問題?歌詞下方有一區塊沒有滿版

4.花多少時間製作:1~2小時(總時數)

5.製作心得:很有趣,雖然只是製作歌詞,但是裡面有很多基礎的語法

班級:視傳2B,學號:1085445006



Edited 1 time(s). Last edit at 11/10/2020 04:00PM by 1085445006.
(編輯記錄)

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

(2).請回答以下問題:
1.製作主題:<你他我>、<裝睡的人>這兩首歌的內容都比較偏向悲傷、難過的氛圍,想傳達的心情跟歌聲都很符合我前陣子的感覺,所以我選擇這兩首歌曲!
2.呈現之配色風格:因為我覺得心情有點混濁,所以我選擇比較低彩度但有有點小活力的莫蘭迪色調。
3.有無遇到的問題?有,在選擇顏色及兩首歌相連結的部分有點小問題,但都有順利解決。
4.花多少時間製作:上課時間。
5.製作心得:因為這堂課才發現原來網頁的製作是這樣子!真的很特別也覺得很酷呢!學到很多網頁的基本概念跟製作方程式,期許未來也能學到一些很實用的網頁設計!

視傳二B 1085443041



Edited 1 time(s). Last edit at 11/10/2020 03:52PM by 郭珈妤.
(編輯記錄)

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

(2).請回答以下問題:
1.製作主題:no
2.呈現之配色風格:淡色
3.有無遇到的問題?no
4.花多少時間製作:不知
5.製作心得:好難

班級,學號
視傳2B 1085445054



Edited 4 time(s). Last edit at 11/10/2020 04:08PM by 1085445054.
(編輯記錄)

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

1.製作主題:紫 憂鬱
2.呈現之配色風格: 紫色主軸 漸淡
3.有無遇到的問題? 沒有
4.花多少時間製作: 不知道
5.製作心得: 好玩初體驗棒

班級:視傳2B,學號1085445044



Edited 1 time(s). Last edit at 11/10/2020 03:55PM by 1085445044.
(編輯記錄)

(1).作業網址:
http://my.cute.edu.tw/~1075445046/hw01-1075445046/

(2).請回答以下問題:
1.製作主題:略悲傷的再見煙火及陽光的稻香
2.呈現之配色風格:冷色調及暖色調
3.有無遇到的問題?無
4.花多少時間製作:三小時
5.製作心得:有點複雜但理解後就可了

班級視3b 學號1075445046

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


(2).請回答以下問題:
1.製作主題:盧廣仲的<刻在我心底的名字>跟<幾分之幾>
2.呈現之配色風格:藍色系及黃色系
3.有無遇到的問題?有的時候會突然卡住,但有講義就還好了
4.花多少時間製作:2-3小時
5.製作心得:做完之後覺得非常有成就感,因為是第一次接觸網頁設計

視傳2B,1085445008



Edited 2 time(s). Last edit at 11/10/2020 04:41PM by 1085445008.
(編輯記錄)

作業01網址

(2).請回答以下問題:
1.製作主題:浪漫的感覺
2.呈現之配色風格:紫色
3.有無遇到的問題?沒有做到連結另一首歌詞的部分
4.花多少時間製作:加起來大概兩小時
5.製作心得:自己沒有做得很好 但覺得很酷

視傳2B 1085445012

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

(2).請回答以下問題:
1.製作主題:Unlasting是刀劍神域 愛麗絲的角色歌曲;我的秘密這首個曲是稍快板的情歌
2.呈現之配色風格:她的個人風格顏色是金黃色搭配藍色線條點綴;歌手 紫棋給我的感覺有點浪漫紫色的感覺
3.有無遇到的問題? 其實還好 沒有很大的問題
4.花多少時間製作:1小時左右
5.製作心得:覺得很新鮮,平常看的網站可以知道怎麼製作很有收穫。

視傳2B,1085445086



Edited 2 time(s). Last edit at 01/05/2021 03:54PM by 1085445086.
(編輯記錄)

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

(2).請回答以下問題:
1.製作主題:神秘海洋 喜慶冥婚
2.呈現之配色風格:極深極淺明度對比配色
3.有無遇到的問題? 還好都有即時解決
4.花多少時間製作:1小時左右
5.製作心得:很複雜完成的成就感很強

班級 視傳2B 學號 1085445030

作業01網址

(2).請回答以下問題:
1.製作主題: 第一首 不曾回來過 第二首 你的酒館對我打了烊
2.呈現之配色風格: 第一首 深紅配灰 第二首深綠配灰
3.有無遇到的問題? 還好欸~
4.花多少時間製作: 很久之前做好的
5.製作心得: 老師很佛 不然我東西不會做 網頁真的很難

班級 竹視傳2B 學號 1085445020

(1).作業網址:

http://my.cute.edu.tw/~1075445041/hw01-1075445041/next.html

(2).請回答以下問題:
1.製作主題:輕鬆愉悅跟低沉
2.呈現之配色風格:活潑配色跟暗沉髒髒(菸的顏色)
3.有無遇到的問題?顏色太多讓我選擇性障礙
4.花多少時間製作:每堂課花30分鐘製作
5.製作心得:還滿好玩的,但如果沒有老師輔助的東西,會爆炸

班級,視傳3A
學號 1075445041

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

(2).請回答以下問題:
1.製作主題:少女風 / 開朗
2.呈現之配色風格:少女風的粉紅色/開朗的藍色與黃色配色
3.有無遇到的問題?CSS得設定有點複雜
4.花多少時間製作:大約2小時
5.製作心得:第一次做網頁覺得很酷!原來一個看起來簡單配色的網站其實背後之作過程很複雜很難。

視傳2B 1085445034

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

(2).請回答以下問題:
1.製作主題:流行音樂
2.呈現之配色風格:隨機
3.有無遇到的問題?不太會用顏色
4.花多少時間製作:超久
5.製作心得:做網頁真的不簡單

視傳2b,1085445078

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

(2).請回答以下問題:
1.製作主題:自由跟成熟
2.呈現之配色風格:
1.當你離開的時候風格: 自由 沁藍的感覺
雙棲動物:比較成熟,悲傷又帶有希望的感覺
3.有無遇到的問題?
製作時一直會容易遇到細節上的問題
不過面對完就沒事了!
4.花多少時間製作:好幾周
5.製作心得:
還是很謝謝老師得耐心指導,讓我在製作過程中學到很多,也謝謝老師為我們排解困難!
學到原來網頁配色是這來的!

班級:視傳2B學號:1085445022

作業01網址

(2).請回答以下問題:
1.製作主題:快樂與悲傷。
2.呈現之配色風格:活潑的黃色 以及 憂愁的大地色。
3.有無遇到的問題? 是沒有~只是程序有點複雜,沒有一步一步來真的不行。
4.花多少時間製作:有幾堂課,就有多久......
5.製作心得:網頁設計是一個學會了,會很有成就的東西,但還是好難。

視傳2B,1085445026



Edited 5 time(s). Last edit at 01/05/2021 12:56AM by JinJin.
(編輯記錄)

作業01網址

(2).請回答以下問題:
1.製作主題:歌詞
2.呈現之配色風格:配合主題
3.有無遇到的問題?製作困難
4.花多少時間製作:7、8小時
5.製作心得:有用,但對我很困難。

班級:視傳2B,學號1085445066



Edited 1 time(s). Last edit at 11/10/2020 05:49PM by 1085445066.
(編輯記錄)

(1).作業網址:
http://my.cute.edu.tw/~1075445088/hw01-1075445088/

(2).請回答以下問題:
1.製作主題:溫柔的感覺
2.呈現之配色風格:粉色系
3.有無遇到的問題?改語法的時候眼睛好痠
4.花多少時間製作:2-3小時
5.製作心得:架設過程覺得複雜無趣,但完成時頗有成就感。

班級:視傳3A
學號:1075445088

作業01網址

(2).請回答以下問題:
1.製作主題:兩首歌壓力與回憶
2.呈現之配色風格:第一首回憶過去所以淺色 第二首離開家打拼壓力大 所以重色
3.有無遇到的問題?有 但有自己慢慢找出解決問題
4.花多少時間製作:每堂課都在做
5.製作心得:覺得不錯 因為遇到問題目前比較簡單 都能自己解決

班級,學號
視傳2B 1085445062

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

(2).請回答以下問題:
1.製作主題:
重逢與分手的風格
2.呈現之配色風格:
主藍調。
3.有無遇到的問題?
顏色有時候
4.花多少時間製作:
2天
5.製作心得:
好累

視傳2B,1085445070

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

(2).請回答以下問題:
1.製作主題:so bad 永不失聯的愛
2.呈現之配色風格:mv風格
3.有無遇到的問題?很多問題
4.花多少時間製作:4個禮拜
5.製作心得:很燒腦

竹視傳2B 1085445076

作業01網址

1.製作主題:夕陽歌單
2.呈現之配色風格:黃紅色夕陽色調
3.有無遇到的問題? 有時候太快跟不上
4.花多少時間製作:2小時
5.製作心得:一開始不會做網頁,現在理解了許多製作網頁的方法謝謝老師。

班級2B 學號1085445036

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

(2).請回答以下問題:
1.製作主題:
配合歌詞改顏色
2.呈現之配色風格:
咖啡色文青風,粉色少女風
3.有無遇到的問題?
向外擴張的部分有點不熟
4.花多少時間製作:
上課時間
5.製作心得:
學的蠻有意義的,覺得有學到東西,老師教的內容難易度足夠,很讚

班級,視傳3A,學號1075445094

作業網址:
作業01網址

(2).請回答以下問題:
1.製作主題:米津玄師
2.呈現之配色風格:Lemon以黃色綠色作為風格有酸甜感,Peace Sign悲傷藍感
3.有無遇到的問題? 連結CSS的時候遇到寫一樣網址,都沒辦法更改
4.花多少時間製作:3個禮拜,總時間約12小時
5.製作心得:好玩又複雜的一門課程完全搞不懂自己在做甚麼東西~但是做完這一部分作業時有一種成就感~

班級:視傳2B,學號1085445056 簡伯叡

(1).作業網址:
http://my.cute.edu.tw/~1075445092/hw01-1075445092/

(2).請回答以下問題:
1.製作主題:歌曲
2.呈現之配色風格:藍色系
3.有無遇到的問題?蠻多的
4.花多少時間製作:蠻久的....
5.製作心得:老師教得很棒,是我吸收力不好,才學很慢哈哈

班級,學號
視3a-1075445092

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

(2).請回答以下問題:
1.製作主題:
挑選草東沒有派對這個樂團的兩首歌做為主題。
2.呈現之配色風格:
配合歌曲名稱,製作適合山海的藍色調以及適合爛泥名稱的綠色系,在打開後能夠有置身於其中的感受。
3.有無遇到的問題?
配色上挑選比較久,其他都還算跟得上。
4.花多少時間製作:
大約花5堂課的時間。
5.製作心得:
能夠挑選自己喜歡的歌曲下去製作歌詞很開心。

班級:視傳4C,學號:1065445053

作業01網址

(2).請回答以下問題:
1.製作主題:感情
2.呈現之配色風格:激烈的
3.有無遇到的問題?有
4.花多少時間製作:5小時
5.製作心得:很有趣,希望可以多多練習

班級視覺傳達2B,學號1085445032

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

(2).請回答以下問題:
1.製作主題:小星星/System歌詞。
2.呈現之配色風格:配合歌曲名和歌詞,所呈現之搭配為活潑橘和憂鬱藍對比色。
3.有無遇到的問題? 有,兩首歌連結的問題,沒有輸入正確就不能連結,但最後有成功解決!
4.花多少時間製作:2-3小時。
5.製作心得: 我覺得自己第一次做出一個網頁只要有小細節錯整個網頁格式就會跑掉,要找出問題都要很久有點困難,但最後成功做出來很有成就感。CSS調色那部分蠻有趣的~

視傳2A 1085445013

作業01網址

(2).請回答以下問題:
1.製作主題:感情
2.呈現之配色風格:分別藍色跟粉紅色 一個感覺很自在,一個帶點愛情的感覺
3.有無遇到的問題?無
4.花多少時間製作:5小時
5.製作心得:有點複雜,但是做完很有成就感


視傳2B,1085445068 郭恬榕

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

(2).請回答以下問題:
1.製作主題:阿兵哥風格/輕盈風格
2.呈現之配色風格:軍綠色/天空色
3.有無遇到的問題? 沒有
4.花多少時間製作:60分鐘
5.製作心得:意外的快速簡單

視傳2b,1085445082

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

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

視傳3B 1075445091

(1).作業網址:
http://my.cute.edu.tw/~1085445018/hw01-1085445018/

(2).請回答以下問題:
1.製作主題:(你會在哪呢)這首歌製作的比較(冷色調、寒冷的感覺)、(保持帥哥)這首歌製作的比較(暖色調、酷酷活潑的感覺)。
2.呈現之配色風格:第一首冷色寒冷風、第二首暖色酷酷活潑風。
3.有無遇到的問題?:導覽列切換歌的部分,程式碼打的沒問題,但做出來就怪怪的,不知問題出在哪。
4.花多少時間製作:2~3小時
5.製作心得:我覺得一看到程式碼頭腦就好複雜,然後有些程式碼的代號名字沒記住,但是能做出來很開心。

視傳2B,1085445018



Edited 1 time(s). Last edit at 11/10/2020 05:45PM by 陳維霆.
(編輯記錄)

1085445063

作業01網址

(2).請回答以下問題:

1.製作主題:

以相近顏色做為配色

2.呈現之配色風格:

以粉紅泡泡的感覺做為配色/以橘灰做為配色有復古的感覺

3.有無遇到的問題?

製作過程有時候會做到混亂

4.花多少時間製作:

5~6小時

5.製作心得:

第一次製作這種網頁設計,在製作過程中,有時候會做到混亂,完成後會有一點點小成就感!

視傳2A 1085445063

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

1.製作主題:跟歌詞符合的顏色
2.呈現之配色風格:藍綠
3.有無遇到的問題?另外一首歌詞沒辦法改顏色,一手改了顏色另一首就會跟著改,網址還是不會用。
4.花多少時間製作:四五個小時
5.製作心得:對我來說真的是以點難啊,雖然老師一個步驟一個步驟慢慢教,但是我理解能力真的慢,有些還是不太懂怎麼去做,還又那些文法,真的要多花時間去慢慢學。

班級:視傳2A 學號:1085445027



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

MEPOERs said:
JinJin: 網址應為:http://my.cute.edu.tw/~1085445027/hw01-1085445027/ 還有些部分還是待修正喔!
http://my.cute.edu.tw/~1075445097/hw01-1075445097/

(2).請回答以下問題:
1.製作主題:歌詞
2.呈現之配色風格:粉白舒緩色系
3.有無遇到的問題?有 非常多
4.花多少時間製作:1天
5.製作心得:老師講得好快我根本跟不上, 得回家自己去研究怎麼用才能製作出來

班級:視傳3B 學號:1075445097

MEPOERs said:
JinJin: 連結有誤需修正喔!
(1).作業網址:

http://my.cute.edu.tw/~1085445043/hw01-1085445043/index.html


(2).請回答以下問題:
1.製作主題:粉嫩色系主題
2.呈現之配色風格: 溫柔的配色風格
3.有無遇到的問題? 上傳以及css小問題
4.花多少時間製作:快一星期吧
5.製作心得:我覺得學網頁設計超有用 也很有成就感 會想把它學好以後可以使用



Edited 1 time(s). Last edit at 11/24/2020 02:14PM by 1085445043.
(編輯記錄)

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

(2).請回答以下問題:
1.製作主題:I like me better/Die trying
2.呈現之配色風格:咖啡(大地色)/挪威藍
3.有無遇到的問題?有時候程式碼會搞混
4.花多少時間製作:5-6小時
5.製作心得:接觸新的領域很有趣,雖然有些難,但是學會很有成就感

視傳2B 1085445084

作業01網址



(2).請回答以下問題:
1.製作主題:快樂與悲傷。
2.呈現之配色風格:活潑的黃色 以及 憂愁的大地色。
3.有無遇到的問題? 是沒有~只是程序有點複雜,沒有一步一步來真的不行。
4.花多少時間製作:有幾堂課,就有多久......
5.製作心得:網頁設計是一個學會了,會很有成就的東西,但還是好難。

視傳2B,1085445026

(1).作業網址:
http://my.cute.edu.tw/~1085445064/hw01-1085445064/



1.製作主題:亮色
2.呈現之配色風格 暖冷色
3.有無遇到的問題:css不熟悉
4.花多少時間製作:60分鐘
5.製作心得:學會做網站很棒

班級:視傳2B 學號:1085445064

(1).作業網址:
作業01網址
1.製作主題:歌詞
2.呈現之配色風格:跳tone
3.有無遇到的問題? 沒有
4.花多少時間製作:3小時
5.製作心得:還可以接受的難度

班級,視傳3B 學號1075445097

file:///F:/2a/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88/%E5%B9%B3%E6%99%82/hw01-1085445071/verylove-2.html


1.製作主題:夠愛/burn
2.呈現之配色風格:愛情和火焰的感覺
3.有無遇到的問題?很難存檔
4.花多少時間製作:沒有記
5.製作心得:覺得學會做網頁很棒

班級視傳2a1085445071



Edited 1 time(s). Last edit at 01/08/2021 02:34PM by 1085445071.
(編輯記錄)

MEPOERs said:
JinJin: 網址錯誤,請放上正確的網址喔!
file:///J:/2a/%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88/%E5%B9%B3%E6%99%82/hw01-1085445071/verylove-2.html

作業01網址

(2).請回答以下問題:
1.製作主題:浪漫的感覺
2.呈現之配色風格:粉加紫色
3.有無遇到的問題? 文字看了會混亂
4.花多少時間製作:加起來大概兩小時
5.製作心得:自己沒有做得很好 但覺得很酷

視傳2B 1085445012

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

(2).請回答以下問題:
1.製作主題:孫盛希
2.呈現之配色風格:對比色
3.有無遇到的問題? 無
4.花多少時間製作:1小時
5.製作心得:蠻簡單的

視傳2A 1085445007

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

(2).請回答以下問題:
1.製作主題:非你莫屬 知足
2.呈現之配色風格:冷暖色調
3.有無遇到的問題?太多英文數字 眼睛看到眼花撩亂
4.花多少時間製作:兩個小時
5.製作心得:覺得做出來很有成就感

班級視傳2a,學號1085445025



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

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

(2).請回答以下問題:
1.製作主題:擋一根/濕了分寸
2.呈現之配色風格:聖誕紅綠
3.有無遇到的問題? 不知道怎麼交作業
4.花多少時間製作:一個月
5.製作心得:沒時間做

班級竹視傳2B,學號1085445004

file:///C:/Users/%E7%8E%9F%E7%92%BD/Desktop/%E6%AD%8C%E8%A9%9E.html

(2).請回答以下問題:
1.製作主題:陳忻玥
2.呈現之配色風格:和歌詞相呼應較沉重, 深色配色
3.有無遇到的問題?: 網頁名還是較困難
4.花多少時間製作:3小時
5.製作心得:記得裡面的規律跟程式碼對我來說還是很困難

班級,視傳2B學號1085443028

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

(2).請回答以下問題:
1.製作主題:花に亡霊 Lemon
2.呈現之配色風格:花に亡霊是憂鬱的藍之中能然有溫暖的黃色,如同"想哭的我戴上了猫的面具"這部電影中的劇情一般,在憂鬱的背後能然有一絲光芒去照亮並改變了深色的藍/Lemon 以較為深沉的黃和帶有黃的藍色讓其與歌中的結局一般即便曾經失去未來還是要帶有希望。
3.有無遇到的問題? 製作初期較為不懂,到了中期就慢慢理解了。
4.花多少時間製作:5~6 小時
5.製作心得:了解到許多的編碼語法,也了解到如製作。

班級:視傳2A 學號:1095445023

作業01網址
1.製作主題:符合歌詞的感覺
2.呈現之配色風格:前:冷色搭配 後:暖冷色搭配
3.有無遇到的問題:css不熟悉 導致製作時間極長
4.花多少時間製作:數不清的久
5.製作心得:學會做網站很棒而且做完很有成就感
1095445015李宜珊



Edited 3 time(s). Last edit at 10/27/2021 11:22AM by 1095445015.
(編輯記錄)

(1).作業網址:
作業01網址
1.製作主題:深色風格
2.呈現之配色風格:冷色搭配
3.有無遇到的問題:css不熟悉
4.花多少時間製作:90分鐘
5.製作心得:雖然很複雜,但學起來之後很好用

班級:視傳2A 學號:1095445014



Edited 1 time(s). Last edit at 10/27/2021 11:22AM by 1095445014.
(編輯記錄)

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

(2).請回答以下問題:
1.製作主題:符合歌曲的顏色
2.呈現之配色風格:冷色和暖色做協調
3.有無遇到的問題:語法好難!
4.花多少時間製作:150分鐘
5.製作心得:做出來很有成就感

班級:視傳2A 學號:1095445039