[作業02] html-css｜CSS3｜jQuary｜FontAwesome｜練習 請參照講義製作： [講義] 作業二語法解析｜jQuery動態網頁｜CSS3語法｜圖示字體｜初探 製作說明 作業範例 作業02課堂範例：作業02範例 作業02學長姊範例： 作業02範例-1 作業02範例-2 作業02範例-3 作業02範例-4 參考之課堂講義 ［講義06］jQuery動態網頁初探 ［講義07］使用圖示字體(icon font) Font Awesome ［講義08］CSS進階語法補充 ＊請分別於兩首歌詞，加入CSS3視覺效果、jQuary動態效果、FontAwesome圖示字體等，設定出具有符合歌詞意境的網頁，加入圖片、影片、Tabs、及效果使其產生：透明感、漸層、陰影..等。 ＊以FileZilla上傳至FTP 評分標準 完成兩個檔案且分別設定符合要求的css，無錯誤，至少八十分 完成以上說明，並符合歌詞意境，且設計符合設計美感，八十五分以上，優秀作品九十分以上 只完成一個檔案css設定，無錯誤，至多七十分 只完成一個檔案css設定，且有錯誤，至多六十分 完成兩個檔案，部分設定未符合要求，且有錯誤，至多七十分 請確實上傳檔案至雲端，且正確回覆，如有問題請提出，未確實上傳回覆扣總分十分 繳交作業方式 製作完成後，檔案命名方式： 第二個作業FTP上的資料夾為：hw02 每位同學請將自己的資料夾命名為：hw02-學號 中國科技大學｜個人網頁伺服器空間 主機名稱: my.cute.edu.tw 使用者: 學號 密碼: 單一入口密碼 第一次登入，須建public_html目錄，請將網頁資料置於該目錄內 這個作業的網址則為： http://my.cute.edu.tw/~1091445XXX/hw02-1091445XXX/ 資料夾內含： 1.html部分：首頁命名為index.html，第二個檔名為next.html 2.css部分：命名為style.css與style2.css 存放在 < hw02-學號 > 的資夾內 以FileZilla上傳至FTP 回覆本篇文章 (1).作業網址： 作業02網址 (2).請回答以下問題： 1.製作主題： 2.加入新效果愈呈現的風格為何： 3.遇到的問題? 4.花多少時間製作： 5.製作心得： 班級，學號 http://mepopedia.com/forum/read.php?2892,92964,92964#msg-92964 Sat, 24 Oct 2026 12:47:22 +0800 Phorum 5.2.7 http://mepopedia.com/forum/read.php?2892,92964,93400#msg-93400 http://mepopedia.com/forum/read.php?2892,92964,93400#msg-93400 作業02網址

(2).請回答以下問題：
1.製作主題：Laughing on the Outside 、Downtown
2.加入新效果愈呈現的風格為何：復古 1960s
3.遇到的問題? 隨身碟不見 、想放的圖形圖像跑不出來
4.花多少時間製作：課堂
5.製作心得：寫程式這種東西就是要細心點，檢查有沒有多打少打，一直要按進去網站修改等。

視傳2B，1091445056]]> cute1091445056 110-1《中國》北視傳二-網頁設計 Mon, 10 Jan 2022 15:56:58 +0800 http://mepopedia.com/forum/read.php?2892,92964,93389#msg-93389 http://mepopedia.com/forum/read.php?2892,92964,93389#msg-93389 作業02網址

(2).請回答以下問題：
1.製作主題：BTS主打歌
2.呈現之配色風格：灰白色與黃色
3.有無遇到的問題? 製作上很生手，需要多次練習
4.花多少時間製作：一個月
5.製作心得：非常困難，需要練習

班級，學號 視傳2A 1091445134 張瀞予]]> 1091445093 110-1《中國》北視傳二-網頁設計 Mon, 10 Jan 2022 14:13:59 +0800 http://mepopedia.com/forum/read.php?2892,92964,93370#msg-93370 http://mepopedia.com/forum/read.php?2892,92964,93370#msg-93370 作業02網址

