アフィリエイト初心者がスキルアップするための情報ブログ

今日は睡眠不足の上、めちゃくちゃ忙しくて昼寝をしたかったンですけど
それも出来ず泣きを入れそうになった寿 一太朗デス。こんばんわ！

ただ眠いです。。。
でも今日もパトロールの当番なんです (>_<)

はぁ〜。

加藤茶じゃないけど、あんたも好きねぇ〜って思ってるでしょっ！
でも、ストレスは発散しないと・・・
はい！一日中部屋に閉じこもりなので。
っと、もっともらしい理由を付ける (^^；


で、今回はホームページ制作時に注意するべき事をお話します。。。
制作時にまず考える事は、見る側がどういう環境なのかを考えます。

●通信環境
光ファイバなのかADSLなのか、またはISDNなのか・・・。
通信速度によってページが開く速度が違いますよね！
それによってページの作り方が違います。

何処に合わせるか！
ADSLでもスピードが何種類か有ります。
画像のサイズや減色の仕方などよく考えて下さい。


●モニタのサイズと解像度
モニタのサイズや解像度は人によってさまざまです。
一番に考えることは横スクロールさせないで表示出来る
横幅を考えます。

縦のスクロールは気にしないそうなんですけど
横のスクロールは嫌われるそうです。

どのサイズに合わせるか・・・。
私の場合は、15インチの1024×768ピクセルを想定して
横幅は、800ピクセル以内で作るようにしてます。

これだとブックマークをサイドバーに出しても
ほぼ横スクロールなしで表示できます。


●使用ブラウザ
全てのブラウザで同じ表示をさせるとなると
非常に困難なので、IEとFireFoxに合わせて
HTMLとCSSを書いてます。

この二つでもHTMLとCSSは微妙に書き方が違うし
またバージョンによっても表示が違います。
バージョンが古いとマックかウィンドウズでも違います。

非常に面倒くさいです。

でも何処かで線引きをしなければなりません。
判断の基準として、シェア率で決めるのも良いかも知れません。
あとは、あなたの判断です。
よく考えてレイアウトを決めてください。

っと、まぁこんなことを最初に考えて私は制作してます。
参考になれば幸いです。。。

次回は、読者の方から質問されたことなのですが･･･

ファンブログでセレクトショップやいわゆる物販のブログを
されてる方が多いと思うのですが、紹介している商品を
構造化してサイトマップみたいに表示させたいと思いませんか！？

裏ワザでもないけど、作り方を紹介します。。。

昨日は夜の街を徘徊･･･もとい、パトロールに出かけ
相変わらずキャサリンズバーは多いなっ！て思いながら
ついつい朝までパトロールをしていてヘロヘロになって
きつ〜い！二日酔いの寿一太朗です･･･コンバンハ！

相も変わらず飲みに出かけたら朝になってしまう私です (^^；
早く帰ればいいものを・・・。
どうやら懲りない性格のようです。。。

っとまぁ、そんな訳で今日は頭の回転数がアイドリング状態なので
ちょっとしたポテト チップスをご紹介します。

えっ〜と、ネットサーフィンをやってて気に入ったサイトとかお気に入りに
登録したりしますよね。ブックマークともいいますが・・・

SEO的にお気に入りに登録をしてもらうと被リンクを受けることになるので
相互リンクより有利になるといわれています。
ネットサーフィンしていて、こんなボタンをよく見ませんか？



ページトップに設置して、お気に入りへの登録を促してます。
確かに何も無いより登録ボタンがあれば登録してくれる確率はアップすると思います。

でも ･･･ デフォルトのままではブログのデザインと合わないと思う方も
いるンじゃないかと思います。
そこでこんな風にデザインしましょう。

  

どうですか･･･？
あなたのブログデサインに合う色に変えて設置してみませんか･･･。

<input type="button" value="　お気に入り登録する　" onclick="javascript:window.external.AddFavorite('あなたのサイトアドレス','ここにサイト名か簡単なサイトの説明文を書く')" style="font-size:12px;color:#■■■■■■;border:solid 1px #○○○○○○;background:#●●●●●●;padding:2px 2px 2px 2px;">

青色で書いた所はあなたのサイトに合わせて書き換えてください。
#■■■■■■の所は文字の色です。
#○○○○○○の所は枠線の色です。
#●●●●●●の所は背景の色です。

ソースをコピペしてあなたの好みに合わせて作って下さい！

あっ！言い忘れてました。。。
このジャバスクリプトはインターネットエクスプローラのみで動作します。

ホームページ制作ソフトなんて入らない！

のっけから大胆な発言をしてしまいました (^^;
でも、本気でそう思ってます･･･。

一応ウェブ制作ソフトはアドビのGoLive CS を持ってます。
でも、使い方も知らないし、使った事もありません！

じゃ、どうやって制作してるのか･･･。
はい、普通のテキストエディタで制作しています。
ただ画像処理には、アドビのフォトショップとイラストレータを使ってます。

基本的にHTMLの構造の仕組みとタグを覚えれば簡単デスッ！
最初は理解するのに時間が掛かったのですが、構造を理解すれば
後はホントにスラスラと書けます。
タグは覚えなくても否応なしに書いてく間に覚えました。

じゃ何を参考にしたかと云うと･･･。


この２冊の本で勉強しましたョ！
ただ私が持ってるのは、もう１０年も前のやつですけど (^^;
今でも使ってますョ！もぅボロボロになってるけど･･･。

現在のホームページ制作は、W3Cが推奨するHTML4.01に準拠して
HTMLでレイアウトを作り、スタイルシートでデザインして制作します。

あなたもホームページ制作にチャレンジしてみて下さい･･･。