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-學號
這個作業的網址則為:
http://cute.mepopedia.com/~t109a/hw01/hw01-108xxxxxxx (A班)
http://cute.mepopedia.com/~t109b/hw01/hw01-108xxxxxxx (B班)

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

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

2. 以FileZilla上傳至FTP


3. 回覆本篇文章


(1).作業網址:
<a href="作業一網址" target="_blank">作業一網址</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 3 time(s). Last edit at 11/09/2020 03:04AM by JinJin.
(編輯記錄)

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

(2).請回答以下問題:
1.製作主題:心動和背光的感覺
2.呈現之配色風格:黃色可以代表心動雀躍的心情 也可以代表背光的光的感覺
3.有無遇到的問題?無
4.花多少時間製作:2個小時
5.製作心得:學習到關於網站的一些基本知識

視傳2A 1081445048

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

(2).請回答以下問題:
1.製作主題:雨天和戀愛的感覺
2.呈現之配色風格:繡球花的配色/喜歡的人所喜歡的顏色
3.有無遇到的問題?無
4.花多少時間製作:2個小時
5.製作心得:學習到關於網站的一些基本操作

視傳2A 1081445027

作業網址:
作業一網址

(2).請回答以下問題:
1.製作主題:符合歌詞內容的感覺
2.呈現之配色風格:聽歌時的意境感受
3.有無遇到的問題?無
4.花多少時間製作:3小時
5.製作心得:充分的學習到網頁設計的知識

視傳2A 1081445021

MEPOERs said:
JinJin: 有錯誤需修改喔!
作業一網址

(2).請回答以下問題:
1.製作主題: 鄧大福是一隻貓/太陽と向日葵
2.呈現之配色風格:溫暖陽光的橘色/優雅浪漫的紫色
3.有無遇到的問題? 常常忘記自己打到哪一行,所以網頁編輯有時會沒弄成功
4.花多少時間製作:好幾個禮拜
5.製作心得:第一次做網感覺很有成就感,也學到了許多基本的觀念

視傳2B 1081445079

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

(2).請回答以下問題:
1.製作主題:自我癒合/孫盛希、說好的幸福呢/周杰倫
2.呈現之配色風格:橙色/灰色
3.有無遇到的問題? 無
4.花多少時間製作:2小時
5.製作心得:很有趣,且可以做自己喜歡的風格

班級2A,學號1081445013



Edited 1 time(s). Last edit at 11/09/2020 01:51PM by zx2137014.
(編輯記錄)

MEPOERs said:
JinJin: 有錯誤需修改喔!
(1).作業網址:
作業一網址

(2).請回答以下問題:
1.製作主題:
fade into you/Mazzy star
look on down from the bridge/Mazzy star
2.呈現之配色風格:
以樂團原專輯封面顏色為基礎,再進行思考配色。
3.有無遇到的問題?
目前還可以
4.花多少時間製作:
6hr
5.製作心得:
第一次架設基礎的網站,算小有成就感。

視傳2A 1081445037



Edited 1 time(s). Last edit at 11/09/2020 01:52PM by 1081445037.
(編輯記錄)

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

(2).請回答以下問題:
1.製作主題:Calm down - G-Eazy/陳忻玥 - 炙愛
2.呈現之配色風格:粉紫
3.有無遇到的問題?無
4.花多少時間製作:上課時間
5.製作心得:無

2A1081445138

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

(2).請回答以下問題:
1.製作主題:玫瑰少年 この指とまれ
2.呈現之配色風格:玫瑰少年:以紅色為主體,呈現玫瑰的色彩及內心的傷痕 この指とまれ:整體以橘黃為主,表現出楓葉飄落的意象
3.有無遇到的問題? 語法上有稍微遇到困難,以及配色上思考較久
4.花多少時間製作:約莫兩天
5.製作心得:很開心能做出一個網頁,非常有成就感

班級,學號
視2A 1081445003

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

(2).請回答以下問題:
1.製作主題:without her/怎麼了
2.呈現之配色風格:上面以寶藍色為主,下面的配色是黃色看起來比較活潑
3.有無遇到的問題?有時候會忘記那些符號是做甚麼的
4.花多少時間製作:兩個禮拜
5.製作心得:網頁設計真的好難,我盡力ㄌ

班級 視傳2A,學號1081445039

MEPOERs said:
JinJin: 網址應為:http://cute.mepopedia.com/~t109a/hw01/hw01-1081445039/ 尚有錯誤需修改
(1).作業網址:
作業一網址

(2).請回答以下問題:
1.製作主題:魏如萱_彼個所在及華晨宇_好想愛這個世界啊

2.呈現之配色風格:魏如萱的是比較偏韓系的配色,想要呈現出比較憂愁的感覺。而華晨宇則是想要表現出想要這個世界比較暖心的部分。

3.有無遇到的問題?:開始配色的部分很常會找不到要改的地方的語法,要對比較久或是要在嘗試一下才會找到。

4.花多少時間製作:大概兩個小時半

5.製作心得:很有趣的一項作業,因為之前都沒有嘗試過,所以做起來感覺很新鮮!而且看到自己的作業出來,感覺很像我的孩子終於生出來了!超棒!!

視傳2A,1081445098

MEPOERs said:
JinJin: 導覽列錯需修改
(1).作業網址:
作業一網址

(2).請回答以下問題:
1.製作主題:情非得已、血腥愛情故事
2.呈現之配色風格:一個是輕鬆愉快的感覺、一個是沉重的感覺
3.有無遇到的問題?有,之前在處理style的時候一直處理錯誤
4.花多少時間製作:3天
5.製作心得:覺得做完這個很有成就感

班級:視覺傳達2A,學號:1081445086

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

(2).請回答以下問題:
1.製作主題:詩歌
2.呈現之配色風格:依照歌曲的風格選用比較清爽的顏色
3.有無遇到的問題?英文容易打錯
4.花多少時間製作:無法計算
5.製作心得:真的覺得非常不簡單,但也很簡單,在理解之後,可以做出自己的網站真的是覺得超酷!
還蠻好玩的,但因為前面業師協同教學,三周後大概都忘光光了,建議老師下次可以上
到一個段落後再找業師,不然要回想,真有點難。

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

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

(2).請回答以下問題:
1.製作主題:without her/怎麼了
2.呈現之配色風格:上面以寶藍色為主,下面的配色是黃色看起來比較活潑
3.有無遇到的問題?有時候會忘記那些符號是做甚麼的
4.花多少時間製作:兩個禮拜
5.製作心得:網頁設計真的好難,我盡力ㄌ

班級 視傳2A,學號1081445039



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

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

(2).請回答以下問題:
1.製作主題:反烏托邦
2.呈現之配色風格:橘灰
3.有無遇到的問題? 尚無
4.花多少時間製作:課堂時間
5.製作心得:我是酷酷網頁設計師

班級,學號
視傳二A 1081445062



Edited 2 time(s). Last edit at 01/10/2021 12:44AM by 1081445062.
(編輯記錄)

MEPOERs said:
JinJin: 又錯誤需修改喔!
(1).作業網址:
作業一網址

(2).請回答以下問題:
1.製作主題:輕盈
2.呈現之配色風格:空靈感
3.有無遇到的問題? CSS好難....認真研究很久
4.花多少時間製作:三小時
5.製作心得:一堆天文數字讓我頭好痛....顏色也挑很久但還是喜歡老師範本的...我回去要繼續研究了

班級,學號 視傳二A 1081445007

MEPOERs said:
JinJin: 有錯誤需修改喔!
(1).作業網址:
作業一網址

