広告制作とホームページ作成

ホームページ作成でHTMLの余分な記述をなるべく減らしていたが、メニューのリンクでマウスを画像に乗せると画像が変化するロールオーバーイメージの記述を何とかなくしたいと思ったが、JavaScriptに関しての知識がない為手付かずになっていた。いろいろ調べているとCSSのみで同じような効果を得る方法もあるようだ。
厳密にいうとCSSのみで行う方法は画像の一部が表示されて、マウスが乗ると画像がスライドする事によって普通の状態、マウスオンの状態の画像表示をするらしい。画像を２つつなげたような画像を用意するようだ。
スライドといっても人の目には速すぎて画像が変わったようにしか見えない。
この方法はCSSのみなのでHTMLへの記述が減るのだが、今回はJavaScriptでのロールオーバーのままで外部ファイルにしたいと思っていたのでネットで調べて何とか方法をみつけて外部ファイルにする事ができた。
「.js」の拡張子をつけたファイルに必要な記述をし、htmlへの記述が大幅にカットされた。
その後FLASHアニメーションを載せているサイトも外部ファイル化しHTMLの記述を大幅に減らせた。
seo的にもビジュアル的にも良いバランスを保つ事ができそうだ。

.js, CSS, Flash, HTML, JavaScript, ホームページ作成, ロールオーバー, 外部ファイル, 記述

<p>〜</p>

〜の部分に文字を入れます。<p>で始まり、</p>でタグを閉じます。
段落の開始と終了になります。
<p>〜</p>でひとかたまりの段落となり、次に<p>〜</p>を記述すると間に一行空白が開きます。
<br>の場合は改行になり、意味あいがかわるので状況に合わせて使い分けましょう。

<p>, HTML, p, pタグ, タグ, ホームページ作成, 改行, 段落

ホームページを作成していてFlashを一度は使ってみたいと思う人は少なくないと思う。
自分もそんな一人で、seoに良くないと聞いていても使ったりしていた。
だが、やはりどうせなら徹底的に検索クローラーにやさしいホームページを作りたいという気持ちも同時にあり、結局Flashを使うサイト、使わないサイトと分けて考えている。
Flashだけがseoに関係あるわけではないが重要なポイントの一つだと思う。
かと言ってサイトのコンテンツによってはビジュアル重視でFlashを使いたいサイトもある。
ビジュアルとseoの兼ね合いには悩みます。

Flash, seo, クローラー, ホームページ作成, ホームページ制作, 検索

ホームページ作成時、DreamweaverのCS3を使っています。
もともとMACでDreamweaverを使った事はあったのですが独学中に訳がわからなくなってしまい、HTMLを手打ちして覚えてみようとDreamweaverを使わなくなりました。結構時間が掛かったのですが、手打ちによるHTMLへの記述ができるようになってからウィンドウズを購入し、ウィンドウズ用adobe web standard CS3を購入。adobe web standard CS3に入っているDreamweaverのCS3を使い始めました。
使いはじめて慣れてくるとすごくラクに感じてきます。手打ち作業をずっとしていたので当然ですが・・。
それでも、手打ちによる作業は必ず出てくるので、ソフト＋手打ちの作業となります。自分の中でそれが一番効率が良いように思います。
やはりコードを見ていて理解できると便利です。

CS3, Dreamweaver, HTML, MAC, ウィンドウズ, ソフト, ホームページ作成, 手打ち