- 2011年1月14日 11:41
- その他
今回はWEBデザイナーを目指す人にとても
使い勝手が良いブラウザの紹介を致します。
他の人が作ったサイトがどういう構造になっているか調べる場合は、
ブラウザの機能で、そのサイトのHTMLを確認することが可能です。
しかしCSSは表示されないので、結局CSSで組み立てられたサイトは
その構造を確認できず、核心に触れることができませんでした。
そこで出番なのが「Firefox」です。
Firefoxは自分流にカスタマイズできるブラウザとして有名ですが
特にカスタマイズしなくても、人の作ったサイトのCSSが覗けてしまいます。
Firefoxのダウンロードはこちら
その便利な使い方は
- Firefoxで確認したいサイトを表示する。
- 右クリックで表示されたメニューから「ページのソースを表示する」をクリックソース(HTML)別ウィンドウで表示されます
- 表示されたソースの<head>タグの中に<link rel="stylesheet" type="text/css" href="●●.css" />を見つけて、href="●●.css"の部分をクリックします。(下線が引かれてるところ)
これでサイトに設定されているCSSが別ウィンドウで表示されます。
※ Firefox 3.5以前ではできませんのでご注意ください。
自分のサイトを作っている方や、他の人のCSSを参考にしたい方は
ぜひ試してみてください。
--------------------------------------------------------------------------------
パソコンスクール KENスクール立川校 Webインストラクター
http://www.kenschool.jp/school/tachikawa/index.html
KENスクールでWebデザインを学びたい方は、Web/DTP講座へ!
http://www.kenschool.jp/Webdtp/index.html
- Newer: WEBデベロッパー
- Older: 脱・素人デザイン その三