(2).請回答以下問題:
1.製作主題:魏如萱-don't cry don't cry
2.呈現之配色風格:憂鬱
3.有無遇到的問題?沒存到檔又重來
4.花多少時間製作:2.5小時
5.製作心得:不能錯過任何一句老師的話否則會進度落後,但老師資料給的很完整也救了我

視傳2a 1061431103

MEPOERs said:
JinJin: 有錯誤需修改喔!
(1).作業網址:
http://cute.mepopedia.com/~t109a/hw01/hw01-1081445092/
(2).請回答以下問題:
1.製作主題:就是失戀然後還愛著她的主題
2.呈現之配色風格:人生黑白的風格
3.有無遇到的問題? 不太會開CSS
4.花多少時間製作:大概一小時
5.製作心得:
前面還聽得懂 但到後面用CSS的時候不知道怎麼開檔案
班級 視傳2A 學號 1081445092



Edited 4 time(s). Last edit at 12/14/2020 02:06PM by 1081445092.
(編輯記錄)

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

(2).請回答以下問題:
1.製作主題: 張杰:他不懂你的心 /華晨宇:好想愛這個世界啊
2.呈現之配色風格:清新的色調,粉色的色調
3.有無遇到的問題? 有 覺得還不太熟悉
4.花多少時間製作:4節課的時間
5.製作心得:希望可以更加深入

班級 視傳3a 學號1071445148 邱名遠



Edited 1 time(s). Last edit at 11/09/2020 02:12PM by 1071445148.
(編輯記錄)

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

(2).請回答以下問題:
1.製作主題:歌詞
2.呈現之配色風格:簡約樸素
3.有無遇到的問題?還好
4.花多少時間製作:加加減減大概3周的上課時間
5.製作心得:有挑戰性


班級視傳2A,學號1081445110

MEPOERs said:
JinJin: navigation打錯字,請修改
(1).作業網址:
作業一網址
1.製作主題:愛
2.呈現之配色風格:甜
3.有無遇到的問題?無
4.花多少時間製作:3小時
5.製作心得:很開心

視傳2a 1061445004



Edited 3 time(s). Last edit at 11/09/2020 02:00PM by 1061445004.
(編輯記錄)

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

(2).請回答以下問題:
1.製作主題:
(1)還願
(2)君の脈で踊りたかった

2.呈現之配色風格:
(1)用鮮明的黃色和紫色,去引出孩童們純真的幻想與感受,彷彿將人帶入了夢境之中一樣。
(2)深黑的藍色之中穿插著幾道亮眼的淺色帶,希望能帶出在人生遇到困難時仍然會有希望出線的感覺在。

3.有無遇到的問題?
無。

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

5.製作心得:
對於是第一次製作網站是非常新鮮的體驗,希望往後還能夠學習更多不同技術,對於往後的課程非常期待。

視傳2A 1081445029 劉家琪



Edited 1 time(s). Last edit at 11/09/2020 01:59PM by 1081445029.
(編輯記錄)

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

(2).請回答以下問題:
1.製作主題: 星辰大海是你 / 曇花一現雨及時
2.呈現之配色風格:以藍色為主體,呈現海洋與星空的感覺 / 以粉色為主體,呈現花朵的感覺
3.有無遇到的問題?目前還好
4.花多少時間製作:3個小時
5.製作心得:特別有成就感,覺得非常新奇!感覺從程式碼變成一個網頁時特別感動~

視傳二A,1081445068

作業一網址

1.製作主題:在憂鬱時聽的歌
2.呈現之配色風格:兩首歌都是偏憂鬱的歌,配色選擇比較憂鬱的顏色
3.有無遇到的問題?無
4.花多少時間製作:上課時間內完成
5.製作心得:還蠻好玩的

班級 視2A,學號 1081445060

作業一網址

(2).請回答以下問題:
1.製作主題:星球墜落/see you again
2.呈現之配色風格:前面以宇宙風格呈現大多事藍色系,後面以紫色系的顏色搭配
3.有無遇到的問題?沒有問題,學起來非常有成就感
4.花多少時間製作:2小時
5.製作心得:學習這門課真的很棒,可以做自己喜歡的網站風格,希望後來能學到更多

視傳2A 1081445015

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


1.製作主題:歷史、戰曲

2.加入新效果愈呈現的風格為何:
表現出熱血,卻又可感受到歌曲中那個時代的興衰。
第一首因曲調較熱血,以暖色調(紅)呈現,
第二首的歌詞有些滄桑感,於是以中偏冷色調(藍紫)

3.遇到的問題?
不知道如何開css,不過後還才知道要放入同個資料夾

4.花多少時間製作:
約1小時

5.製作心得:
一開始看到這麼多語法,密密麻麻的排成一串,滿可怕的。


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



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

MEPOERs said:
JinJin: 連結有問題需修改
(1).作業網址:
作業一網址

(2).請回答以下問題:
1.製作主題:花樣年華以及帶點青澀的主題。
2.呈現之配色風格:甜美可愛的糖果色調,符合少女心的感覺。
3.有無遇到的問題? 沒有問題。
4.花多少時間製作:用每次上課的時間做完。
5.製作心得:一開始實際要做css的時候,有點不太會用,不過再去看了老師網站的教學步驟影片,就了解該怎麼做了!
整個網站做完之後,覺得頓時學到了很多語法的技巧,也感覺自己對網頁又更熟悉一點了!繼續加油!

視傳2A,1081445074

作業網址:
作業一網址

(2).請回答以下問題:
1.製作主題:歌
2.呈現之配色風格:藍色調
3.有無遇到的問題?有,顏色更正後直接全沒了,所以兩首歌曲的顏色都一樣
4.花多少時間製作:2-3小時
5.製作心得:第一次接觸網頁設計,能做出頁面覺得很開心,跟著老師每堂課一步一步的完成,完成 真的很有成就感

MEPOERs said:
JinJin: 有錯誤需修改
作業一網址

1.製作主題:Blueberry/Dynamite
2.呈現之配色風格:都以紫色及藍色系為主調,一是為了呼應歌曲名二是為了呈現有關此演唱者的代表色
3.有無遇到的問題? 無
4.花多少時間製作:三小時
5.製作心得:我覺得很有趣,高中的時候就有接觸過類似的程式語法,當初學的時候覺得很困難所以對此沒什麼興趣,但經由這次覺得其實寫網站其實蠻有趣的!會想學得更多。

視傳2A 1081445025

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

(2).請回答以下問題:
1.製作主題:彩虹 / 不能說的秘密
2.呈現之配色風格:用比較歡樂的橘黃色來表達彩虹,再加上偏悲傷的灰色.有無遇到的問題?沒有
4.花多少時間製作:加總起來大概一天內
5.製作心得:網站設計真的很難,但看到自己做出來的歌詞網址還是很開心

班級:視傳2A 學號:1081445076

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

(2).請回答以下問題:
1.製作主題:藍黃風格跳色
2.呈現之配色風格:卡通泰瑞可愛風
3.有無遇到的問題?有,初次用不熟悉
4.花多少時間製作:4小時
5.製作心得:沒用過此軟體跟相關的課程,所以花很多時間摸索,完成後很有成就感,以後上課會更認真聽的

班級,學號 視傳2a 1081445019

MEPOERs said:
JinJin: 連結有誤需修改
作業一網址

(2).請回答以下問題:
1.製作主題:依據歌詞來配色
2.加入新效果愈呈現的風格為何:對比色的色調
3.遇到的問題?語法的小細節,以及很多需要去記下來
4.花多少時間製作:上課的時間加上回家之後的練習
5.製作心得:對網頁來說是第一次接觸,就像寫程式一樣算蠻難的,不過也是蠻酷的。

視傳2a 1081445052

