コラム

動作と表示の確認

パソコン上で作ったHTMLファイルをブラウザで開き、デザインの段階で作ったイメージと見比べて見栄えや動作の確認をします。ホームページは全部作り終えてから確認するのではなく、作りながら確認していくのが効率的です。なるべく早い段階で構文やスペルの間違いに気付いたほうが、修正する量が少なくて済むからです。確認するべきポイントは大きく分けると以下の3つです。① デザイン通りのレイアウトになっていること② デザイン通りの装飾になっていること③ リンクやボタンが正しく動作すること具体的には、・文字や画像が、正しい場所に正しい順番で表示されているかどうか?・文字の字体、大きさ、色がcssの指定通りに表示されているかどうか?・背景色や境界線など、cssで付けた装飾が正しく表示されているかどうか?・ブロック同士の隙間や余白がcssの指定通りに表示されているかどうか?・リンクを押すと正しいページに移動するかどうか?・メールフォーム等の入力ボックスに文字が入力できるかどうか?・メールフォーム等のボタンが正しく動作するかどうか?・どのブラウザでも問題芯く表示されるかどうか?・スマホやタブレッ卜でも問題なく表示されるかどうか?などの観点で確認していきます。特に最後の2つは忘れやすいので注意が必要です。

おすすめ