ホームページ作成ビギナーズガイド http://valid.blog.shinobi.jp/ HTML4.01とCSSによるWeb標準のホームページ作成入門。 初心者こそ正しい作り方を目指しましょう。 Sat, 30 Dec 2006 17:26:58 GMT ja © Ninja Tools Inc. HTMLタグ 目次 ホームページ作成によく使うHTMLタグの解説。論理的・構造的な意味や注意点など。
マークアップはこれらだけでほとんど足りると思います。

軽視されがちですが、HTMLでもCSSでも重要なこと。

]]> HTMLタグ http://valid.blog.shinobi.jp/html%E3%82%BF%E3%82%B0/html%E3%82%BF%E3%82%B0%20%E7%9B%AE%E6%AC%A1 Sat, 15 Nov 2008 04:17:29 GMT valid.blog.shinobi.jp://entry/57 ホームページ作成ソフトについて ホームページ作成ソフトの功罪

ワープロ感覚でホームページを作成できるWYSIWYG(What you see is what you get 見たままの意)のソフトが増えたことで、誰でもホームページを作成しやすくはなりました。

その反面、文法がメチャクチャなホームページが増えることにもなりました。

例えば、見出しをfontタグで文字を大きくして表現しようとしても、それは大きい文字を表すだけで、見出しという意味にはなりません。 引用でない部分に、字下げ(インデント)のためにblockquoteを使えば、そこは引用部分であるという意味になってしまいます。


続きを読む]]> 総合 http://valid.blog.shinobi.jp/%E7%B7%8F%E5%90%88/%E3%83%9B%E3%83%BC%E3%83%A0%E3%83%9A%E3%83%BC%E3%82%B8%E4%BD%9C%E6%88%90%E3%82%BD%E3%83%95%E3%83%88%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6 Sat, 30 Dec 2006 13:28:28 GMT valid.blog.shinobi.jp://entry/66 レイアウト・デザイン 目次 レイアウトやデザインの注意点など。

]]> レイアウト・デザイン http://valid.blog.shinobi.jp/%E3%83%AC%E3%82%A4%E3%82%A2%E3%82%A6%E3%83%88%E3%83%BB%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3/%E3%83%AC%E3%82%A4%E3%82%A2%E3%82%A6%E3%83%88%E3%83%BB%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%20%E7%9B%AE%E6%AC%A1 Fri, 22 Dec 2006 15:11:42 GMT valid.blog.shinobi.jp://entry/59 CSS(スタイルシート) 目次 CSS(スタイルシート)入門講座

CSS(スタイルシート)を使ってホームページを作成する実践例です。
スタイルシートの外部化は検索エンジン対策でも重要。

  1. CSS(スタイルシート)入門講座1
  2. CSS(スタイルシート)入門講座2 文字の大きさ、フォントの種類
  3. CSS(スタイルシート)入門講座3 文字の色、背景の色
  4. CSS(スタイルシート)入門講座4 border(枠線)
  5. CSS(スタイルシート)入門講座5 余白をとる
  6. CSS(スタイルシート)の外部化

CSS(スタイルシート)によるレイアウト

divタグとfloatプロパティ・positionプロパティを使った2段組・3段組レイアウトの作り方。

divとfloat

固定幅
  1. CSS(スタイルシート)レイアウト:2カラム 1
  2. CSS(スタイルシート)レイアウト:2カラム 1 解説
  3. CSS(スタイルシート)レイアウト:3カラム 1
可変幅
  1. CSS(スタイルシート)レイアウト:2カラム 2
  2. CSS(スタイルシート)レイアウト:3カラム 2