(1).作業網址:
作業一網址
(2).請回答以下問題:
1.製作主題:孫盛希 恆溫 少一點天份 歌詞網址
2.加入新效果愈呈現的風格為何:有利用藍紫冷色調配色去做底圖和不同層次的搭配 字的顏色也有稍微做調整
3.遇到的問題? 一開始不太了解怎麼操作分段超連結跟css連接,但使用好幾次之後就知道了。
4.花多少時間製作:都是在上課期間用完
5.製作心得:以前真的都沒有碰過網頁設計,覺得很難,但實際操作過後比想像中的容易,只是需要有更多的講義去了解背起來才能運作得更順暢

班級,學號 視傳2A 1081445011



Edited 3 time(s). Last edit at 11/09/2020 03:06PM by 林裕峰.
(編輯記錄)

作業02網址

(2).請回答以下問題:
1.製作主題:熱血的主題
2.加入新效果愈呈現的風格為何:高亢的風格
3.遇到的問題? 沒太大問題
4.花多少時間製作:課堂時間,與回家的稍為練習
5.製作心得:
這是一堂有趣的課程,讚!

視2A 1081445043

MEPOERs said:
JinJin: 第二頁導覽列有誤需修改
作業一網址

(2).請回答以下問題:
1.製作主題:歌詞顏色

2.呈現之配色風格:粉色和酒紅

3.有無遇到的問題?

4.花多少時間製作:4小時

5.製作心得:我覺得在配置顏色上讓我感到比較新奇和有趣,比只打網頁內容有趣多了

視傳2A 1081445001

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

(2).請回答以下問題:
1.製作主題:歌詞
2.呈現之配色風格:明亮,甜美
3.有無遇到的問題?沒有
4.花多少時間製作:大約5小時
5.製作心得:這是我第一次製作網站,雖然過程中遇到一些困難,但完成後覺得非常有成就感!

班級:視傳二A,學號:1081445054



Edited 1 time(s). Last edit at 11/09/2020 02:16PM by 1081445054.
(編輯記錄)

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

(2).請回答以下問題:
1.製作主題:盧廣仲/ 刻在我心底的名字 愛情怎麼了嗎
2.呈現之配色風格:暖色調
3.有無遇到的問題?CSS製作的部分選項太多
4.花多少時間製作:30分鐘
5.製作心得:很有成就感

視傳3A 1071445156



Edited 2 time(s). Last edit at 11/09/2020 02:15PM by 1071445156.
(編輯記錄)

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

(2).請回答以下問題:
1.製作主題:他不愛我/他一定很愛你
2.呈現之配色風格:藍色系
3.有無遇到的問題?無
4.花多少時間製作:2小時
5.製作心得:好玩

班級 2A,學號 1081445088

MEPOERs said:
JinJin: 導覽列有誤請修改
(1).作業網址:
作業一網址

(2).請回答以下問題:
1.製作主題:繽紛城堡
2.呈現之配色風格:利用彩度高的黃色綠色去搭配,呈現一種活潑又可愛的感覺
3.有無遇到的問題?不太會開CSS,複製東西沒有仔細,導致檔案會錯誤
4.花多少時間製作:大概一個小時
5.製作心得:第一次嘗試製作網頁,發現有很多需要注意的地方,需要仔細的檢查,不然某個環節不小心打錯,可能能就會做不出來網頁就會做不出來,看到自己做出來的成品,覺得很新奇又有趣。

班級視傳2A學號1081445094

(1) 作業網址:
作業一網址


(2).請回答以下問題:
1.製作主題:持修〈正想著你呢〉與逃跑計畫〈再見再見〉歌詞
2.呈現之配色風格:配合歌詞內容,用低飽和度之色調呈現溫暖柔和的感覺
3.有無遇到的問題:css可調整的部分很多,有時候會搞混
4.花多少時間製作:30分鐘
5.製作心得:第一次真的做出一個網頁,雖然很陽春但很有趣!

班級:視傳4a 學號:1061445157

MEPOERs said:
JinJin: 連結有問題
作業一網址

1.製作主題:歌詞
2.呈現之配色風格:一個選比較沉悶的配色,另外一個選擇比較跳的鮮豔對比色
3.有無遇到的問題?
4.花多少時間製作:上課時間內完成
5.製作心得:第一次自己做出一個網頁,覺得很酷也滿累的,但過程很有趣。

班級 視傳2A 學號 1081445072

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

(2).請回答以下問題:
1.製作主題:不知所措 愛 存在
2.呈現之配色風格:都以同色系為主 一個比較亮一個比較暗
3.有無遇到的問題?無
4.花多少時間製作:2個禮拜
5.製作心得:很有趣 很新奇 希望能之後能運用到

班級,學號 視傳2A 1081445112

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

(2).請回答以下問題:
1.製作主題:風
2.呈現之配色風格:自由
3.有無遇到的問題?過程複雜
4.花多少時間製作:一個多小時
5.製作心得:好難喔TT

視傳2A 1081443078 周芸彤

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

(2).請回答以下問題:
1.製作主題:周湯豪之歌
2.呈現之配色風格:紅藍 紅黃
3.有無遇到的問題?還好
4.花多少時間製作:每一堂課
5.製作心得:覺得做出來很有成就感

視傳2A 1081445066

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

(2).請回答以下問題:
1.製作主題:鬼 / 山海
2.呈現之配色風格:紅色系 / 黃橙色系
3.有無遇到的問題?以解決
4.花多少時間製作:1小時
5.製作心得:製作歌詞的過程及解決,讓我對網頁設計有了初步的理解

視傳二A 1081445121 蔡懷宇



Edited 5 time(s). Last edit at 11/09/2020 03:04PM by 1081445121.
(編輯記錄)

MEPOERs said:
JinJin: 未製作footer
作業一網址

(2).請回答以下問題:
1.製作主題:親愛的旅人-電影 千與千尋 主題曲,人間不值得
2.呈現之配色風格:親愛的旅人為溫暖的色調,人間不值得為灰色調
3.有無遇到的問題?都是問題,常常搞混要做的事
4.花多少時間製作:沒有算,很久就是了
5.製作心得:完成一個網頁很有成就感

班級:視傳二A,學號:1081445056

MEPOERs said:
JinJin: 連結有問題!請重設定
file:///Volumes/ADATA%20UFD/hw01-1081445126/index.html

(2).請回答以下問題:
1.製作主題:簡約
2.呈現之配色風格:白色
3.有無遇到的問題?顏色與程式碼方面還需要加強
4.花多少時間製作:9週
5.製作心得:有點困難

班級2A學號1081445126



Edited 1 time(s). Last edit at 01/09/2021 06:58PM by 1081445126.
(編輯記錄)

MEPOERs said:
JinJin: 連結有問題!請重設定
JinJin: http://my.cute.edu.tw/~1081445126/hw01-1081445126/
(1).作業網址:
作業一網址

(2).請回答以下問題:
1.製作主題:艾怡良-Forever Young / 蔡依林-玫瑰少年
2.呈現之配色風格:代表年輕和雋永的藍色系 / 代表玫瑰堅毅的紅與黃色系
3.有無遇到的問題? 會在過程中因為少打一個符號或語法造成整個頁面跑掉
4.花多少時間製作:3個小時
5.製作心得:因為這份作業了解到網頁設計的有趣之處,也發現其實沒有想像中的那麼困難

1051445127 黃逸飛



Edited 1 time(s). Last edit at 11/09/2020 02:48PM by 1051445127.
(編輯記錄)

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