(2).請回答以下問題：
1.製作主題：刻在我心底的名字 兩隻老虎
2.加入新效果愈呈現的風格為何：普普風
3.遇到的問題? 無
4.花多少時間製作：三天
5.製作心得：好難哈哈

視傳2A 1091445115]]> 1091445115 110-1《中國》北視傳二-網頁設計 Thu, 06 Jan 2022 14:35:39 +0800 http://mepopedia.com/forum/read.php?2892,92964,93269#msg-93269 http://mepopedia.com/forum/read.php?2892,92964,93269#msg-93269 OnePage作業網址

(2) 企劃書網址：
OnePage網頁企劃書

(3) 參考之版型網址：
(4) 製作時間:
(5) 製作心得:
視傳2A ，1091445077]]> 1091445077 110-1《中國》北視傳二-網頁設計 Mon, 13 Dec 2021 13:02:17 +0800 http://mepopedia.com/forum/read.php?2892,92964,93263#msg-93263 http://mepopedia.com/forum/read.php?2892,92964,93263#msg-93263 1.製作主題：《鬼滅之刃》紅蓮華、炎
2.加入新效果愈呈現的風格為何：《鬼滅之刃》風格
3.遇到的問題? 還不是很熟，需要請老師教導一次
4.花多少時間製作：花有幾個禮拜了
5.製作心得：謝謝老師耐心陪伴教導，感謝您！]]> 1075445001 110-1《中國》北視傳二-網頁設計 Wed, 08 Dec 2021 12:19:59 +0800 http://mepopedia.com/forum/read.php?2892,92964,93260#msg-93260 http://mepopedia.com/forum/read.php?2892,92964,93260#msg-93260 file:///C:/Users/USER/Desktop/hw01-1091445050/index.html

(2).請回答以下問題：
1.製作主題：歌詞網站設計
2.加入新效果愈呈現的風格為何：配合歌詞帶入歌詞的意境
3.遇到的問題?: 程式比較多，有時候會將程式放錯地方，需多注意
4.花多少時間製作：6堂課的時間左右
5.製作心得：很開心終於完成這項作業，期望今後能繼續好好努力，學習更多技巧與技能

視傳2B，1091445050]]> 1091445050 110-1《中國》北視傳二-網頁設計 Mon, 06 Dec 2021 17:04:47 +0800 http://mepopedia.com/forum/read.php?2892,92964,93259#msg-93259 http://mepopedia.com/forum/read.php?2892,92964,93259#msg-93259 2.加入新效果愈呈現的風格為何：把原本的歌詞加入符合歌詞意境的圖片
3.遇到的問題?不會插入圖片
4.花多少時間製作：兩個禮拜
5.製作心得：把整個畫面用得更精緻，做的過程遇到問題同學都會幫忙~

班級：視傳2A，學號：1091445029]]> 1091445029 110-1《中國》北視傳二-網頁設計 Mon, 06 Dec 2021 15:01:49 +0800 http://mepopedia.com/forum/read.php?2892,92964,93258#msg-93258 http://mepopedia.com/forum/read.php?2892,92964,93258#msg-93258 作業02網址

(2).請回答以下問題：
1.製作主題：愛你 、月牙灣
2.加入新效果愈呈現的風格為何：曖昧、溫柔
3.遇到的問題? 打程式語時，容易粗心少打就會導致不成功
4.花多少時間製作：5小時
5.製作心得：增加效果後，變得更加動感，也更有感覺

視傳2A，1091445065]]> 1091445065 110-1《中國》北視傳二-網頁設計 Mon, 06 Dec 2021 14:35:44 +0800 http://mepopedia.com/forum/read.php?2892,92964,93257#msg-93257 http://mepopedia.com/forum/read.php?2892,92964,93257#msg-93257 作業02網址
1.製作主題：歌詞網站設計
2.加入新效果愈呈現的風格為何：配合顏色可帶入歌曲的感覺
3.遇到的問題?: 會搞亂哪一段的顏色，有時候會放錯地方，但老師有指引在網路上，按右點檢查就可以選取顏色及找不到的程式 !
4.花多少時間製作：4堂課的時間和2小時在家修改
5.製作心得：很開心完成這項作業，完成後很有成就感，而且做網頁設計很有療癒感，做出自己的風格~
期望之後還能繼續學得更厲害，學習不同的技能，讓這軟體可以更熟悉。

