Change History

[作業02] html-css｜CSS3｜jQuary｜FontAwesome｜練習
請參照講義製作：
<a href="http://jinjin.mepopedia.com/~jinjin/wd/wd-002.html" target="_blank"><b> [講義] 作業二語法解析｜jQuery動態網頁｜CSS3語法｜圖示字體｜初探</b></a>

<h2>製作說明</h2>
<h3>作業範例</h3>
作業02課堂範例：<a href="http://jinjin.mepopedia.com/~jinjin/wd/hw/hw02" target="_blank">作業02範例</a>
作業02學長姊範例：
<a href="http://my.cute.edu.tw/~1081445079/hw02-1081445079/" target="_blank">作業02範例-1</a>
<a href="http://my.cute.edu.tw/~1081445054/hw02-1081445054/" target="_blank">作業02範例-2</a>
<a href="http://my.cute.edu.tw/~1081445047/hw02-1081445047/" target="_blank">作業02範例-3</a>
<a href="http://my.cute.edu.tw/~1081445004/hw02-1081445004/" target="_blank">作業02範例-4</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-學號

<a href="http://my.cute.edu.tw/" target="_blank">中國科技大學｜個人網頁伺服器空間</a>
lank">中國科技大學｜個人網頁伺服器空間</a>
設定符合要求的css，無錯誤，至少八十分</li>
<li>完成以上說明，並符合歌詞意境，且設計符合設計美感，八十五分以上，優秀作品九十分以上</li>
<li>只完成一個檔案css設定，無錯誤，至多七十分</li>
<li>只完成一個檔案css設定，且有錯誤，至多六十分</li>
<li>完成兩個檔案，部分設定未符合要求，且有錯誤，至多七十分</li>
<li>請確實上傳檔案至雲端，且正確回覆，如有問題請提出，未確實上傳回覆扣總分十分</li>
</ol>

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

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

<a href="http://my.cute.edu.tw/" target="_blank">中國科技大學｜個人網頁伺服器空間</a>
主機名稱: 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-學號 > 的資夾內

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

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

班級，學號

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

作業二說明:http://jinjin.mepopedia.com/~jinjin/wd/homeworks.html#h02
��圖示字體｜初探

製作說明

作業範例

作業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

繳交作業方式

製作完成後，檔案命名方式：

第二個作業FTP上的資料夾為：hw02

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

中國科技大學｜個人網頁伺服器空間
設定符合要求的css，無錯誤，至少八十分

完成以上說明，並符合歌詞意境，且設計符合設計美感，八十五分以上，優秀作品九十分以上

只完成一個檔案css設定，無錯誤，至多七十分

只完成一個檔案css設定，且有錯誤，至多六十分

完成兩個檔案，部分設定未符合要求，且有錯誤，至多七十分

請確實上傳檔案至雲端，且正確回覆，如有問題請提出，未確實上傳回覆扣總分十分

繳交作業方式

製作完成後，檔案命名方式：

第二個作業FTP上的資料夾為：hw02

每位同學請<a href="作業網址" target="_blank">作業02網址</a>

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

班級，學號將自己的資料夾命名為：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).作業網址：
<a href="http://my.cute.edu.tw/~1091445XXX/hw02-1091445XXX/" target="_blank">作業02網址</a>

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

班級，學號