(2).請回答以下問題:
1.製作主題:後現代獨白/怪天氣
2.呈現之配色風格:一個明亮熱情的橘色調和陰沉憂鬱的藍色調
3.有無遇到的問題?再繳交作業的時候遇上了一些阻礙
4.花多少時間製作:3小時
5.製作心得:覺得雖然有些卡關,但是沒有想像中的困難,還算可以上手

班級:視2A 學號1081445106

MEPOERs said:
JinJin: 導覽列有誤!
(1).作業網址:
作業一網址

(2).請回答以下問題:
1.製作主題:邱鋒澤-你不用知道&預言家 歌詞
2.呈現之配色風格:黃綠色的小清新風 及 黃橘色的陽光風
3.有無遇到的問題? 中間在連結HTML跟CSS的時候有點小卡住,但後來有搞懂
4.花多少時間製作:三個禮拜的上課時間
5.製作心得:從來沒學過網頁設計所以覺得好難,但老師給的講義讓它變得簡單一點了,可以自己做出一個網頁真的很有成就感

視傳2A 1081445102



Edited 2 time(s). Last edit at 11/09/2020 03:05PM by 1081445102.
(編輯記錄)

作業一網址
http://cute.mepopedia.com/~t109a/hw01/hw01-1081445119/

(2).請回答以下問題:
1.製作主題:
lydia/大火
2.呈現之配色風格:
藍色與紫色
3.有無遇到的問題?
有/少個字或多個字都會沒辦法呈現
4.花多少時間製作:
沒計算,但很久 很多地方明明照著做卻步步錯,扔然每次要麻煩老師來
5.製作心得:
雖然過程蠻複雜的做出來還是挺感動的
視傳系2A1081445119



Edited 2 time(s). Last edit at 01/09/2021 08:06PM by zhao pin ning.
(編輯記錄)

作業一網址

(2).請回答以下問題:
1.製作主題:優雅
2.呈現之配色風格:淡雅工業風
3.有無遇到的問題?忘記改成index
4.花多少時間製作:上課時間
5.製作心得:第一次接觸網頁設計,覺得超級好玩,因為很困難所以又增加了很多嘗試性的學習。

班級,學號
2A.1081445096

MEPOERs said:
JinJin: 連結有誤,沒有footer
作業一網址

(2).請回答以下問題:
1.製作主題:
lydia 大火
2.呈現之配色風格:
藍色紫色
3.有無遇到的問題?
有/少個字多個字都可能無法呈現
4.花多少時間製作:
沒計算/但花蠻久
5.製作心得:
明明按照步驟做卻步步錯還需要老師的指導,雖然過程很複雜但做出來還是很有成就感

視傳系2A1081445119趙品寧

MEPOERs said:
JinJin: 你的網址應該是: http://cute.mepopedia.com/~t109a/hw01/hw01-1081445119/
(1).作業網址:
作業一網址

(2).請回答以下問題:
1.製作主題:刻在你心底的名子、大人中
2.呈現之配色風格:用明亮的顏色打基底或是用對比色配色營造活潑的感覺
3.有無遇到的問題?在製作html的時候常常搞混的用法 但是後來學會了
4.花多少時間製作:3個星期的上課時間

5.製作心得:
這是我第一次學習網頁的東西,覺得好難,但是做完之後發現原來網頁的產生好像會了之後也滿簡單的,希望以後能獨當一面的完成一個好的網頁
班級,學號 視傳2A 1081445090



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

(1).作業網址:
我的作業

(2).請回答以下問題:
1.製作主題:韓國女團專輯歌曲
2.呈現之配色風格:根據每張專輯的配色
3.有無遇到的問題:一開始的不熟悉
4.花多少時間製作:從開始學到現在
5.製作心得:從一開始不會到現在越做越多,還樂在其中哈哈,可以結合喜歡的事,覺得很棒!!!

視傳二B 1081445093



Edited 3 time(s). Last edit at 11/09/2020 04:06PM by 謝妤宣.
(編輯記錄)

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

(2).請回答以下問題:
1.製作主題:傻瓜 洋蔥
2.呈現之配色風格:瓜類蔬果的顏色 棕的顏色
3.有無遇到的問題? 目前沒有
4.花多少時間製作:3小時
5.製作心得:獲取新的英文單字

班級 視傳2b 學號1081445008



Edited 2 time(s). Last edit at 01/10/2021 01:04AM by 1081445008.
(編輯記錄)

MEPOERs said:
JinJin: 第二頁連結有誤
作業網址:
作業一網址

(2).請回答以下問題:
1.製作主題:一整夜/別問很可怕
2.呈現之配色風格: 第一首 用藍色跟黃色 表示夜晚 第二首 用讓人很有壓迫感的配色
3.有無遇到的問題? 目前沒有
4.花多少時間製作:課堂上的所有時間
5.製作心得:做完很有成就感 也覺得很酷

班級 視傳2B 學號1081445083

作業一網址

(2).請回答以下問題:
1.製作主題:海/O Sole Mio
2.呈現之配色風格:棕色系-秋冬時聽這首歌想到的顏色 灰粉色-聽歌時覺得有種清新的感覺
3.有無遇到的問題?一開始覺得CSS很困難,但經過老師講解後變簡單了
4.花多少時間製作:3堂課
5.製作心得:了解到網頁背後製作的程序,最後自己做出一個網站很有成就感!

視傳2B 1081445042



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

作業一網址

(2).請回答以下問題:
1.製作主題:甜蜜與清涼的感覺
2.呈現之配色風格:粉色系與冷色系
3.有無遇到的問題?無
4.花多少時間製作:兩天
5.製作心得:做出來很有成就感

視傳二B 1081445020蔡茵如

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

(2).請回答以下問題:
1.製作主題:兩種心境不同的情歌
2.呈現之配色風格:表面平靜的歇斯底里與柔和的無限思念
3.有無遇到的問題? 配色想很久
4.花多少時間製作:2天
5.製作心得:第一次架設完整的網站,有趣的初體驗

視傳2B 1081445059

作業一網址

(2).請回答以下問題:
1.製作主題:雨天意境
2.呈現之配色風格:深淺不同的藍色
3.有無遇到的問題?無
4.花多少時間製作:上課期間
5.製作心得:製作過程中對於網頁設計有了基本的了解
視傳2b1081445109

作業一網址


1.製作主題:以歌詞為主的感覺。
2.呈現之配色風格:第一首是以橘色系為主,第二首是以藍色為主,符合歌詞的意思。
3.有無遇到的問題?在還沒上CSS語法前自己摸索時,有不知到哪裡是換什麼顏色的問題,但自己多看多式就有比較了解。
4.花多少時間製作:大約4小時。
5.製作心得:第一次製作網頁覺得很新奇,有很多的小細節不注意看的話很容易出錯需要多嘗試,有對網頁的語法比較多的認識。

視傳2B 1081445053

(1).作業網址:
作業一網址
(2).請回答以下問題:
1.製作主題:正想著你呢&春風(spring breeze)
2.呈現之配色風格:同色配色&同明度配色
3.有無遇到的問題? 色彩的搭配
4.花多少時間製作:上課操作+回家1小時
5.製作心得:
當打上網址後﹐出現歌詞的畫面讓我很有成就感

班級:視傳2B 學號:1081445123

作業一網址

(2).請回答以下問題:
1.製作主題:戀愛與寂寞的感覺
2.呈現之配色風格:用粉色系來代表戀愛 藍色系代表憂愁
3.有無遇到的問題?無
4.花多少時間製作:上課時間
5.製作心得:看到最後做出來的成品 很有成就感

班級 視傳2B 學號 1081445097

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

