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

Advanced

Change History

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

Changed By: JinJin
Change Date: December 19, 2020 05:11PM

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

<h2>製作說明</h2>
<h3>作業範例</h3>
作業02課堂範例:<a href="http://jinjin.mepopedia.com/~jinjin/wd/hw/hw02" target="_blank">作業02範例</a>
作業02學長姊範例:<a href="http://file.mepopedia.com/~css108b/hw02/hw02-1075445050/" target="_blank">作業02範例</a>
<hr>
<h3>參考之課堂講義</h3>
<a href="http://jinjin.mepopedia.com/~jinjin/wd/wd-6.html" target="_blank">[講義06]jQuery動態網頁初探</a></li>
<a href="http://jinjin.mepopedia.com/~jinjin/wd/wd-7.html" target="_blank">[講義07]使用圖示字體(icon font) Font Awesome</a>
<a href="http://jinjin.mepopedia.com/~jinjin/wd/wd-8.html" target="_blank">[講義08]CSS進階語法補充</a>
<hr>

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

*以FileZilla上傳至FTP

<h2>繳交作業方式</h2>
<h4>製作完成後,檔案命名方式:</h4>
第一個作業FTP上的資料夾為:hw02

每位同學請將自己的資料夾命名為:hw02-學號
這個作業的網址則為:
http://cute.mepopedia.com/~h109a/hw02/hw02-108xxxxxxx (A班)
http://cute.mepopedia.com/~h109b/hw02/hw02-108xxxxxxx (B班)

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

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

<h4>以FileZilla上傳至FTP</h4>
<h4>回覆本篇文章</h4>
(1).作業網址:
<xmp><a href="作業一網址" target="_blank">作業02網址</a></xmp>

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

班級,學號
http://my.cute.edu.tw/~1085445XXX/hw02-1085445XXX/

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

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

<h4>以FileZilla上傳至FTP</h4>
<h4>回覆本篇文章</h4>
(1).作業網址:
<xmp><a href="http://my.cute.edu.tw/~1085445XXX/hw02-1085445XXX/" target="_blank">作業02網址</a></xmp>

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

班級,學號

Original Message

作者: JinJin
Date: November 09, 2020 03:00AM

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

製作說明


作業範例


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


參考之課堂講義


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



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

*以FileZilla上傳至FTP

繳交作業方式


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


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

每位同學請將自己的資料夾命名為:hw02-學號
這個作業的網址則為:
http://cute.mepopedia.com/~h109a/hw02/hw02-108xxxxxxx (A班)
http://cute.mepopedia.com/~h109b/hw02/hw02-108xxxxxxx (B班)

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

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

以FileZilla上傳至FTP


回覆本篇文章


(1).作業網址:
<a href="作業一網址" target="_blank">作業02網址</a>

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

班級,學號http://my.cute.edu.tw/~1085445XXX/hw02-1085445XXX/

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

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

以FileZilla上傳至FTP


回覆本篇文章


(1).作業網址:
<a href="http://my.cute.edu.tw/~1085445XXX/hw02-1085445XXX/" target="_blank">作業02網址</a>

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

班級,學號