■ HTMLソース中のCSSの記述から表示
では、日刊ウェブログ式( http://toshiiy.blog22.fc2.com/ )を例に解説しましょう。
日刊ウェブログ式のHTMLソース(右クリック→「ソースの表示」)の冒頭は以下のようになっています。
↓例えば、こんなの・・・
<?xml version="1.0" encoding="euc-jp"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-type" content="text/html; charset=euc-jp" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta name="author" content="nakata" />
<meta name="description" content="ホームページやブログオーナー向けのアイデアマガジン" />
<title>日刊ウェブログ式</title>
<link rel="stylesheet" type="text/css" href="http://toshiiy.blog22.fc2.com/template/yoko1000/style.css" />
<link rel="alternate" type="application/rss+xml" href="http://toshiiy.blog22.fc2.com/?xml" title="RSS" />
で、どれがCSSのURLなの?
ということですが、赤字の部分です。
これをアドレスバーにコピペして、エンターキーを押してください。
CSSのソースが華麗に表示されるでしょ?
たっだ、これだけです。
ちなみに、ソースを見ることは何ら問題ではありませんし、
WEB関連のお仕事をされている方なら日常的に見ていることなのですが、
ソースを丸ごとパクるのはやめましょう。著作権侵害に当たります。
■FireBug
もう一つ、ソースを見る方法をご紹介しておきます。
伝説的に有名なデバックツール「FireBug」です。
Firefoxのアドオンですので他のブラウザでは使えないのですが、
このツールがあるからFirefoxを使ってるというユーザーも多いのではないでしょうか。
これで、より効果的なソースの編集・シュミレートが可能となります。
・Firefoxのアドオン「FireBug」
https://addons.mozilla.jp/firefox/details/1843
Firefoxにインストールしましょう。
アイコンが現れますのでそちらをクリックしてみてください。
すると、ブラウザの下部にHTMLとCSSソースが現れます。
ソースの知識が皆無であれば、使いこなすというのは難しいかもしれません。
ただ、ソースの勉強には打ってつけだと思います。
ぜひ、サクサク使いこなして頂ければと思います。
(FireBugの使い方を説明すると本が一冊出来てしまうのでこの辺にしておきますね)
一応、参考になりそうなサイトを貼り付けておきます。
・Firebugの使い方
http://7go.biz/moba3/archives/2007/0319155421.html
・Firebug の使い方:(X)HTML と CSS の確認・修正方法のまとめ http://www.koikikukan.com/archives/2009/07/22-015555.php
あとがき
いかがでしたか??
ブログ初心者が最低限知っておいた方が良い知識集の一部をまとめました。
少しでもお役に立てたならハッピーです。
運営者のこういうスキルの蓄積は、
ブログのアクセスにも必ず役立ちます。
なぜなら、こういうテクニックを熟知している人の方が、
様々な表現が使えるからです。
例えば、同じ文章、同じ記事でも、
もっとおもしろく、もっと魅力のある表現に変えることが出来るからです。
これって、実はむちゃくちゃ大きいことなんですね。
だから、そういうことを少しでも多くの方に知って頂けたら!
と思ってこのレポートを書きました。
これからもスキルの蓄積、頑張ってください!