企画やって行きましょう。
コンテンツも増えるだろうし、書いてて私も楽しいし。
一石二鳥ってやつだね、うん。
さて、本題。
簡単にメテオスの公式サイトをまねてみよう
人間誰しも憧れってもんがありましてですね。
簡単に
メテオス公式サイト風にページを改造しちゃおうってワケですよ。はい。
始める前に注意書き。
メテオスの公式サイトでは「画像などの無断転載禁止」と書かれてるので勝手に使って桜井さんからお咎め受けても知らないよ。
まあ、桜井さんなら何されてもいいわって方なら止めませんけど・・・
とりあえず考えてみるだけにとどめておきましょう。
HPの管理人暦1年とかの方ならスキルアップに繋がるかもしれませんから。
じゃ、やってみよう!
メテオス公式サイトのHTMLソースを見る。
簡単でしょ。
公式サイト開いて、メニューの「表示」から「ソースの表示」ですよ。
メモ帳が起動してソースが表示されましたか?
次行きますよ。
CSSへのリンクを探す。
HEADタグの中にLINKタグというのがあります。
そのタグでスタイルシートを呼び出してページの外観を変えてるわけです。
外観はCSSファイルで定義されてますから、そのCSSファイルをいただいちゃおう、というわけです。
ありましたか?
「meteos_default_style.css」ってファイルです。
早速、このファイルにアクセスしてみましょう。
アクセスの仕方は分かりますか?
分からない場合は相対パスとかって言葉を調べてからにしてね。
なーんだこれ。
ねぇ、HTMLになれてる方なら分かると思うけどさ・・・
ずいぶんHTMLと違うよねぇ。
とりあえず英語が読めれば意味は分かるはず。
スタイルシートはですね、特定のタグにオプションをくっつけるようなもので・・・
このシートの例だと、BODYタグをHTMLファイルに書いたら「フォントをOsakaフォントにして、フォントサイズをsmallにして、背景画像をbackground.gifにして、背景色を灰色にして・・・」
とかをいっぺんにセットできちゃう・・・
分かりにくい説明ですみませんねぇ。
どうせ説明下手ですよ。つーん。ぷいぷい。
続きは明日。