2008.06.18 Wed

ブログやホームページを持っている人に役立つサイトをご紹介します（゜∀゜）ﾉ。

■HTMLタグ・CSS（スタイルシート）を学ぼう。

サイト名：【HTMLタグの簡単検索】TAGindex（日本語）

HTMLタグやCSS（スタイルシート）の解説・使用例などを紹介しているサイトです。
使い方の分からないタグなどを調べる時に利用しています。
テーブルタグ作成や色の組み合わせチェックなど役に立つツールも満載です。

■正しいHTML文法を書けているかチェックしてみよう。

サイト名：Another HTML-lint gateway（日本語）

HTML文書の文法チェックをし、採点してくれるサイトです。
どこがダメで、どのように直せば良いのかというところまで書かれてあるので
超初心者の私でも「-300点（！）」から「60点」まで直すことができました！

■使用手順
（1）「URL」にチェックしたいURLを入力。
（2）「チェック」ボタンをクリック。
（3）次ページで結果が表示されます。

■正しいCSS（スタイルシート）を書けているかチェックしよう。

サイト名：W3C CSS Validation Service　CSS 検証サービス（日本語）

CSS（スタイルシート）が正しく書かれているか検証してくれるサイトです。
上記のAnother HTML-lint gateway同様、いつもお世話になっています。

■使用手順
（1）「アドレス」にチェックしたいURLを入力。
（2）「検証する」ボタンをクリック。
（3）次ページで結果が表示されます。

■意図した通りに表示されているかチェックしてみよう。

サイト名：スクリーンショット.jp（Screen Shots.jp）（日本語）

複数のプラウザ環境で、自分のサイトがどのように表示されているのか確認できるサイトです。無料版はIE7.0・firefox2.0・safari2.0をチェックできます。
（無料版は1日3回まで利用可能。）

■使用手順
（1）URLを入力。
（2）「OS／プラウザを選択」の所で確認したいプラウザにチェックを入れる。
（3）「無料お試しショット」ボタンをクリック。
（4）サムネイル画像が表示されるまで待つ。
（5）表示されたら、サムネイル画像をクリック。
（6）元のサイズで見る場合は、下に表示されるアイコンをクリック。

■macでどのように表示されているかチェックしよう。

サイト名：BrowsrCamp（英語）

macで自分のサイトがどのように表示されているのか確認できるサイトです。
サイトは英語ですが、URLを入力するだけなので英語が読めない方（←私）でも無問題。

■使用手順
（1）URLを入力。
（2）「view」ボタンをクリック。
（3）表示されるまで待つ。
（4）縦長いサイトが表示されるのでそれをクリック。
（5）全て読み込まれてまた縦長いサイトが表示されたら、下のアイコンをクリック。