写真の切り替え効果

ども。

最近お客様の中でも

結構いろいろなお問い合わせをいただきまして

画像に関する加工の仕方が多いですね。

マウスを重ねて、画像の変化を出すロールオーバーに関して。

これは、例えば今まさにマウスの

カーソルをその文字なり画像に合わせると

別の文字色になったり、画像が変わったりといった効果が

出せるので色んなホームページでも使用されてます。

で、その他の効果として非常に

多くのお問い合わせをもらってるのが

javascriptの機能かなぁと。

横に、何種類かの画像があって

メインに映し出されるものが大きく出てくる窓があって

それぞれの小さな画像にマウスのカーソルを合わせると

それぞれの画像が出てくる。

http://ryokakumoto.com/java_test/

こんな感じの効果を出したい！！って

方が多いのかなぁって思います。

ものすごくきれいな写真の切り替えを出したい場合には

FLASHで制作するのが一番ですが

そうするとホームページの容量の問題や

経費的な問題がでてきます。

で、javascriptですね。

切り替えだけなら全然これでいけると思うし

結構あっさり作れます。

こういうの、好きって言われる方が多いから

javascriptの勉強もどんどんしていくと

ホームページのイメージも膨らむのかなぁって思いますね。

＊:．．｡o☆★o。．．:＊　RYO’s　HOMEPAGE　＊:．．｡o☆★o。．．:＊

コーディングを早くするために！

ども。

最近はずっと社内で納品作業やら

制作作業の手直しなどを手伝って出張しながら取材して・・・を

繰り返してるのですが、

やはり！時間との勝負になってきましたーー！！

・・・社内でつめられるしさ　(´ω｀。)グスン

コーディングが遅くて・・・

慣れてなくて・・って

言うWEBデザイナーさんも多いですよね。

私もそのうちの一人やけども

そんなこたぁ、言うてる場合じゃねぇ（笑）

で、やっぱり早く早く！と言うてても仕方ないので

まず、1ページどれぐらいで出来るかを

タイム図ります。

ホンマにストップウォッチで図りますね、これ（笑）

目安は40分。

はい、スタート！で

集中してズバババババっとやりとげて

時計をみたら、65分！！！？？なんてこたぁ

ざらにあります（笑）

でも、次にはこのカタチやから同じようにしてとか

さっきここで時間かかったから

今度はこうして・・・って

考えながらやってると

あらら、不思議なことに慣れてくるのか

意外と早くなりますよ＾＾

デザインも同じくで、パターンが決まってくると

作るスピードが速くなる。

仕事がたまって死にそう・・・って状況からの

打破のために私を含めて今みんなが死ぬ気で練習中（笑）

春には楽になるとええなぁ。

*:．．｡o☆★o。．．:*　RYO’s　HOMEPAGE　*:．．｡o☆★o。．．:*

タグは最後の＞までちゃんと書きましょう！

ども。

今日はHTML言語のお話。

ホームページを自分で作ることになったり

変更するにあたり

どうしてもブチ当たるんがHTML言語やと思います。

どこかで何かしら、触る必要性が出てきてしまう。。。

｡ﾟ(ﾟ´Д｀ﾟ)ﾟ｡　ｲﾔﾔｰ

結構めんどい、わからないという感じでHTMLから

遠ざかりたいと思ってる人が多いみたいですが

どうしても触らなアカン時のためにも

是非ぜひ覚えておいてほしいこと。

それは、タグを書くなら、最後の「＞」までちゃんと書きましょう！

これです。

タグっていうのはHTML言語の中で使うものやねんけども

<img>　とか

<p>とか

<div>とか

色々あります。

<font>なんてのもありますね。これはもしかしたら

結構馴染みやすいタグかもしれへんです。

英字を読んだままでOKです。フォントのサイズや色なんかを変更するときに

使います。　フォントタグっていうたりしますね。

このタグたちがいてることで

命令を出します。　ホームページのカタチを作る人たちですね。

「はい、ここに画像入りますよー」とか

「はい、こっからこの色のフォントでサイズは14pxでいきますよー」とか。

しかしね・・・

このタグ。

対になるタグがいます。

</p>とか

</font>とかみたいな形をしてます。

名付けて終了タグ！！

ちなみに終了タグがいてへんタグもいます。

画像を入れる時につかうイメージタグさんがそうですね。

<img ….. />　って感じで自分１つで閉じちゃいます。

基本的に終了タグがあったら、開始と終了の間に挟まれているところが

その命令に従う部分になります。

で、問題は終了タグでも開始タグでもそうやねんけども

> ←　こいつね。　この人、忘れたらあきまへん。

<font> </font

これ、ブブブブブブーーーー！！！です。（笑）

文章途中で終わってるようなもんです。

「ここからの文章の文字色を赤色に変え・・・・」

って感じ。　これやったら文章が途中でわからへんですよね？

■　ここからの文章の文字色を赤色に変えてください

かもしれへんし、でも

●　ここからの文章の文字色を赤色に変えないでください

かもしれへんわけです。　真逆やしっ！

意味がわからないってなるので

パソコンだってお手上げになります。

┐(´∀｀)┌ﾔﾚﾔﾚ

なので、放棄されてしまってその命令が通りません。

最後まで書きましょうね、必ず。

絶対です！！！

省略とかナシです！

*:．．｡o☆★o。．．:*　RYO’s　HOMEPAGE　*:．．｡o☆★o。．．:*