divとposition

  1. CSS(スタイルシート)レイアウト:2カラム 3
  2. CSS(スタイルシート)レイアウト:3カラム 3
]]> CSS(スタイルシート) http://valid.blog.shinobi.jp/css-%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AB%E3%82%B7%E3%83%BC%E3%83%88-/css-%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AB%E3%82%B7%E3%83%BC%E3%83%88-%20%E7%9B%AE%E6%AC%A1 Mon, 20 Nov 2006 15:08:08 GMT valid.blog.shinobi.jp://entry/58 ホームページの雛型と解説 目次 ホームページを作成する前の土台作りです。

  1. ホームページの雛型
  2. DOCTYPE宣言について
  3. htmlタグにlang属性を入れる
  4. 文字コードを指定する
  5. titleタグについて
  6. metaタグdescriptionについて
  7. metaタグkeywordsについて
  8. 基準スタイルシート言語の指定
  9. 基準スクリプト言語の指定
  10. linkタグによるナビゲーション
]]> ホームページの雛型と解説 http://valid.blog.shinobi.jp/%E3%83%9B%E3%83%BC%E3%83%A0%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AE%E9%9B%9B%E5%9E%8B%E3%81%A8%E8%A7%A3%E8%AA%AC/%E3%83%9B%E3%83%BC%E3%83%A0%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AE%E9%9B%9B%E5%9E%8B%E3%81%A8%E8%A7%A3%E8%AA%AC%20%E7%9B%AE%E6%AC%A1 Mon, 20 Nov 2006 14:38:16 GMT valid.blog.shinobi.jp://entry/56 無料ソフト・無料ツール ホームページ作成に役立つ無料ソフト・無料ツールを紹介します。

TeraPad
シンプルかつ高機能なテキストエディタ。 様々な文字コードに対応。 機能を拡張するプラグインもたくさんあります。 個人的にはこれがホームページ作成ソフト。
bpTran
CSVデータをテンプレートの指定位置に書き込み、大量のHTMLファイルを自動作成。
HTMLエンティティ化
HTMLのソースをエンティティコード(数値文字実体参照)に変換。
FFFTP
FTPアップロードの定番ソフト。

続きを読む]]> ホームページ作成リンク集 http://valid.blog.shinobi.jp/%E3%83%9B%E3%83%BC%E3%83%A0%E3%83%9A%E3%83%BC%E3%82%B8%E4%BD%9C%E6%88%90%E3%83%AA%E3%83%B3%E3%82%AF%E9%9B%86/%E7%84%A1%E6%96%99%E3%82%BD%E3%83%95%E3%83%88%E3%83%BB%E7%84%A1%E6%96%99%E3%83%84%E3%83%BC%E3%83%AB Wed, 04 Oct 2006 10:45:18 GMT valid.blog.shinobi.jp://entry/65 HTML・CSSリファレンス
ホームページ作成リファレンス
W3C仕様書に忠実なHTML/XHTMLとCSSリファレンスがあります。
HTML辞典は関連する属性や、非推奨かどうかなどもまとめて載っているので便利。
他のコンテンツもweb標準に沿ったホームページ作成に役立ちます。
トップページ→SEO-Equation
NEXTindex
W3C勧告に忠実なHTML・XHTMLとCSSの解説があります。
XHTMLはW3C勧告の日本語訳もあります。
とほほのWWW入門
ホームページ作成に関する総合的な内容の有名サイト。
例文やサンプルが豊富でわかりやすいですが、HTML4.01で非推奨の書き方のものも多数あるので注意。
HTMLクイックリファレンス
シンプルで見やすいHTML・CSSリファレンス。
各ページに例文、サンプルがあります。HTML4.01では非推奨の書き方のものもあるので注意。
]]> ホームページ作成リンク集 http://valid.blog.shinobi.jp/%E3%83%9B%E3%83%BC%E3%83%A0%E3%83%9A%E3%83%BC%E3%82%B8%E4%BD%9C%E6%88%90%E3%83%AA%E3%83%B3%E3%82%AF%E9%9B%86/html%E3%83%BBcss%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9 Tue, 03 Oct 2006 12:06:42 GMT valid.blog.shinobi.jp://entry/47 HTML・CSS文法チェック HTML文法チェック
Another HTML-lint gateway
HTML文法が文書型定義に沿っているかだけでなく、アクセシビリティのチェックもできてしまう素晴らしいツール。 エラーや警告はちゃんと意味のあるものなので、結果の解説をよく読みましょう。
The W3C Markup Validation Service
W3CのHTML文法チェックツール。英語。
一つの間違いに何重にもエラーが出るので、一カ所直すと一気に10個くらいエラーが消えたりします。
エラーが無い場合は、W3Cのバナーをホームページに掲載することを許可されます。
Another HTML-lint gatewayのほうが優秀。