(2).請回答以下問題:
1.製作主題:DA☆KAI / 淡い花
2.呈現之配色風格:根據歌曲的專輯配色
3.有無遇到的問題?老師的講義製作的很清楚,基本上多看幾次沒什麼問題。
4.花多少時間製作:課堂時間
5.製作心得:看著網頁從零到有的出現十分有成就感,希望之後能夠更加融會貫通。

班級:數媒4B,學號:1061448067

作業一網址


1.製作主題:獨立樂團
2.呈現之配色風格:清新
3.有無遇到的問題?有
4.花多少時間製作:大約為5-6小時
5.製作心得:第一次可以從無到有的製作一個網頁,很有成就感

視傳2B 1081445065



Edited 2 time(s). Last edit at 11/09/2020 04:03PM by 1081445065.
(編輯記錄)

MEPOERs said:
JinJin: 這是作業2
(1).作業網址:
作業一網址

(2).請回答以下問題:
1.製作主題:符合歌詞內容的感覺
2.呈現之配色風格:藍色、咖啡為主,顏色選用鮮明一點的我覺得很配那兩首歌
3.有無遇到的問題?無
4.花多少時間製作:3小時
5.製作心得:上課學著老師所教的,每堂學習新知識新語法等,快樂學習

視傳3B,1071446114

作業一網址

(2).請回答以下問題:
1.製作主題:bangdream雙r
2.呈現之配色風格:優雅
3.有無遇到的問題?目前沒有
4.花多少時間製作:6堂課
5.製作心得:有點複雜

視傳2b 1081445055 高詠婕

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

(2).請回答以下問題:
1.製作主題:紅顏舊 / 似水流年
2.呈現之配色風格:古典 / 海的感覺
3.有無遇到的問題? 改顏色的時候,程式有點卡卡的,會感覺像沒改到。
4.花多少時間製作:很多個禮拜
5.製作心得:第一次製作網頁、寫網頁程式,了解到了一些英文在程式頁面中代表的用意,很有趣。

視傳2B,1081445004

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

(2).請回答以下問題:
1.製作主題:很久以後/幸福藏在哪裡
2.呈現之配色風格:暖色調和平靜感
3.有無遇到的問題? 無!
4.花多少時間製作 上課時間和回家練習
5.製作心得:語法要練習才會熟練,一開始做有點難,但做到後來還算可以!

2B 1081445014

作業一網址

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

1.製作主題:
刻在你心底的名字電影主題曲及流星花園電視劇片尾曲

2.呈現之配色風格:
因為兩首歌的風格與愛情有相關,所以用較為粉嫩的色系來做配色。

3.有無遇到的問題?
對於語法應該寫的順序還沒有很熟悉,需要看老師寫的來協助

4.花多少時間製作:
三堂課的時間

5.製作心得:
第一次完成的網頁作品,覺得很神奇,希望未來可以讓自己更熟悉。

視傳2B 1081445047

作業一網址

(2).請回答以下問題:
1.製作主題:韓國音樂
2.呈現之配色風格:冷色調
3.有無遇到的問題? 很少
4.花多少時間製作:沒有算
5.製作心得:對我來說這是一個新的體驗,希望能有更多時間去做修改(有時會忘記自己有沒有做好.....)

視傳2B_1081445002

作業一網址

(2).請回答以下問題:
1.製作主題:
A:第一個是以灰色系來呈現歌曲[歲月神偷]時光流逝的感覺
  第二個是以黃色系來呈現歌曲[美麗舊世界]煥然一新的感覺
2.呈現之配色風格:
A:第一個是以灰色系為主
  第二個是以較明亮的黃色系為主
3.有無遇到的問題?
A:無
4.花多少時間製作:
A:上課操作+回家製作(約2天)
5.製作心得:
A:第一次真正地做出網站感覺很奇特,利用不同的語法可以把一個網站製作出來,在製作過程中也學習到了很多


視傳2B,1081445135

作業一網址

(2).請回答以下問題:
1.製作主題:周興哲-怎麼了/陳零九&邱鋒澤-天黑請閉眼
2.呈現之配色風格:〈怎麼了〉用藍灰色調表現出心情低落感,〈天黑請閉眼〉以綠色調表現出輕鬆自在感
3.有無遇到的問題?無
4.花多少時間製作:3堂課
5.製作心得:雖然很多密密麻麻的英文跟數字,學的當中也有點複雜,但做出來成果很有感覺,懂了基本的網頁設計,蠻有成就跟挑戰性!

班級 視傳2B,學號 1081445101

作業一網址
1.製作主題:音樂與海
2.呈現之配色風格:海洋風
3.有無遇到的問題?:沒有太大的問題
4.花多少時間製作:3天
5.製作心得:第一次做出這麼完整的網頁,看到一排排英文跟數字變成網頁很有趣
1/10已更新網址

視傳2B 1081445049



Edited 1 time(s). Last edit at 01/10/2021 09:41PM by 1081445049.
(編輯記錄)

MEPOERs said:
JinJin: 連結有誤
作業一網址
(2).請回答以下問題:
1.製作主題:Mikrokosmos/春日
2.呈現之配色風格:兩中共同都給粉紫粉紫的感覺
3.有無遇到的問題?無
4.花多少時間製作:一小時
5.製作心得:我覺得網頁設計比想像的還好玩

2B 1081445091

作業一網址

(2).請回答以下問題:
1.製作主題:山鬼/童話鎮
2.呈現之配色風格:山鬼:以大地色為主題,表現山的樣子
童話鎮:用繽紛的色彩表達童話裡無限想像的樣子
3.有無遇到的問題?無
4.花多少時間製作:課堂時間
5.製作心得:學到很多網頁碼,非常有成就感!

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



Edited 1 time(s). Last edit at 11/09/2020 04:09PM by 金淳誼.
(編輯記錄)

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

(2).請回答以下問題:
1.製作主題:刻在我心底的名字 水哥
2.呈現之配色風格:紫色藍色可愛風格
3.有無遇到的問題?第一次學網頁有好多地方都搞亂了
4.花多少時間製作:6~8hr
5.製作心得:第一次製作網頁設計感覺很複雜,但是我會很努力學習的!

北視覺3B,學號1071445146



Edited 1 time(s). Last edit at 01/08/2021 09:53PM by 江俞萱.
(編輯記錄)

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

(2).請回答以下問題:
1.製作主題:田馥甄-無人知曉
2.呈現之配色風格:代表愛情的紅色跟瘋狂的螢光綠色
3.有無遇到的問題? 還好,都是缺一點或多一點東西而已
4.花多少時間製作:約6小時
5.製作心得:第一次接觸網站設計,還蠻酷的,又學到了一項新東西

視傳三B,1071446132

作業一網址

1.製作主題:色塊
2.呈現之配色風格:無特別風格
3.有無遇到的問題? 很複雜
4.花多少時間製作:多次上課時間
5.製作心得:不容易

視傳2B,1081445022

MEPOERs said:
JinJin: 這是作業2
1).作業網址:
作業一網址

(2).請回答以下問題:
1.製作主題:黃鴻升/忘了怎麼快樂 F.I.R/愛上屬於你的天空
2.呈現之配色風格:前者想呈現一個憂鬱感所以選用冷色藍色配色,後者較振奮人心選用暖色紅色配色
3.有無遇到的問題?有時候會改一改忘記改到哪,容易眼花撩亂,會搞混,常打錯,不過熟習後應該就不會了smiling smiley
4.花多少時間製作:上課時間即回家時間,扣除上課大約1hr~2hr左右
5.製作心得:因為不熟悉,所以一開始會不知所措,還好老師教得非常仔細,速度也不會太快,相信之後會得心應手的!

視傳2B 1081445069 邱馨慧



