自分でもブログの記事を書いていて思う事なのですが、テキストだけを並べると途端に目が滑ります。コレってしかたのない事だと思うのですけど、読んでくれる人の目を疲れさせず興味を惹く方法は無いかな、と思いませんか？

で、手っ取り早く効果的だと思ったのが、記事の先頭に適度なサイズのキャプションを付ける事。私の場合は、自分の素材屋で配布している80px四方の写真プレート素材を挿入しています。この記事もそうです。

たった80px四方の写真があるだけなのに、それがアイキャッチになってページをテキストだけの圧迫感から解放してくれます。不思議ですよね。
後は、スタイルシート(CSS)で行間指定をする事も効果は絶大ですね。私は、160%の行間にしてます。ウェブサイトやブログのCSSファイルに

body{
line-height:160%;
}

と記載すれば、適度な行間が空いて窮屈感が無くなりますよ（＾▽＾*）。

ホントにちょっとした事ですが、サイトのデザインの見やすさや雰囲気も、リピーター獲得には重要な要素ですよね。

HP素材のおすそわけ。で配布しているテンプレート素材の編集について、HTMLの編集が出来るエディタの情報を少しまとめてみました。

尚、ジオシティーズの利用法については、ジオシティーズ内に解説ページを作ってみましたのでそちらもご覧下さいね。

関連リンク：HTML+テンプレートの編集方法

winIE６の機能に、イメージツールバーと言うのがあります。画像のようなツールチップ（？）を見たことがある方は多いと思います。このイメージツールバー、サイト作成者サイドで非表示に出来るみたいですね。知りませんでした。非表示の方法としては、二通りあるみたいです。

メタタグに直接以下のタグを書き込む
　　<meta http-equiv="Imagetoolbar" content="no">イメージごとに非表示の指定をする
　　<img src="" width="" height="" alt="" galleryimg="no">

ちなみに、IE7にはこのイメージツールバーは実装されていない様子。不評だったんですかね。まあ、覚えておくと便利なタグだと思うのでメモがてら覚え書きを書きました。

メニューアイコンにロールオーバー効果を加えるのページを一年以上ぶりに改訂しました。以前はJavaScriptのみのTIPSだったのですが、CSSによる画像のロールオーバーも解説しています。
＞＞ロールオーバーの解説ページはコチラ

あと、やはり一年以上ぶりにHTML覚え書きも改訂してます。当時よりは解かりやすくなったハズ。

こういうページはほんとに需要があるのかイマイチわからないんですが、改訂版を作ってる間は楽しかったです。自分の勉強になるので、逆にマメに目を通して改訂するのも良いかもと思いました。

サイト作成のTIPS

画像素材の保存方法。

当サイト内で配布している素材は以下の手順でお持ち帰りできます。
ウチは直リンクは推奨しておりません。素材はお持ち帰りの上ご自分のサーバーにアップロードして使ってね。

windowsの場合

まず、保存したい画像の上にカーソルを乗せ、右クリックします。

「名前を付けて画像を保存」と言う表示が出ますので、
そのまま任意のフォルダに保存してください。
※名前は、必ずアルファベットの小文字で付けましょう。
ネット用には日本語はオススメできません。

Macの場合

保存したい画像をクリックし、メニューが出たら、
「画像に名前を付けて保存」で任意の場所に保存。
ゴメンナサイ、Mac無いので説明が簡潔です（＾▽＾；）

サイト作成のTIPS

テンプレートの編集方法。

テンプレートの書き換えは、WYSIWYGエディタが便利です。フリーウェア（無料ソフト）ではalphaEDITを強くオススメします。実際使って良い感じでした！簡単ですが解説をさせて頂きます。

その他のエディタ特集はこちらです。

テンプレート書き換えの簡単な手順説明

テンプレートと、alphaEDITで書き換えたページのサンプルです。(別窓)

詳しい解説は、alphaEDITでホームページを作ろう！さんや、使って楽しいalphaEDITのすすめさんがされています♪

「alphaEDIT」でのテンプレート編集手順。
ファイルを開きます。

文字を書き換えたい部分を、ドラックしてぐ～っと引っ張って選択し、
その上から文字を上書きします。

エンターを押すと、自動で<P> タグが挿入されますので、
空白を含まない改行の場合は改行ボタンを使って改行しましょう。

微調整は、HTMLソースを見ながらやりましょう。
HTMLの記述を覚えると更新もグッと楽になりますよ!!
HTMLリファレンスを公開されているサイトさんが沢山ありますので
恩恵にあずかって勉強しちゃいましょ♪
非常に微妙ですが、HTMLの基本の基本はウチでも解説してます。

 画像の挿入法

メニューから、「挿入」→「画像」で挿入したいファイルを選択します。
この時、代替テキストも設定しておくと良い感じ♪

イメージが挿入されました。

 FTPでアップロード

メニューから「オプション」→「FTP転送」を選択。
使用するFTPアップローダーを付属のアップローダーにチェック。
その下の接続情報に、サーバーから提供されたFTP接続情報を入力。
（※ブラウザでファイルマネージャーの場合は指示に沿ってアップロード。）

メニューボタンから、地球に矢印がかかったマークをクリックします。
（「ツール」→「FTPアップロード」でもオッケーです。

メニュー左上から「ファイル」→「接続」でサーバーに接続し、アップロード。

---

以上で完成です。ブラウザでサイトに アクセスして、確認してみましょう♪