視傳3B，1081445133]]> 1081445133 110-1《中國》北視傳二-網頁設計 Mon, 29 Nov 2021 14:54:52 +0800 http://mepopedia.com/forum/read.php?2892,92964,93256#msg-93256 http://mepopedia.com/forum/read.php?2892,92964,93256#msg-93256 作業02網址

(2).請回答以下問題：
1.製作主題：歌詞
2.加入新效果愈呈現的風格為何：加入圖片色塊漸層
3.遇到的問題?圖片太小
4.花多少時間製作：跟著上課進度
5.製作心得：學到了很東西，雖然上課有點跟不上，不過回家後問同學，還是做出來了，謝謝好同學，謝謝老師!

視傳2A 1091445099]]> 1091445099 110-1《中國》北視傳二-網頁設計 Thu, 02 Dec 2021 13:03:44 +0800 http://mepopedia.com/forum/read.php?2892,92964,93255#msg-93255 http://mepopedia.com/forum/read.php?2892,92964,93255#msg-93255 作業02網址

(2).請回答以下問題：
1.製作主題：NCT U-The 7th Sense、NCT 127-Sticker，第一個主題為紅色以及黑色為主，歌詞內容主要敘述日復一日的循環，對於現實狀態的體悟，因此背景圖片和插入圖片使用迷幻效果的圖像，第二個主題以綠色以及黑色為主，歌詞內容主要敘述如同歌名一般，黏膩且獨特的愛情，由於MV當中出現許多霓虹燈裝飾以及歌曲聆聽時的特別感受，因此背景圖片和插入圖片使用霓虹線條的圖像。
2.加入新效果愈呈現的風格為何：第一個主題呈現的風格為濃厚且沉重的迷幻效果，第二個主題呈現的風格為濃烈且特別的霓虹效果。
3.遇到的問題?：後期處理第二個主題時因為少了一個括號所以產生問題，不過後來我在家自己檢查之後發現了問題，可喜可賀。
4.花多少時間製作：大概四天。
5.製作心得：很有趣，插入了圖片以及增加各種不同的效果使網頁精緻了許多，很有成就，我也很喜歡自己設計的網頁。

視傳2B 1091445052]]> 1091445052 110-1《中國》北視傳二-網頁設計 Thu, 02 Dec 2021 11:19:23 +0800 http://mepopedia.com/forum/read.php?2892,92964,93254#msg-93254 http://mepopedia.com/forum/read.php?2892,92964,93254#msg-93254 作業02網址
(2).請回答以下問題：
1.製作主題：無羈，如故
2.加入新效果愈呈現的風格為何：仙俠，淒涼
3.遇到的問題?語法打錯地方
4.花多少時間製作：5小時
5.製作心得:學到了很多平常部會去碰的領域，也知道我們平時使用的網頁是怎麼製作的。

班級 視傳2B 學號1091445036]]> 1091445036 110-1《中國》北視傳二-網頁設計 Mon, 29 Nov 2021 18:03:31 +0800 http://mepopedia.com/forum/read.php?2892,92964,93253#msg-93253 http://mepopedia.com/forum/read.php?2892,92964,93253#msg-93253 作業02網址

(2).請回答以下問題：
1.製作主題：期末歌詞
2.加入新效果愈呈現的風格為何：綠色 紫色
3.遇到的問題? 不熟悉語法
4.花多少時間製作：每節課堂
5.製作心得：網頁設計是第一次接觸摸索花了比較多時間

班級3B學號1081445034]]> Ytong0103 110-1《中國》北視傳二-網頁設計 Mon, 29 Nov 2021 17:09:59 +0800 http://mepopedia.com/forum/read.php?2892,92964,93252#msg-93252 http://mepopedia.com/forum/read.php?2892,92964,93252#msg-93252 作業02網址

(2).請回答以下問題：
1.製作主題：戒菸、年少有為
2.加入新效果愈呈現的風格為何：夢幻
3.遇到的問題?效果語法有點難理解
4.花多少時間製作：5~6小時
5.製作心得：加上圖片以及效果真的好難，還要配色，需要花費好多時間

