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

Advanced

[作業03] Font Awesome字型練習與應用

106-2《中國》竹視傳二B-進階網頁設計 文章列表 發表文章 PDF 列印（下載）
JinJin [ 站內寄信 / PM ]
[作業03] Font Awesome字型練習與應用

分類標籤: 106-2《中國》竹視傳二B-進階網頁設計
  1. 1. 參照 
[講義] 製作
  2. 2. 作業說明
  3. 3. 於作業一中修改練習
  4. 4. 上課影片

1. 參照 
[講義] 製作


[講義] 使用圖示字體(icon font) Font Awesome
http://mepopedia.com/forum/read.php?804,87786


[hr]

2. 作業說明


1.可以作業一延續製作，將Font Awesome字型應用於其中

2.網頁內容若有涉及他人作品，請取得作者同意，或於footer註明，此網站為作業練習，如有侵權敬請告知


3.並回覆於本篇作業文章

(1).網址: ：http://mepopedia.com/~web106-2b/hw03/hw03-105ooooo

(2).設計概念與製作心得：


3. 於作業一中修改練習


如加入分享連結圖示，並放大兩倍fa-2x

<i class="fab fa-facebook-square fa-2x"></i> <i class="fab fa-twitter-square fa-2x"></i><i class="fab fa-line fa-2x">
於標題中加入旋轉圖示
<i class="fas fa-spinner fa-spin"></i>

4. 上課影片


https://youtu.be/BrslTed-BB4





Edited 1 time(s). Last edit at 04/07/2018 01:16AM by JinJin.
(編輯記錄)

推薦 / 評論　 分享到Facebook     回應文章 Quote
1055445056 [ 站內寄信 / PM ]
Re: [作業03] Font Awesome字型練習與應用

分類標籤: 106-2《中國》竹視傳二B-進階網頁設計

(1) 網址 : http://mepopedia.com/~web106-2b/hw03/hw03-1055445056
(2) 製作心得 : 滿好玩的 thumbs up

推薦 / 評論　 分享到Facebook     回應文章 Quote
Daniel Wang [ 站內寄信 / PM ]
Re: [作業03] Font Awesome字型練習與應用

分類標籤: 106-2《中國》竹視傳二B-進階網頁設計

(1).網址: ：http://mepopedia.com/~web106-2b/hw03/hw03-1055445095
(2).設計概念與製作心得：
很可愛的功能，相當實用。

推薦 / 評論　 分享到Facebook     回應文章 Quote
1055445097 _(:3 」∠)_ [ 站內寄信 / PM ]
Re: [作業03] Font Awesome字型練習與應用

分類標籤: 106-2《中國》竹視傳二B-進階網頁設計

(1).網址: ：http://mepopedia.com/~web106-2b/hw03/hw03-1055445097
(2).設計概念與製作心得： 增加美觀又有趣，是個很棒的功能~

推薦 / 評論　 分享到Facebook     回應文章 Quote
onfriend [ 站內寄信 / PM ]
Re: [作業03] Font Awesome字型練習與應用

分類標籤: 106-2《中國》竹視傳二B-進階網頁設計

(1).網址: ：http://mepopedia.com/~web106-2b/hw03/hw03-1055445197
(2).設計概念與製作心得： 用了作業2來製作，旋轉動畫感覺很有趣。比起再放圖片上去字形會更方便！

推薦 / 評論　 分享到Facebook     回應文章 Quote
1055445185 [ 站內寄信 / PM ]
Re: [作業03] Font Awesome字型練習與應用

分類標籤: 106-2《中國》竹視傳二B-進階網頁設計

(1).網址: ：http://mepopedia.com/~web106-2b/hw03/hw03-1055445185
(2).設計概念與製作心得:還不錯。

推薦 / 評論　 分享到Facebook     回應文章 Quote
1055445191 [ 站內寄信 / PM ]
Re: [作業03] Font Awesome字型練習與應用

分類標籤: 106-2《中國》竹視傳二B-進階網頁設計
網址: ：http://mepopedia.com/~web106-2b/hw03/hw03-1055445191

推薦 / 評論　 分享到Facebook     回應文章 Quote
1055445082 [ 站內寄信 / PM ]
Re: [作業03] Font Awesome字型練習與應用

分類標籤: 106-2《中國》竹視傳二B-進階網頁設計
(1).網址: ：http://mepopedia.com/~web106-2b/hw03/hw03-1055445082
(2).設計概念與製作心得：加上icons，蠻可愛的。smileys with beer

推薦 / 評論　 分享到Facebook     回應文章 Quote
yuyun [ 站內寄信 / PM ]
Re: [作業03] Font Awesome字型練習與應用