Edited 1 time(s). Last edit at 11/09/2020 04:15PM by achiu.
(編輯記錄)

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

(2).請回答以下問題:
1.製作主題:暖色系與冷色系
2.呈現之配色風格:稻香:暖色系,較符合田裡之感
以後別做朋友:冷色系,因為是抒情歌且mv的背景是海邊,因此選擇藍色系
3.有無遇到的問題?名稱打錯以至於無法顯示正確內容
4.花多少時間製作:4hr
5.製作心得:從一開始的html架構到css的過程中,更了解語言的脈絡,層層的堆疊讓自己有成就感

班級,學號
視傳2B 1081445045

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

(2).請回答以下問題:
1.製作主題:敞篷車/追
2.呈現之配色風格:黑灰嘻哈風格/水藍天空風格
3.有無遇到的問題? 剛開始覺得很複雜,但多虧有老師的講義跟細心講解,製作起來很順利
4.花多少時間製作:沒有特別計時
5.製作心得:看自己完成一個網頁非常有成就感,製作過程覺得很新奇有趣,也學到很多網頁的基本技巧及知識

視傳2B,1071445122

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

(2).請回答以下問題:
1.製作主題:Dr,STONE動畫歌詞
2.呈現之配色風格:分別參考OP/ED
3.有無遇到的問題? padding失靈
4.花多少時間製作:3堂課
5.製作心得:一有瑕疵就不好改,需要用心

數媒4A 1061448104

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

(2).請回答以下問題:
1.製作主題:萬聖節版本
2.呈現之配色風格:橘色調與紫色調的萬聖節氣氛
3.有無遇到的問題? 無
4.花多少時間製作:3小時
5.製作心得:感覺很酷

視傳2B,1081445085



Edited 2 time(s). Last edit at 11/30/2020 04:32PM by 1081445085.
(編輯記錄)

MEPOERs said:
JinJin: 網址:http://cute.mepopedia.com/~t109b/hw01/hw01-1081445085/
作業一網址

(2).請回答以下問題:
1.製作主題:怎麼了/周興哲 孤獨/鄧紫棋
2.呈現之配色風格:藍色和粉色
3.有無遇到的問題?沒有
4.花多少時間製作:兩三個小時
5.製作心得:好像沒有想像中的那麼難

視傳五A,趙思芯

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

(2).請回答以下問題:
1.製作主題:Way Back Home / 飛鳥和禪
2.呈現之配色風格:一個是平靜的感覺,另一個是大自然的風格
3.有無遇到的問題?沒有
4.花多少時間製作:三天
5.製作心得:很有成就感,原來自己也可以做出網頁,希望以後能學到更多技巧。

班級:視傳2B
學號:1081445095

作業一網址



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

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

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

視傳2A 1085445041

(1).作業網址:
作業1網址
(2).請回答以下問題:
1.製作主題:玫瑰
2.呈現之配色風格:玫瑰的紅去搭配
3.有無遇到的問題? 後前有點跟不上看不明白
4.花多少時間製作:2-3
5.製作心得:我覺得網頁設計比想像的複雜,

2A 1081445128



Edited 3 time(s). Last edit at 01/14/2021 03:22AM by 1081445128.
(編輯記錄)

MEPOERs said:
JinJin: 網址:http://cute.mepopedia.com/~t109a/hw01/hw01-1081445128/ 沒有css
(1).作業網址:
作業01網址

(2).請回答以下問題:
1.製作主題:猶豫與勇氣的搭配
2.呈現之配色風格:內心狂熱嚮往變強的意境
3.有無遇到的問題?想把最上方距離拉大,但搞不定
4.花多少時間製作:5-6個小時
5.製作心得:一開始製作很複雜,如果一直抄襲別人的,感覺甚麼都學不到,所以我花了很多時間去理解,目前最理解的是改顏色smiling smiley

視傳2B 1081445036



Edited 1 time(s). Last edit at 11/16/2020 03:57PM by 1081445036.
(編輯記錄)

MEPOERs said:
JinJin: 導覽列錯誤
(1).作業網址:
作業一網址
(2).請回答以下問題:
1.製作主題:是我活該 情動的光
2.呈現之配色風格:悲傷和心動的色彩
3.有無遇到的問題:在css卡關嚴重,之後重複看了老師給予的視頻反覆的嘗試,一層層的破關成功。
4.花多少時間製作:無法計算
5.製作心得:努力後有獲得收穫,很開心也謝謝老師有放影片檔上來,讓我可以自己反覆的練習。

班級視傳2A,學號1081445124



Edited 1 time(s). Last edit at 11/15/2020 01:18PM by Min Xuan.
(編輯記錄)

(1).作業網址:
作業一網址
(2).請回答以下問題:
1.製作主題:不為誰而做的歌
2.呈現之配色風格:採對比色
3.有無遇到的問題?:有,操作CSS比較困難一些
4.花多少時間製作:2天
5.製作心得:製作網頁的過程挺有趣的,雖然遇到一些困難,不過總算是有做成功了。

班級:視傳2B 學號:1081445111



Edited 4 time(s). Last edit at 01/11/2021 04:15PM by 1081445111.
(編輯記錄)

MEPOERs said:
JinJin: 連結有誤
(1).作業網址:
作業一網址

(2).請回答以下問題:
1.製作主題:
深昏睡 / Boats & Birds
2.呈現之配色風格:
配色主要是參考音樂的專輯、MV影像的用色來搭配。
3.有無遇到的問題?
無特別遇到問題。
4.花多少時間製作:
課堂期間+每周額外約1~2小時複習。
5.製作心得:
除了實際上如何操作外,對於還有教到設計上的概念及如何找學習資源的部分覺得收穫良多。

數媒5B,1051448077

(1).作業網址:http://cute.mepopedia.com/~t109b/hw01/hw01-1081445107/


(2).請回答以下問題:
1.製作主題:憂傷與心動的感覺
2.呈現之配色風格:整體用比較冷的色表示憂傷 比較暖的色調表示心動
3.有無遇到的問題?無
4.花多少時間製作:2個小時
5.製作心得:學習到關於網站的一些相關知識

視傳2B 1081445107

MEPOERs said:
JinJin: 第二頁css跑掉
(1).作業網址:
作業網址
(2).請回答以下問題:
1.製作主題: Chocolate-The 1975 / Frail State Of Mind-The 1975
2.呈現之配色風格:依據專輯配色
3.有無遇到的問題? 無
4.花多少時間製作:上課時間
5.製作心得:學得很開心
班級 視傳4B 學號 1061445151



Edited 5 time(s). Last edit at 11/18/2020 01:34AM by doris sun.
(編輯記錄)

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

(2).請回答以下問題:
1.製作主題:戀愛和正向
2.呈現之配色風格:戀愛的暖色配色和勇敢活出自我的暖色
3.有無遇到的問題? 沒有
4.花多少時間製作:四個小時
5.製作心得:第一次做網頁覺得很酷,看似很簡單的頁面後面是複雜到不行的的程式碼,對這類的知識大開眼界

班級 視傳2B,學號 1081445067



Edited 1 time(s). Last edit at 11/20/2020 12:57AM by a1081445067.
(編輯記錄)

作業一網址

1.製作主題:相遇到離別的感覺
2.呈現之配色風格:第一首是相遇相戀所以用有點帶紫的粉色,表示這份情感等待多時,第二首是認知到並沒有遇到正確的人所以用帶灰的藍色,表達失落感。
3.有無遇到的問題? 沒有
4.花多少時間製作:2小時
5.製作心得:能做出這樣的網站是我從沒想過的,很開心

視傳2B 1081445040



Edited 1 time(s). Last edit at 12/12/2020 07:30PM by 1081445040.
(編輯記錄)

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

