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

Advanced

Re: [作業02]jQuary與Font Awesome圖示字體練習

[作業02]jQuary與Font Awesome圖示字體練習

1. 作業說明


為使大家在進入期中作業RWD OnePage網站之前,了解何謂jQuery及JavaScript動態語法以及圖示字體(icon font) Font Awesome,加入前導練習。

請延續作業一內容,參考以下兩份講義:
[講義] jQuery講義
[講義] 使用圖示字體(icon font) Font Awesome

將適當的jQuery及Font Awesome圖示字體加入作業一中,做為前導練習。


2. 作業範例


http://mepopedia.com/~jinjin/ex/hw02-jquary/



3. 繳交方式


製作完畢請上傳FTP
下載:http://filezilla-project.org/download.php?type=client

並回覆於此篇文章

1.網址: http://file.mepopedia.com/~css108b/hw02/hw02-107544XXXX
2.製作心得:
3.遇到的問題及製作時間:

1.網址: http://file.mepopedia.com/~css108b/hw02/hw02-1075445068
2.製作心得:加了圖示便更好看了
3.遇到的問題及製作時間:1天

1.網址: http://file.mepopedia.com/~css108b/hw02/hw02-1075445050
2.製作心得:稍微複雜了一點,但是挺有趣的
3.遇到的問題及製作時間:1天以內

1.網址: http://file.mepopedia.com/~css108b/hw02/hw02-1075445066
2.製作心得:能有更多變的功能,很有趣
3.遇到的問題及製作時間:無,30分鐘

1.網址: http://file.mepopedia.com/~css108b/hw02/hw02-1075445018
2.製作心得:能讓網頁有互動感和趣味性。
3.遇到的問題及製作時間:有些指令太多了看了眼花繚亂~ 一個小時

1.網址: http://file.mepopedia.com/~css108b/hw02/hw02-1055443132
2.製作心得:无
3.遇到的問題及製作時間:不会把tabs语法贴上 1h

1.網址: http://file.mepopedia.com/~css108b/hw02/hw02-1075445080
2.製作心得:ok
3.遇到的問題及製作時間:1天以內

1.網址: http://file.mepopedia.com/~css108b/hw02/hw02-1075445012
2.製作心得:很累,看的眼睛很酸
3.遇到的問題及製作時間:一小時



Edited 1 time(s). Last edit at 10/23/2019 09:09AM by 1075445012.
(編輯記錄)

1.網址: http://file.mepopedia.com/~css108b/hw02/hw02-1075445048
2.製作心得:慢慢練習會有收穫
3.遇到的問題及製作時間:1天

1.網址: http://file.mepopedia.com/~css108b/hw02/hw02-1035445064
2.製作心得:圖是很有趣,很喜歡
3.遇到的問題及製作時間:1天

1.網址: http://file.mepopedia.com/~css108b/hw02/hw02-1075445076
2.製作心得:第一次做有動態的網頁
3.遇到的問題及製作時間:2小時
1075445076 莊傑宇



Edited 1 time(s). Last edit at 10/23/2019 10:57AM by 傑宇.
(編輯記錄)

網址: http://file.mepopedia.com/~css108b/hw02/hw02-1055461035
2.製作心得:在第一個標題前新增了一個轉動的葉子,當中最吸引我注意的就是這個停頓轉動
其實可以的話很想自己畫一個,因為只有找到跟植物相關的葉子,沒有花
3.遇到的問題及製作時間:因選擇的主題,比較少有可以新增的東西,只用頁籤簡單寫了一點字
想著要新增什麼就花了快一天的時間

1.網址: http://file.mepopedia.com/~css108b/hw02/hw02-1075445054
2.製作心得:
很有成就感
3.遇到的問題及製作時間:
大約兩小時
沒有問題

1.網址: http://file.mepopedia.com/~css108b/hw02/hw02-1075445024
2.製作心得:加了圖示整體多了一些變化,多加練習能夠操作得更熟練。
3.遇到的問題及製作時間:1小時

1.網址: http://file.mepopedia.com/~css108b/hw02/hw02-1075445096
2.製作心得:上課恍神一下,就錯過很多製作技巧了,越來越有難度
3.遇到的問題及製作時間:1天,要記得結尾問題

1.網址: http://file.mepopedia.com/~css108b/hw02/hw02-1075445058
2.製作心得:繼續~~能加更多功能哇!
3.遇到的問題及製作時間:2.3H

1.網址: http://file.mepopedia.com/~css108b/hw02/hw02-1055440093
2.製作心得:有時候會忘記要補結尾的語法
3.遇到的問題及製作時間:2小時