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

Advanced

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

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

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.
(編輯記錄)


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


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


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


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


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

網址: :http://mepopedia.com/~web106-2b/hw03/hw03-1055445191

(1).網址: :http://mepopedia.com/~web106-2b/hw03/hw03-1055445082
(2).設計概念與製作心得:加上icons,蠻可愛的。smileys with beer

(1).網址: :http://mepopedia.com/~web106-2b/hw03/hw03-1055445190
(2).設計概念與製作心得:
很可愛的功能,讓網頁更生動有趣

網址: :http://mepopedia.com/~web106-2b/hw03/hw03-1055445178
設計概念與製作心得: 加入icon整體就變得很活潑可愛


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


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

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


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


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


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


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


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

1055445076 李珮瑄


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

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


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


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