(2).請回答以下問題:
1.製作主題:萬聖節版本
2.呈現之配色風格:橘色調與紫色調的萬聖節氣氛
3.有無遇到的問題? 無
4.花多少時間製作:3小時
5.製作心得:感覺很酷

視傳2B,1081445085

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

(2).請回答以下問題:
1.製作主題:挪威的森林和大約在冬季
2.呈現之配色風格:森林與冬季為較自然的顏色所以選擇天藍色
3.有無遇到的問題?無
4.花多少時間製作:2個小時
5.製作心得:學習到關於網站的一些基本知識

MEPOERs said:
JinJin: 導覽列有誤
(1).作業網址:
作業一網址

(2).請回答以下問題:
1.製作主題:冬眠、夜行
2.呈現之配色風格:深色的藍紫色代表夜晚,其中「夜行」字體的黃色則表示晚上的燈火,而「冬眠」主色調以藍色、淺藍表示,有寒風、白雪的意味。
3.有無遇到的問題? 不知道為什麼上傳的時候明明站台資訊都有打對,但還是沒有連到,後來用第二個教的方法成功了
4.花多少時間製作:好幾個禮拜
5.製作心得:製作網頁很有成就感,但是偶爾失敗,又找不到哪裡錯了的時候會覺得很煩,感覺自己瞎了。
視傳2B,1081445063



Edited 1 time(s). Last edit at 12/28/2020 11:21AM by elvira.
(編輯記錄)

(1).作業網址:
作業一網址
http://cute.mepopedia.com/~t109b/hw01/hw01-1081445099/

(2).請回答以下問題:
1.製作主題:心動和背光的感覺
2.呈現之配色風格:黃色可以代表心動雀躍的心情 也可以代表背光的光的感覺
3.有無遇到的問題?無
4.花多少時間製作:2個小時
5.製作心得:學習到關於網站的一些基本知識

視傳2B 1081445099

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

(2).請回答以下問題:
1.製作主題:受傷
2.呈現之配色風格:血色
3.有無遇到的問題?
4.花多少時間製作:一個月
5.製作心得:網頁設計挺困難

班級視傳2B,學號1081445087

(1).作業網址:http://cute.mepopedia.com/~t109b/hw01/hw01-1081445120/index.html

(2).請回答以下問題:
1.製作主題:社會敗類/入土之前 陳忻玥
2.呈現之配色風格:紅色及深藍色能表達這兩首歌沉重感
3.有無遇到的問題?無
4.花多少時間製作:2個小時
5.製作心得:學習到關於網站的一些基本知識

視傳2B 1081445120



Edited 1 time(s). Last edit at 01/11/2021 03:52PM by 1081445120.
(編輯記錄)

hw01
1.製作主題:在大自然中感覺
2.呈現之配色風格:藍色
3.有無遇到的問題? 無
4.花多少時間製:上課時間
5.製作心得:無

MEPOERs said:
JinJin: 網址:http://cute.mepopedia.com/~t109b/hw01/hw01-1081445061/ 內容有誤
(1).作業網址:
作業一網址

(2).請回答以下問題:
1.製作主題:傷口
2.呈現之配色風格:陰暗
3.有無遇到的問題?有蛋順利解決
4.花多少時間製作:一個月
5.製作心得:網頁好難

班級視傳2B學號1081445087

1.製作主題:暗黑的感覺
2.呈現之配色風格:黃色可以代表心動雀躍的心情 也可以代表背光的光的感覺
3.有無遇到的問題?無
4.花多少時間製作:2個小時
5.製作心得:學習到關於網站的一些基本知識

1081445115 梁有揚
http://cute.mepopedia.com/~T109b/hw01/hw01-1081445115/



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

MEPOERs said:
JinJin: 連結和導覽列錯誤
(1).作業網址:
作業一網址

(2).請回答以下問題:
1.製作主題:柔和、朝氣
2.呈現之配色風格: (1)淡粉色代表著溫柔甜美,而淡紫色有著想念的意思,想要表現歌詞裡他再次見到她,心中所想念的感覺,而形成這種淺色系配色。 (2)音樂節奏輕快,於是選擇帶有橘黃色系的搭配,這首歌是為了悼念所製作的單曲,這樣活力的配色,讓人在聽歌時,能更坦然的面對逝去。
3.有無遇到的問題? 在製作歌詞顏色時,有些不順利,不知道是哪部分出錯或少了什麼步驟,只要更改第二首歌的顏色,第一首也會跟著更動到,搞得自己又得把第一首的顏色重新再調回來,因此多花了一些時間製作。
4.花多少時間製作:3-5小時
5.製作心得:製作歌詞頁面及它的配色設計還挺有趣的,可以依自己喜好,把喜歡的歌,配上一個專屬於它的顏色,雖然完成後的樣子看似簡單,但是所花的時間跟過程是別人所不知道的。

班級:視傳2B 學號:1081445016



Edited 3 time(s). Last edit at 12/29/2020 02:39AM by JYUN.
(編輯記錄)

作業一網址

(2).請回答以下問題:
1.製作主題: 鄧大福是一隻貓/太陽と向日葵
2.呈現之配色風格:溫暖陽光的橘色/優雅浪漫的紫色
3.有無遇到的問題? 常常忘記自己打到哪一行,所以網頁編輯有時會沒弄成功
4.花多少時間製作:好幾個禮拜
5.製作心得:第一次做網感覺很有成就感,也學到了許多基本的觀念

視傳2B 1081445079

作業一網址

1.製作主題:依照mv的感覺搭配顏色
2.呈現之配色風格:紅色 因為mv裡面有火/藍色 因為歌曲給我的感覺像在夢裡
3.有無遇到的問題? 無
4.花多少時間製作:2天
5.製作心得:還是有點不太熟

視傳2B,108144571

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

(2).請回答以下問題:
1.製作主題:匆匆那年/至青春
2.呈現之配色風格:藍/綠
3.有無遇到的問題?無
4.花多少時間製作:2個小時
5.製作心得:學到了許多基本的觀念

班級,學號 視傳2A 1081445046



Edited 1 time(s). Last edit at 01/11/2021 02:44PM by 1081445046.
(編輯記錄)

MEPOERs said:
JinJin: 沒有內容
(1).作業網址:
作業一網址

(2).請回答以下問題:
1.製作主題:心動和背光的感覺
2.呈現之配色風格:藍粉很有心動感
3.有無遇到的問題?無
4.花多少時間製作:2個小時
5.製作心得:學習到關於網站的一些基本知識

視傳2A 1081445033

MEPOERs said:
JinJin: 你的網址http://cute.mepopedia.com/~t109a/hw01/hw01-1081445033 導覽列有誤
(1).作業網址:
作業一網址

(2).請回答以下問題:
1.製作主題:回憶
2.呈現之配色風格:藍色舒服的顏色
3.有無遇到的問題?
4.花多少時間製作:1天
5.製作心得:得到成就感

班級北視傳2A 學號1081445088

MEPOERs said:
JinJin: 導覽列有誤
(1).作業網址:
http://cute.mepopedia.com/~t109b/hw01/hw01-1081445024/

(2).請回答以下問題:
1.製作主題:復古和活在自己世界的感覺
2.呈現之配色風格:藍綠色給人靜的感覺,橘棕色給人一個的感覺
3.有無遇到的問題?無
4.花多少時間製作:3個小時以上
5.製作心得:學習到關於網站的一些基本知識

視傳2B 1081445024