班級:視傳2B 學號:1091445088]]> 1091445088 110-1《中國》北視傳二-網頁設計 Mon, 29 Nov 2021 17:05:59 +0800 http://mepopedia.com/forum/read.php?2892,92964,93251#msg-93251 http://mepopedia.com/forum/read.php?2892,92964,93251#msg-93251 作業02網址

(2).請回答以下問題：
1.製作主題：期末歌詞
2.加入新效果愈呈現的風格為何:綠色 紫色
3.遇到的問題?比較不熟悉語法
4.花多少時間製作：每節上課時間
5.製作心得：網頁製作還蠻費時的,希望可以更進步

班級3B學號1081445034]]> Ytong0103 110-1《中國》北視傳二-網頁設計 Mon, 29 Nov 2021 17:03:25 +0800 http://mepopedia.com/forum/read.php?2892,92964,93249#msg-93249 http://mepopedia.com/forum/read.php?2892,92964,93249#msg-93249 作業02網址

(2).請回答以下問題：
1.製作主題： 歌詞
2.加入新效果愈呈現的風格為何： 歌詞心情
3.遇到的問題? 以為自己做錯 其實開錯檔案名稱
4.花多少時間製作： 3天
5.製作心得： 好玩

班級2B學號1091445123]]> 1091445123 110-1《中國》北視傳二-網頁設計 Mon, 29 Nov 2021 16:28:08 +0800 http://mepopedia.com/forum/read.php?2892,92964,93248#msg-93248 http://mepopedia.com/forum/read.php?2892,92964,93248#msg-93248 作業02網址

(2).請回答以下問題：
1.製作主題:歌詞網站設計
2.加入新效果愈呈現的風格為何：圖片、ICON、標題動畫、tabs、顏色漸層和透明度
3.遇到的問題?:可能會忽略掉一小小小的符號之類的，後面發現有誤，就要花比較多時間去尋找哪裡有遺漏
4.花多少時間製作：學校課程上製作，回家兩三個小時修改顏色等
5.製作心得：學到越來越多效果，網頁越能去設計出他的美感，如何把效果運用的好，是需要花很多時間去嘗試的。

班級:視傳2B，學號:1091445078]]> 1091445078 110-1《中國》北視傳二-網頁設計 Mon, 29 Nov 2021 16:14:20 +0800 http://mepopedia.com/forum/read.php?2892,92964,93247#msg-93247 http://mepopedia.com/forum/read.php?2892,92964,93247#msg-93247 作業02網址

(2).請回答以下問題：
1.製作主題：歌詞網站設計
2.加入新效果愈呈現的風格為何：動態
3.遇到的問題? 專業術語還不清楚
4.花多少時間製作：2天
5.製作心得：加上動態後看起更厲害了，很有趣的課程

1091445030 陳韋蒨]]> 1091445030 110-1《中國》北視傳二-網頁設計 Mon, 29 Nov 2021 16:08:44 +0800 http://mepopedia.com/forum/read.php?2892,92964,93246#msg-93246 http://mepopedia.com/forum/read.php?2892,92964,93246#msg-93246 作業02網址

(2).請回答以下問題：
1.製作主題給我一首歌的時間 我想和你一起
2.加入新效果愈呈現的風格為何：用跟背景同色的漸層
3.遇到的問題?CSS的語法有時前後沒放對
4.花多少時間製作上課時間與在家2-3小時
5.製作心得：有時語法沒看清就會搞混 所以很重要要背好

班級 視傳2B 學號 1091445086]]> 1091445086 110-1《中國》北視傳二-網頁設計 Mon, 29 Nov 2021 16:08:21 +0800 http://mepopedia.com/forum/read.php?2892,92964,93245#msg-93245 http://mepopedia.com/forum/read.php?2892,92964,93245#msg-93245 作業02網址

