これと言って書きたいテーマはありませんが、なんか書きたくなったら活字にしてみたいなぁ〜と思ってます。
誰か教えて！
皆さんHPの中でよく、ページめくりの為に『BACK』とか『HOME』とかのボタンなんかを設けてますが必要ですか？あったらかえって不便な様な気がするのですが、どんな使い方をするのでしょうか？IEがめくったページ全部覚えているので、結局自分のHPに帰るのにプラウザの『戻る』をクリックして元に戻さないと帰れないんじゃないんですかぁ？『BACK』とか『HOME』を使うよりプラウザの『戻る』でページを戻した方が何かと便利な気がしますが、こう思うのは私だけでしょうか？誰か教えて下さい。不思議なんです。
解決策
何とか解決策が見つかりました。『BACK』とか『HOME』をページリンクするのではなく、プラウザの『戻る』とか『ホーム』と同じ機能にすれば良いのでした。下記のTAGを使えば簡単に出来ます。『HOME』はプラウザの『ホーム』とは意味合いが違うので使えません。サンプルを記載しておきますのでご自由にお使いください。便利ですよ。
<input type='button' value='戻る' onclick='history.back()'>
←sample
<input type='button' value='進む' onclick='history.back()'>
←sample
<input type='button' value='進む' onclick='history.back()'>
←sample
HPのアクセス率を上げる為の講座
１．軽いＨＰにする
メインページは必ず軽くすること。 そのためには．．．
・タイトルに画像を使わない。
・メニューに画像を使わない。
・同盟などをメインページに付けない。
・MIDIは付けない。
・マウスストーカーは付けない。
ページが重いと、表示されるまで時間がかかりますよね？
２．何のページか分かるタイトルをつける
「○○'S WEB SITE」とか、「○○のお部屋」は、つけない。
これじゃあ、何のページか分かりませんよね？ だから、タイトルを見て、すぐにページの内容がわかるタイトルにしたほうがいいです。
３．テーマを決める
必ず何かテーマを決めた方がいいです。
例えば、掲示板と、マジカルバナナと、おみくじ…等 それじゃあ、お客さんは来てくれません。 一つは、自分オリジナルの「コンテンツを作ること。
４．文字を動かさない
文字を動かすのは、IEのみです。
ネスケで見ると、止まって見えます。
IEで見ても、読むのに時間がかかりますし、できるだけ文字は動かさない方がいいです。
５．壁紙に画像は使わない
壁紙に画像を使うと重くなります。
特に、派手な画像は使わないようにする。
派手だと、文字が読みにくいです。 背景の色と、文字の色も似たようなのはだめです。
６．画像のサイズを指定する
画像のサイズを指定すると、少し軽くなります。
７．ENTERだけのページは作らない
最近良く見かけるんですが、最初にページに入ると、ENTERと画像だけのページが出るんですよ。 それは、やめたほうがいいです。 クリックする回数が増えて、メインページに行くまで時間がかかります。
８．更新したところに、UPマークやNEWマークをつける。
更新したところに、UPマークや、NEWマークをつけたほうがいいです。 例えば、内容によっては一度見たページは更新されてない限り２度見る気になれないもの。だから、更新したところにUPマークか、NEWマークをつけたほうがいいです。 What's New等を作っても、見てくれない人がほとんどなので、マークをつけることをオススメします。 でも、画像は使わないように…
９．おみくじを付けない
おみくじを付けてるページを良く見かけますが、ほかのページについてるのと同じなので、まったくおもしろくないです。 もし付けても、ほとんどの人がクリックしないと思います。 どうしても、つけたい人は、せめて自作のものにしましょう。
１０．時計を付けない
これも良く見かけるんですが、時計なんて、タスクバーにあります。 それに、部屋に時計がない部屋なんてほとんどありませんし、まったく意味がありません。 ですので、付けないことをオススメします。
１１．ステータスバーに文字を流さない
ステータスバーに文字を流すと、目が疲れます。 それに、重くなりますし、付けないことをオススメします。
１２．工事中のページにリンクを張らない
リンクをクリックして、さんざん待たされたあげく、工事中だったって事ありますよね？ 僕もあるんですが、あれは絶対に止めたほうがいいです。 やられた方は、かなり腹が立ちます。 ですので、リンクは張らないようにして下さい。 どうしても、リンクを張っておきたい方は、名前のあとに、（工事中）と書いておいてください。
がんばっていいページを作ってください。
この講座はどこかのHP講座のパクリで〜す。私は全然この通りにやってないので反省してま〜す。
…でも色々やりたくなるのが初心者の心理ですね。一通りやって見ないと納得出来ないものです。そこで取り敢えず色々やって見る事をお勧め致します。 以下にやってはいけないものを紹介致しますので取り敢えず試して見て下さい。それで納得出来たら外していけば良いと思います。
必殺HP講座
＜スクロール編＞
<marquee behavior=saide>文字</marquee>
文字を左にスクロールさせる
<marquee direction=right>文字</marquee>
文字を右にスクロールさせる
<marquee bgcolor=色>文字</marquee>
文字に背景色をつける
<marquee scrollamount=数字>文字</marquee>
文字の速度を変える(設定１)
<marquee behavior=alternate>文字</marquee>
文字を左右にスクロール
<marquee direction=up>文字</marquee>
文字を上にスクロール
<marquee direction=down>文字</marquee>
文字を下にスクロール
<table border=2><tbody bgcolor=#008080><TD><marquee direction=up height=60 width=122 scrollamount=1><font color=#ffffff size=2>文字</marquee></font></td></tbody></table>
枠付きのスクロールだよ。
お知らせボードなんかに使えますね。
キリ番ゲットした方のお名前を掲載したりなんかに使えます。
<SELECT> <OPTION selected>最初に表示したい文字</OPTION> <OPTION>文字</OPTION> <OPTION>文字</OPTION> <OPTION>文字</OPTION> <OPTION>文字</OPTION> <OPTION>文字</OPTION> </SELECT>
最初に表示したい文字
文字
文字
文字
文字
文字
背景に色を付けたもの
<SELECT style=background-color:文字の周りの色;color:文字の色;border-color:white;> <OPTION>最初に表示したい文字 <OPTION>文字 <OPTION>文字 <OPTION>文字</SELECT>
最初に表示したい文字
文字
文字
文字
＜ボタン編＞
ボタンをクリックするとアラート表示が出ます。
文字の改行は\nでして下さい。
<input type=button value=最初の文字 onClick=alert('クリックしたときに出る文字');>
色付きボタン
<input type=button style=background-color:ボタンの色;color:文字の色;border-color:ボタン枠の色 VALUE=最初の文字 onClick=alert('クリックしたときの文字')>
平面ボタン
<INPUT TYPE=BUTTON VALUE=最初の文字 STYLE=BORDER-STYLE:solid;BORDER-WIDTH:1px;BORDER-COLOR:枠の色;COLOR:文字の色;BACKGROUND:背景の色 onClick=alert('クリックしたときに表示される文字')>
ボタンでリンク
<input type=button value=文字 onClick=location.href='URL'>
ボタンの色を変える
<INPUT TYPE=button VALUE=最初に表示される文字 onmouseover=this.style.backgroundColor='さわったときのボタンの色' onmouseout=this.style.backgroundColor='さわる前のボタンの色' onClick=alert('クリックしたときの文字')>
徐々に高度なものを紹介していきますので、暫くお待ち下さい。
HTMLテスト
HTMLテスト
下の画面にコピー＆ペーストで実際にどうなるのかをテストして見れます。