MEPOERs said:
JinJin: 連結有些問題
(2).請回答以下問題:
1.製作主題:雨天和戀愛的感覺
2.呈現之配色風格:繡球花的配色/喜歡的人所喜歡的顏色
3.有無遇到的問題?無
4.花多少時間製作:2個小時
5.製作心得:學習到關於網站的一些基本操作

http://cute.mepopedia.com/~t109b/hw01/hw01-1081445006

MEPOERs said:
JinJin: 連結有問題
1.製作主題: 快樂崇拜、cover up
2.呈現之配色風格: 輕快
3.有無遇到的問題? 無
4.花多少時間製作: 兩天
5.製作心得: 完成時感覺很有成就感。

MEPOERs said:
JinJin: http://cute.mepopedia.com/~t109b/hw01/hw01-1081445018/
作業網址:http://cute.mepopedia.com/~t109a/hw01/hw01-1051445110/index.html
1.製作主題:Smoke weed everyday 、Still Loving You
2.呈現之配色風格:符合歌詞內容呈現之感覺
3.有無遇到的問題:沒有
4.花多少時間製作:2hr
5.製作心得:蠻好玩的

班級:視傳5B、學號:1051445110、姓名:宋育朋

http://127.0.0.1:50303/preview/app/index.html
(2).請回答以下問題:
1.製作主題:藍色背景天空感
2.呈現之配色風格:藍色天空背景悠閒感
3.有無遇到的問題?無
4.花多少時間製作:2個小時
5.製作心得:學習到關於網站的一些基本知識

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



1.製作主題:
2.呈現之配色風格:沉穩
3.有無遇到的問題? 一開始所有步驟都不熟悉,但漸漸地練習之後就知道怎麼操作了
4.花多少時間製作:2小時
5.製作心得:看到那些能很流暢的打出程式碼的人都覺得很厲害,第一次自己接觸了網頁設計,覺得有點複雜。

視傳3B,1071445147



Edited 1 time(s). Last edit at 01/11/2021 02:21PM by 林巧妮.
(編輯記錄)

1.製作主題:心動和粉粉的感覺
2.呈現之配色風格:粉色可以代表心動雀躍的心情
3.有無遇到的問題?無
4.花多少時間製作:1個小時
5.製作心得:學習到關於網站的一些基本知識

視傳5b 1051445098

網址: http://my.cute.edu.tw/~1051445098/hw01-1051445098/index.html

(1).作業網址:
http://cute.mepopedia.com/~t109b/hw01/hw01-1081445075/index1081445075%2002.html

1.製作主題:初戀的感覺
2.呈現之配色風格:藍綠色可以代表平靜單純雀躍的心情
3.有無遇到的問題?無
4.花多少時間製作:4個小時
5.製作心得:學習到關於網站的一些基本知識

1081445075 劉育甄

(1).作業網址:
http://cute.mepopedia.com/~t109b/hw01/hw01-1081445051/index.html

(2).請回答以下問題:
1.製作主題:黃藍以及粉色
2.呈現之配色風格:黃藍為互補色系,選擇比較沉穩的不亮眼的搭配,舒舒服服。
3.有無遇到的問題?無
4.花多少時間製作:2個小時
5.製作心得:初次學習到了如何製作網頁,相當新鮮

視傳2B 1081445051

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

(2).請回答以下問題:
1.製作主題:簡約風
2.呈現之配色風格:以灰階的色調去呈現看起來比較不會膩
3.有無遇到的問題?無
4.花多少時間製作:2個小時
5.製作心得:學習到關於網站的一些基本知識

數媒4a 朱育璋

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

(2).請回答以下問題:
1.製作主題:復古的感覺
2.呈現之配色風格:藍綠色及橘棕色一種眷村的感覺
3.有無遇到的問題?連結一直出問題
4.花多少時間製作:一天
5.製作心得:第一次使用,非常複雜

視傳2b 1081445024

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

(2).請回答以下問題:
1.製作主題:健康快樂/國王
2.呈現之配色風格:健康的藍色/活潑的橙色
3.有無遇到的問題?無
4.花多少時間製作:約兩小時
5.製作心得:多學一個技能,讚

視傳2B,1081445073



Edited 2 time(s). Last edit at 01/11/2021 11:43PM by 湯辰瑀.
(編輯記錄)

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

(2).請回答以下問題:
1.製作主題:春天的感覺
2.呈現之配色風格:粉色系 甜甜的感覺
3.有無遇到的問題?第二個css用不出來
4.花多少時間製作:3天
5.製作心得:心累
視傳2A 1081445084

(1).作業網址:
http://cute.mepopedia.com/~t109b/hw01/hw01-1081445077/
(2).請回答以下問題:
1.製作主題:挑一朵雲
2.呈現之配色風格:從糾結苦悶的淺墨綠 飄出如一朵雲般的藍
3.有無遇到的問題?:一開始什麼都不會覺得摸起來好難
4.花多少時間製作:3小時
5.製作心得:做起來沒想像中困難 蠻好玩的

視傳2B 1081445077

作業01網址
(2).請回答以下問題:
1.製作主題:心花開 /魚仔
2.呈現之配色風格:
心花開:採用粉嫩的配色
魚仔:彩用大地色系配色來沉現
3.有無遇到的問題?
遇到問題是會整個搞混 但後面就慢慢搞清楚了
4.花多少時間製作:1小時半
5.製作心得:
第一次做網頁所以有點跟不太上,還需要一些時間慢慢記。
但把網頁做出來還蠻酷的,只是真的很複雜很容易搞混用錯。

視傳2A,1091445067

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

(2).請回答以下問題:
1.製作主題:歌詞
2.呈現之配色風格:配合歌詞意境呈現
3.有無遇到的問題?無
4.花多少時間製作:配合課程進度
5.製作心得:做完這個歌詞練習讓我更加了解網頁設計,也非常有成就感,可以運用在未來工作上

班級視傳2A,學號1091445061

a href="作業一網址" target="_blank">作業一網址

(2).請回答以下問題:
1.製作主題:歌詞
2.呈現之配色風格:按照歌詞意境配色
3.有無遇到的問題? 配色要一直調
4.花多少時間製作:上課做
5.製作心得:第一次做自己的網站,感覺很酷

班級 視傳2A 學號1091445121

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

1.製作主題:瘋起來 塵埃
2.呈現之配色風格:螢光色 暗灰色
3.有無遇到的問題?語法容易在小地方輸入錯誤,導致效果出不來。
4.花多少時間製作:3小時
5.製作心得:能夠從零基礎到對網頁程式的製作,真的感到非常高興,希望日後自己的能力能夠更進步
視傳2B 1091445062

作業一網址
1.製作主題:心動
2.呈現之配色風格:粉藍
3.有無遇到的問題? 第一次的作業遇到的問題大概是對網頁設計比較不了解,有些地方會不熟悉
4.花多少時間製作:上課期間就完成了
5.製作心得:覺得網頁設計挺好玩的,親手做出一個網站的感覺很酷很奇特

視傳3B 1081445127余佩珊

作業01網址

(2).請回答以下問題:
1.製作主題:基礎概念練習歌詞篇
2.呈現之配色風格:粉色系
3.有無遇到的問題? 自己操作還是需要多熟悉一些
4.花多少時間製作:課堂上完成老師教的部分
5.製作心得:第一次接觸網頁設計,才了解原來網頁語法這麼多,要多加練習才會進步

班級視傳2B學號1091445132

作業01網址

1.製作主題:
2.呈現之配色風格:粉/橘
3.有無遇到的問題?有 連結不成功 忘記打或少打打錯地方等
4.花多少時間製作:五小時
5.製作心得:第一次自己做網頁遇到很多困難 但也學到很多 希望以後能學到更多關於網頁製作的知識

班級 視傳2B 傳學號1091445066