(2).請回答以下問題：
1.製作主題：peaches stay
2.加入新效果愈呈現的風格為何：peaches這首歌述說感情就如同蜜桃般甜蜜，我使用可愛加點高貴的風格。 stay這首歌述說為自己不斷犯下重複的錯誤而道歉，乞求的得到對方的原諒我使用有一種悲傷風。
3.遇到的問題? 語法很多細節要注意，一不小心就會出錯
4.花多少時間製作：一整天
5.製作心得：從這次的作業還有老師的上課講解分析，說認真的學習到了很q多，語法全沒接觸過能學習到現在這樣感覺好厲害。
班級，學號
視傳2B 1091445026]]> 1091445026 110-1《中國》北視傳二-網頁設計 Mon, 29 Nov 2021 16:06:20 +0800 http://mepopedia.com/forum/read.php?2892,92964,93244#msg-93244 http://mepopedia.com/forum/read.php?2892,92964,93244#msg-93244 2.加入新效果愈呈現的風格為何： 用歌曲心情
3.遇到的問題? 搞烏龍 開錯檔案名稱
4.花多少時間製作： 2星期 真的實際認真做2天
5.製作心得： 好玩 有成就]]> 1091445123 110-1《中國》北視傳二-網頁設計 Mon, 29 Nov 2021 15:56:07 +0800 http://mepopedia.com/forum/read.php?2892,92964,93243#msg-93243 http://mepopedia.com/forum/read.php?2892,92964,93243#msg-93243 作業02網址


(2).請回答以下問題：
1.製作主題：Happy Merry Christmas/Shine A Light
2.加入新效果愈呈現的風格為何：Happy Merry Christmas原以粉色調為主，但配合歌詞氛圍加了白色漸層及元素；Shine A Light則調整較為星空的色調；語錄則配合歌詞意境寫上短句
3.遇到的問題?調整色調時會比較困難，需要花上很多時間去思考配色並慢慢調整；語法上與之前相比雖然簡單，但類似的部分很高，需要花較長時間去記
4.花多少時間製作：5-7小時
5.製作心得：能將自己喜歡的歌依照自己的想法重新給予一個形象，覺得還蠻有成就感也很有趣，在製作時也多製作了一首來練習，雖然離要真正熟悉網頁設計還有蠻長的時間，但自己覺得能完成這個作業算前進蠻大一步

班級 : 視傳2B 學號 : 1091445072]]> 1091445072 110-1《中國》北視傳二-網頁設計 Mon, 29 Nov 2021 15:51:00 +0800 http://mepopedia.com/forum/read.php?2892,92964,93242#msg-93242 http://mepopedia.com/forum/read.php?2892,92964,93242#msg-93242 作業02網址

(2).請回答以下問題：
1.製作主題：歌詞網站設計
2.加入新效果愈呈現的風格為何：動畫風跟場景的風格
3.遇到的問題?圖片好幾次打錯英文沒辦法成功顯示
4.花多少時間製作：三個禮拜
5.製作心得：我覺得加入圖片的時候蠻有趣的，還可以調整圖片大小跟透明度甚至是漸層，很好玩的課程

班級:視傳2B
學號:1091445010 洪采荷]]> 1091445010 110-1《中國》北視傳二-網頁設計 Mon, 29 Nov 2021 15:49:50 +0800 http://mepopedia.com/forum/read.php?2892,92964,93241#msg-93241 http://mepopedia.com/forum/read.php?2892,92964,93241#msg-93241 作業02網址

(2).請回答以下問題：
1.製作主題：Stray Kids不會結束的故事 (끝나지 않을 이야기) 原子邦妮 忽然想你的時候
2.加入新效果愈呈現的風格為何：秋天的愛情 浪漫愛情
3.遇到的問題? 目前沒有
4.花多少時間製作：3-4個小時
5.製作心得：很喜歡每次都有不同的新東西可以學習 做出來都很有成就感

班級 視傳2B，學號 1091445090]]> 1091445090 徐鐿芸 110-1《中國》北視傳二-網頁設計 Mon, 29 Nov 2021 15:49:24 +0800 http://mepopedia.com/forum/read.php?2892,92964,93240#msg-93240 http://mepopedia.com/forum/read.php?2892,92964,93240#msg-93240 作業02網址

