課題制作 - 静的サイトアップロード前のチェック

事前チェック

  • 文書構造で、h2までが存在しない場合は、必ず追加すること
  • 定義型リストとunordered listも同様に追加すること
  • 以下の要件を必ず満たしていること
ページのチェック
  1. DTDは適切か
  2. charsetは「UTF-8」になっているか
  3. meta要素「description」は、適切なサイトの説明になっているか
  4. CSSファイルは、外部リンクになっているか
  5. JavaScriptファイルは、外部リンクになっているか
文書構造のチェック
  1. サイトタイトルは、サイトをあらわす適切な言葉が使われているか
  2. 各ブロックは、サイトのテーマをあらわす見出しが使われているか（見出し+本文、または見出し+リスト）
  3. CSSをオフにした状態で、文字情報によりページ内容が理解できるようになっているか
  4. h1が文字か画像か（画像の場合の文字は、altのみか、不可視か）
  5. h1の次にくる「p要素」は、適切なサイトの説明になっているか
  6. h2はセクションブロックの要約になっているか
  7. 本文の開始１行目が、サイトの内容を説明しているか
  8. 定義型リストが適切に使われているか
  9. unordered list が適切に使われているか
  10. ページ遷移が適切に行われるか
  11. フォームは稼働するか
視覚要素のチェック
  1. リセットCSSは適切に設定されているか
  2. ページの雰囲気をつくるbodyの背景画像が使われているか
  3. ベースカラー・アクセントカラー・アソートカラーを設定しているか
  4. 文字の可動性は保たれているか
  5. 各ブロックの端と文字の間は適切に空いているか
  6. ナビゲーションは、サイトのイメージにあった画像にしているか
  7. CSS：float処理によるレイアウトの崩れはないか
  8. 画像の読み込みの遅い部分はないか
  9. positionの設定は適切にできているか
  10. 透過PNGのクラス設定は適切にできているか