ホームページの文字に動きをつけよう

ホームページの文字に動きをつけて目立たせることができます。フォントの大きさやフォント名を いじるだけでなくこの方法だと嫌でもホームページへの訪問者の目を引くためホームページ作成時に 非常に有効的です。アクセシビリティを向上するためにぜひ知っておきたいところです。

文字を点滅させるタグと文字を左右に動かすタグはこの基本中の基本です。まず文字の表示と非表示 を繰り返し、点滅しているように見せるタグがblinkタグです。もともとblinkは英語でまばたきを 意味します。点滅させたい文字をblinkに挟むだけなので、非常に簡単です。これだけでもホームページ に大きなインパクトを与えることができます。

Our partners
税理士 東京 →税理士の事ならことサイトです。
電話占い →電話占いに特化した面白いサイトです。
会計事務所 →会計事務所は信頼と実績のこの会社です。

昔この手の文字装飾が非常にはやった時期があります。まだフラッシュなどがあまり 普及していない時代です。今では昔作成されて更新していないようなホームページ でしかお目にかかることはなくなってきました。

動きをつけるのにはタグでのフォント指定、gifアニメーション、フラッシュの三種類の うちのどれかから選ぶことになります。高品質なものは左から順です。また会社に 頼んだ時の料金が安いののも左から順です。フラッシュはやはりちょっと高めです。

昔流行った方法でhtmlにタグを挿入して動かすことはできますが、今現在この タグで見ると非常に切ないです。フラッシュなどに到底かなうわけもなく、gifアニメ にも太刀打ちできません。

普通のアニメーションgifでも簡単な動きは付けられますが、なめならかな動きがつけられ ないのが難点です。ホームページのトップ部分にもってくる場合はやはり見栄えをよく したいのでフラッシュを使った方が良いでしょう。

このタグはネットスケープのみ有効なので、現在のインターネットエクスプローラや ファイヤーフォックスよりのネットユーザーに対してあまりお勧めできません。点滅とは逆に エクスプローラでのみ有効なのがmarqueeタグです。この間に書いた文字は右から左へ流れる ように進んでいき、左に消えた瞬間にまた右から出てきます。

Our partners
パワーストーン →パワーストーンのことについてもっと知ろう。
名刺印刷 →名刺印刷はここに依頼しましょう。
電話占い →電話占いならこのサイトが一番です。

ホームページの数か所に動く文字を入れる場合は一辺倒な動きでなく、変化をつけた ほうがよいです。目立たせるために動きをつけたつもりが、みんな同じ動きではかえって 目立たなくなってしまいます。このあたりはデザインと同じくセンスがものを言います。 色々なホームページを研究して参考にしましょう。

余裕があるのであれば、自力でフラッシュなどを覚えてもよいでしょう。パラフラと呼ばれる 無料の作成ソフトもあります。解説ホームページも個人サイトでたくさんあるので、参考 サイトには困りません。ただ相当の時間がかかることだけは注意した方がよいでしょう。

簡単な物でよいならgifアニメにしましょう。業者なら数千円でできます。フラッシュでも 1万円でおつりがくる程度の価格でやってくれるところもたくさんあります。高い業者だから 良い、というわけではありません。

フラッシュは個人的に作ると時間がかかる上に、きれいにできないので業者を使うことに なりますが、1万円はします。ですので、アニメーションgif程度でよいかもしれません。こちら だと数千円から作ってくれる会社がありますので、ネットで検索してみてください。

消えると困る場合は、左橋までいく通り返す指定もできます。タグはmarquee behaivor="alternate" です。これに回数をしてすればOKです。インパクトを与えやすいですが、バナー広告をみなれた ユーザーにとっては無意識にスキップされてしまうことがありますので、あまり広告的なもの はさけたほうがよいでしょう。

Our partners
プレス加工 →プレス加工なら安心のこの会社まで。
チラシ印刷 →チラシ印刷なら安心のこの会社がベストです。
パワーストーン →パワーストーンの秘密がわかります。
探偵 川口 →探偵を川口でお探しならここで安心です。

メニュー

コンテンツ

お気に入りサイト達

内容の正確性に関しては責任を負いかねます。個人の責任にて当サイトをご利用ください。