昨日、今日とクリッカブルマップ(イメージマップ)の作成をしましたキラキラ

クリッカブルマップとは画像の特定の位置に複数リンクを張ることが出来ます。

アメブロはHTMLでの入力ができるので、クリッカブルマップ使えるのでしょうか!?

試してみたいと思います流れ星


UPLE123_S.Oのブログ


さて、いかがでしょうかはてなマーク


この画像には3か所のリンクを張り付けています。

○にはヤフー、△にはグーグル、□にはアマゾンといった感じです音譜


いちからはじめるWebマスター科ではグラフィックソフトだけではなく、
HTML、CSSも学べますビックリマーク


HTMLを覚えるとアメブロで記事を編集してる方はわかると思いますが、
HTMLタグで編集することもできますので、アメブロをさらに楽しめます!!


GIMPはこのクリッカブルマップで一旦終了~晴れ


明日からはHTML、CSS応用編になりますキラキラ
今日も昨日から続いているGIFアニメーションですキラキラ

今日は本格的なGIFアニメーションの作成です晴れ


UPLE123_S.Oのブログ
画像クリックするとアニメーションが再生されます。


こういった高度なアニメーションにチャレンジすることで、
新たなインスピレーションを得たり、高いテクニックを
覚えることができると思います音譜

GIFアニメーションはこれでおしまい。

明日はクリッカブルマップの作成です!!
本日はまず、UPLE123のロゴ作成からビックリマーク

今回も最低条件だけ決めて、あとは全て自分で考えてもらうスタイルひらめき電球

2時間で作成してもらい、全員で品評会していいものに一人一票いれてもらい、MVPを選出いたしました。
画像は本人の許可を頂いております晴れ


UPLE123_S.Oのブログ

今回はFさんの作品が選ばれました。おめでとうございます。

非常にPOPで面白い作品だと思います。

時間もあまり取れず、皆さん納得のいくまで作れなかったようですが、定められた時間内に仕上げる重要性もありますので、慣れてきたら作業効率を上げることを意識して作っていくといいかもしれません。



残り時間はGIFアニメーションの基本について波

絵文字でおなじみのGIFアニメーションですロボット

今日は講義と一番簡単なGIFアニメーション作りビックリマーク


UPLE123_S.Oのブログ

明日はもう少し凝ったGIFアニメーションの作成をします馬