アフィリエイトとブログ作成の話

まあHTMLやCSSくらい、ちょっといじれるようになればとか思います。


まず最初はCSSで、背景画像やバナーをいじってみる所から。

background-image:url(ここに画像のアドレス);

こんな記述のところを見つければ、何かしらの画像指定ですので。
URLでも抜き出してみて、画像を確認。
サイズが同じであれば使えるでしょうから、プロパティでサイズ確認。
同じサイズの画像でも自作して、差し替えてみてください。

この程度の事が出来れば。
ちょっと自分好みのデザインにする事は出来ます。


まあちょっと真面目に覚えるなら。
まずHTMLを
tableで切るのか？
divで切るのか？
混在させるのも有りなんですが。
大まかの最初の枠組みをどっちで取るのか？
あたりから始まります。

昔はエディターの関係上、tableで切るのが圧倒的でしたが。
ブログテンプレなどはdivで切るのも多く。
タグ構成としては、divで切った方が軽くなるので。
最近はdivも多くなりました。

ただ、ブラウザ毎のずれが気になるようでしたら。
tableで固めていった方が無難です。

この、レイアウト作りを理解すれば。
思った様なサイトが作りやすくなります。


そして次は
margin padding
これが曲者です。
まあ「隙間」の取り方なのですが。
これがブラウザ毎に随分違うので、数字合わせが大変です。
borderあたりとの組み合わせでずれてしまう事も多いです。


これらの一連の大まかな流れの他に。
text-decoration
だとか
font-weight
だとか。
まあ多少色々CSSでの指定を覚えていけば良いと思います。
真面目に言うと、精々20個も覚えれば基本的なテンプレは書けます。


かなりザクザクっとしか書いてないんですが。
例えば
CSSって言うのは、HTML内の定義を外部に出力するもんだよーとか
divってのはディビジョンが語源で、階層と言うか因数分解でいうならx見たいなもので。
不特定な物に名前をつけて、そこに後から定義づけするようなものだよー
とか。
初歩の初歩的な話についてはご自身で覚えてみてください。



で、ですね。
どこかで見かけたんですが。

HTMLもCSSも何年もやってるので、随分ご理解している。
（っと、ご本人様は書いてらっしゃるんですが）

まあ殆ど理解して無いだろなと言う感じなのを見かけたり。

そういう場合大概
margin padding
の数値指定を見れば、上手か上手じゃないか？（まあ好みの問題と言う部分もありますけど、間違ってるような場合は下手糞という意味で）
くらいは解りますので。

後、ブラウザ毎についても
ユーザー数や、ずれ方の差において
Firefox、IE6、IE7でくらいは確認して、大きくずれないようにする。
まあこれが一般的だと思うのですが。
これでずれてるようだと、どうだかな？
とか思います。
ちなみにSafariだとか他にもありますが「Firefox、IE6、IE7」で確認して崩れてない場合。
Safariも大体大丈夫と言う経験則からも来ています。

と言うか、IE6とIE7で一番大きくずれたりするのだけは勘弁してほしいとか思いますがｗ