ボランティアと情報共有サイト

最終更新日 2007.09.06

webページの構造


1 ヘッダー
サイトの名前やイメージ写真 (ナビゲーションを置く場合もある…グローバルリンクと呼ぶ)
2メニュー部分
ナビゲーション
3 メインのコンテンツ部分
4 フッター部分
著作者情報、連絡先、サイトポリシー(ナビゲーションを置く場合もある…おまけ的あるいは総括的リンク)

2メニュー… ナビゲーション

すべてのページに同じものを置くことが推奨されている。
  • サイトの統一的イメージを高め、ユーザーを迷わせない。
  • 今サイト内のどのページにいるか、分かるように色を変える。

3 メイン…コンテンツ

コンテンツの方針 サイトの目的


1行にしてみるとよい。 *参考: サイトポリシーの書き方

例; http://www.asahi.com/policy/

Webオーサリングツールを使うときの注意点

『ウィキペディア(Wikipedia)』に挙げられている。
「見栄えに関するものなどに推奨されないタグ、オプションが利用される。…SEO対策としてHTMLエディターが見直されている。」ホームページビルダー (個人サイト利用ツールのNO.1)等で作成後は 文法チェックを行って、出力している実際のHTML(HyperText Markup Language)に注意を向けてほしい。

ホームページエディタの功罪http://www.coolandcool.net/web/01_0418.html


よいサイトのためのチェックリスト

1)タグの記述にミスはないか
(検証サービスAnother HTML-lint gateway


2)W3Cの基準を満たしているか
(検証サービス Markup Validation Service
http://jigsaw.w3.org/css-validator/


3)ユーザビリティガイドラインに沿っているか
 インターネットにおけるアクセシブルなウェブコンテンツの作成方法に関する指針 
 (首相官邸 高度情報通信ネットワーク社会推進戦略本部


*ユニバーサルデザイン(wikipedia)
*重要:HTML と CSSとスクリプトを別に記述すること

テーブルタグを使ったページ作りの注意点

WEBサイト作成初級者へのワンポイントアドバイスPDF(87KB)