CSS（スタイルシート）文法チェック

W3C CSS 検証サービス
W3CのCSS（スタイルシート）文法チェックツール。日本語。
一カ所直すと一気に多数のエラーが消えたりします。上から一つずつ直してみましょう。
エラーが無い場合は、W3Cのバナーをホームページに掲載することを許可されます。
]]> ホームページ作成リンク集 http://valid.blog.shinobi.jp/%E3%83%9B%E3%83%BC%E3%83%A0%E3%83%9A%E3%83%BC%E3%82%B8%E4%BD%9C%E6%88%90%E3%83%AA%E3%83%B3%E3%82%AF%E9%9B%86/html%E3%83%BBcss%E6%96%87%E6%B3%95%E3%83%81%E3%82%A7%E3%83%83%E3%82%AF Mon, 02 Oct 2006 11:38:39 GMT valid.blog.shinobi.jp://entry/46 Web標準リンク集 W3C関連サイトへのリンク集です。

Web標準総合

World Wide Web Consortium
Web標準の総本山、W3Cのホームページです。
W3C文書の日本語訳集
W3C文書の日本語訳リスト。英語の原文を読んだほうがわかりやすいところもあります。
日本語訳を読んで意味がよくわからないところは、英語・日本語両方読んでみましょう。

W3C勧告

原文と日本語訳。原文は最新版にリンクしていますが、日本語訳は最新版の和訳とは限りません。

HTML4.01


続きを読む]]> ホームページ作成リンク集 http://valid.blog.shinobi.jp/%E3%83%9B%E3%83%BC%E3%83%A0%E3%83%9A%E3%83%BC%E3%82%B8%E4%BD%9C%E6%88%90%E3%83%AA%E3%83%B3%E3%82%AF%E9%9B%86/web%E6%A8%99%E6%BA%96%E3%83%AA%E3%83%B3%E3%82%AF%E9%9B%86 Sun, 01 Oct 2006 11:30:40 GMT valid.blog.shinobi.jp://entry/45 転送量とは 転送量とは、ユーザーからの呼び出しに応じてサーバーが転送したデータ量のこと。

要は50kbのHTMLページをユーザーが閲覧したら転送量が50kbということです。
そのページに画像を使っていたりすると、その画像の分だけ転送量が増えます。

転送量無制限の無料サーバだと自分のホームページの転送量がわからない場合が多いですが、転送量制限のあるレンタルサーバなら普通は管理者メニューで把握できるようになってます。

月間転送量○GBまでXXX円という契約の場合、その転送量を超えるとそのホームページにアクセスできなくなったり、追加料金が発生したり、「転送量が多すぎるので上位の契約に変更して下さい」みたいなメールがきたりします。

]]> ホームページ作成関連知識 http://valid.blog.shinobi.jp/%E3%83%9B%E3%83%BC%E3%83%A0%E3%83%9A%E3%83%BC%E3%82%B8%E4%BD%9C%E6%88%90%E9%96%A2%E9%80%A3%E7%9F%A5%E8%AD%98/%E8%BB%A2%E9%80%81%E9%87%8F%E3%81%A8%E3%81%AF Mon, 04 Sep 2006 06:49:11 GMT valid.blog.shinobi.jp://entry/60