分類標籤: 106-2《中國》竹視傳二B-進階網頁設計
(1).網址: ：http://mepopedia.com/~web106-2b/hw03/hw03-1055445190
(2).設計概念與製作心得：
很可愛的功能，讓網頁更生動有趣

推薦 / 評論　 分享到Facebook     回應文章 Quote
1055445178 [ 站內寄信 / PM ]
Re: [作業03] Font Awesome字型練習與應用

分類標籤: 106-2《中國》竹視傳二B-進階網頁設計
網址: ：http://mepopedia.com/~web106-2b/hw03/hw03-1055445178
設計概念與製作心得： 加入icon整體就變得很活潑可愛

推薦 / 評論　 分享到Facebook     回應文章 Quote
1055445052 [ 站內寄信 / PM ]
Re: [作業03] Font Awesome字型練習與應用

分類標籤: 106-2《中國》竹視傳二B-進階網頁設計

(1).網址: ：http://mepopedia.com/~web106-2b/hw03/hw03-1055445052
(2).設計概念與製作心得： 覺得很酷炫thumbs upspinning smiley sticking its tongue out

推薦 / 評論　 分享到Facebook     回應文章 Quote
LRU [ 站內寄信 / PM ]
Re: [作業03] Font Awesome字型練習與應用

分類標籤: 106-2《中國》竹視傳二B-進階網頁設計

視傳2A 1055445103 林容渝
(1).網址: ：http://mepopedia.com/~web106-2b/hw03/hw03-1055445103

(2).設計概念與製作心得：學到了新東西

推薦 / 評論　 分享到Facebook     回應文章 Quote
1055445148 [ 站內寄信 / PM ]
Re: [作業03] Font Awesome字型練習與應用

分類標籤: 106-2《中國》竹視傳二B-進階網頁設計

視傳2A 1055445148 陳毅珊
(1).網址: ：http://mepopedia.com/~web106-2b/hw03/hw03-1055445148
(2).設計概念與製作心得：很方便有趣

推薦 / 評論　 分享到Facebook     回應文章 Quote
tungdong [ 站內寄信 / PM ]
Re: [作業03] Font Awesome字型練習與應用

分類標籤: 106-2《中國》竹視傳二B-進階網頁設計

(1).網址: ：http://mepopedia.com/~web106-2b/hw03/hw03-1055445038
(2).設計概念與製作心得： 增加趣味性

推薦 / 評論　 分享到Facebook     回應文章 Quote
1055445176 [ 站內寄信 / PM ]
Re: [作業03] Font Awesome字型練習與應用

分類標籤: 106-2《中國》竹視傳二B-進階網頁設計

(1).網址: ：http://mepopedia.com/~web106-2b/hw03/hw03-1055445176
(2).設計概念與製作心得： 痾 不太會

推薦 / 評論　 分享到Facebook     回應文章 Quote
1055445143 [ 站內寄信 / PM ]
Re: [作業03] Font Awesome字型練習與應用

分類標籤: 106-2《中國》竹視傳二B-進階網頁設計

(1).網址: ：http://mepopedia.com/~web106-2b/hw02/hw03-1055445032
(2).設計概念與製作心得：心塞。

推薦 / 評論　 分享到Facebook     回應文章 Quote
wuyujie [ 站內寄信 / PM ]
Re: [作業03] Font Awesome字型練習與應用

分類標籤: 106-2《中國》竹視傳二B-進階網頁設計

(1).網址: ：http://mepopedia.com/~web106-2b/hw03/hw03-1055445007
(2).設計概念與製作心得： 實用

推薦 / 評論　 分享到Facebook     回應文章 Quote
ukiss52007 [ 站內寄信 / PM ]
Re: [作業03] Font Awesome字型練習與應用

分類標籤: 106-2《中國》竹視傳二B-進階網頁設計
1055445076 李珮瑄


(1).網址: ：http://mepopedia.com/~web106-2b/hw03/hw03-1055445076

(2).設計概念與製作心得： 覺得很實用且很簡單

推薦 / 評論　 分享到Facebook     回應文章 Quote
1055445143 [ 站內寄信 / PM ]
Re: [作業03] Font Awesome字型練習與應用

分類標籤: 106-2《中國》竹視傳二B-進階網頁設計

(1).網址: ：http://mepopedia.com/~web106-2b/hw03/hw03-1055445143
(2).設計概念與製作心得： icon font一直轉看起來很可愛

推薦 / 評論　 分享到Facebook     回應文章 Quote
1055445068 [ 站內寄信 / PM ]
Re: [作業03] Font Awesome字型練習與應用

分類標籤: 106-2《中國》竹視傳二B-進階網頁設計

(1) 網址 : http://mepopedia.com/~web106-2b/hw03/hw03-1055445068
(2) 製作心得 :轉啊...轉啊

推薦 / 評論　 分享到Facebook     回應文章 Quote
Newer Topic Older Topic