20111001ｗｅｂサイト作成について ０２

(X)HTML,CSS覚書
～便利ソフト紹介～

☆Firefox
　Internet Explorer と同じくＷｅｂ閲覧ソフトです。
　このサイトにいらっしゃる方は、Firefoxを使っている方が多いので、説明は不用かもしれませんね。

☆Google Chrome
　Internet Explorer と同じくＷｅｂ閲覧ソフトです。
　最近はこちらの方の利用者も増えてきています。

☆Another HTML-lint gateway
　HTML文章の文法チェックサイトです。
　簡単操作で文法チェックしてくれるので、大変重宝しています。

☆Markup Validation Service
　lint と同じように、HTML文章の文法チェックサイトです。
　英語のサイトですが、lint 同様なので問題なく操作できると思います。

☆FirefoxアドオンHTML Validatot
　Firefoxを利用しているならすぐに利用できるので、大変便利です。

☆CSS Validation Service
　Markup Validation ServiceのCSS版です。
　CSSの文法チェックサイトです。
　こちらは日本語サイトなので、問題ないと思います。

☆Unicorn - W3C 統合検証サービス
　HTML/CSS/RSS/ATOMの主要マークアップをまとめてチェックしてくれる便利なサービスです。
　これを紹介してしまったら、上記で紹介したサービスは不要ですね＾＾；

☆JTrim
　デジカメで撮影した写真は、このソフトで簡単に補正ができます。
　その他簡単操作でいろいろな書こうができるので、非常に重宝しています。

☆Yukari
　減色ツールです。かなりきれいに減色してくれます。
　減色前と減色後で、どちらが減色したのかわからないくらいきれいに仕上げてくれることがよくあります。
　このソフトで減色しGIF形式で保存すれば、Ｗｅｂページ作成にも活用できます。
　Windows95時代のＷｅｂページ作成には必須のソフトでPadie というソフトがありますが、その後継に当たるソフトだと思います。
　画像のサイズが大きいときにはYukari で、画像サイズが小さいときにはPride でという使い方がいいのかもしれません。

20110927ｗｅｂサイト作成について ０１

(X)HTML,CSS覚書
～基礎的なＨＴＭＬタグについて～

<h1>と</h1>で挟んだ内容の意味
　一番大きな見出し。そのページのテーマ。

<h2>と</h2>で挟んだ内容の意味
　２番目に大きな見出し。そのページのサブテーマ。

<h3>と</h3>で挟んだ内容の意味
　３番目に大きな見出し。
　見出しにはこれ以降<h6>と</h6>まである。

<li>と</li>，<ol>と</ol>で挟んだ内容の意味
　<li>と</li>は箇条書き
　<ol>と</ol>は順番が大事な箇条書き（番号を表示する）

<li>と</li>，<ul>と</ul>で挟んだ内容の意味
　<li>と</li>は箇条書き
　<ul>と</ul>は順番が大事ではない箇条書き（リストマーカー（黒い点）を先頭に表示する）

<p>と</p>で挟んだ内容
　段落。いわゆる本文に使われる。段落ごとに毎回これで挟む。