(2).請回答以下問題：
1.製作主題：無人知曉 想見你想見你想見你
2.加入新效果愈呈現的風格為何：無人知曉 粉紅色 給人浪漫的感覺 想見你想見你想見你 橘色 比較熱烈的感覺
3.遇到的問題?有很多不熟悉新的東西
4.花多少時間製作：4小時
5.製作心得：雖然很難 但做完之後很有成就感

班級，視傳2b 學號1091445066]]> 1091445066 110-1《中國》北視傳二-網頁設計 Mon, 29 Nov 2021 15:48:48 +0800 http://mepopedia.com/forum/read.php?2892,92964,93239#msg-93239 http://mepopedia.com/forum/read.php?2892,92964,93239#msg-93239 作業02網址

(2).請回答以下問題：
1.製作主題：歌詞網站設計
2.加入新效果愈呈現的風格為何：更生動更好看
3.遇到的問題?
目前沒有
4.花多少時間製作：2-3小時
5.製作心得：
這次加了很多鼻樣的效果跟風格，整體下來非常好看，我非常喜歡。

視傳2B 1091445042]]> 1091445042 110-1《中國》北視傳二-網頁設計 Mon, 29 Nov 2021 15:46:25 +0800 http://mepopedia.com/forum/read.php?2892,92964,93238#msg-93238 http://mepopedia.com/forum/read.php?2892,92964,93238#msg-93238 作業02網址

(2).請回答以下問題：
1.製作主題：期末歌詞
2.加入新效果愈呈現的風格為何：粉色系與紫色系
3.遇到的問題?語法上很多不熟悉的地方需要多加練習
4.花多少時間製作：每節課製作
5.製作心得：做作業一的時候是第一次接觸網頁設計,線讚越來越熟悉操作模式,跟著老師一步一步做,很有成就感

班級視傳2B學號1091445132]]> 1091445132 110-1《中國》北視傳二-網頁設計 Mon, 29 Nov 2021 15:45:55 +0800 http://mepopedia.com/forum/read.php?2892,92964,93237#msg-93237 http://mepopedia.com/forum/read.php?2892,92964,93237#msg-93237 作業02網址

(2).請回答以下問題：
1.製作主題：啵啦、輸情歌
2.加入新效果愈呈現的風格為何：啵啦是幻想的風格,輸情歌則是溫馨的風格
3.遇到的問題? 無
4.花多少時間製作：大約兩個小時
5.製作心得：能夠讓作業一的作品更上一層樓、更精緻,我很開心!

班級：視傳2B，學號：1091445140]]> hw1091445140 110-1《中國》北視傳二-網頁設計 Mon, 29 Nov 2021 15:45:30 +0800 http://mepopedia.com/forum/read.php?2892,92964,93236#msg-93236 http://mepopedia.com/forum/read.php?2892,92964,93236#msg-93236 作業02網址

(2).請回答以下問題：
1.製作主題：太陽與月亮
2.加入新效果愈呈現的風格為何：很漂亮
3.遇到的問題? 改CSS顏色好難
4.花多少時間製作：2小時
5.製作心得：做得很開心

視傳 2B 1091445006]]> 1091445006 110-1《中國》北視傳二-網頁設計 Mon, 29 Nov 2021 15:44:51 +0800 http://mepopedia.com/forum/read.php?2892,92964,93235#msg-93235 http://mepopedia.com/forum/read.php?2892,92964,93235#msg-93235 作業02網址

(2).請回答以下問題：
1.製作主題：餘波盪漾、仰望
2.加入新效果愈呈現的風格為何：餘波盪漾想呈現出一種失戀消極的感覺，所以使用了藍色跟大海。仰望比較像是等待一個人，呈現像是一種有希望的感覺，所以用了溫和的粉紫色。
3.遇到的問題?原本在哪裡可以放上什麼顏色有困難，但是看完老師的講義就沒問題了
4.花多少時間製作：課堂上加回家兩小時
5.製作心得：調好顏色加放上照片之後做好的歌詞網站非常的有成就感。

視傳2B 1091445110]]> 1091445110 110-1《中國》北視傳二-網頁設計 Mon, 29 Nov 2021 15:44:03 +0800