サイト公開前に確認しておきたい基本的な事項をまとめました。
デザイン・基本構造
□ 初めて訪問した人にも、サイトの内容・意図が伝わるように、各ページにタイトルや文章が書かれているか。ホーム以外のページから見始めても、何のサイトであるか分かるようになっているか
□ 操作しやすいボタン(位置・大きさ・表記)になっているか
HTML・CSS
□ 画像は全て表示できているか
□ 画像は適切なサイズにリサイズされているか
目安は表示ピクセルの2倍程度まで。極端に小さい画像は不鮮明になるため避ける。ファイルサイズが大きい場合は、squooshなどを使って圧縮する。
□ 画像 のalt 部分に、画像を説明する語を入力しているか(altの内容は日本語可)
□ リンク切れがないか
□ <title>
はページに合わせた内容になっているか(全ページ同じにしない)
□ ファイル名、フォルダ名は、半角英数字(記号はハイフン- とアンダーバー_ )になっているか
□ 最初に表示されるページ(ホーム)のファイル名はindex.html
になっているか
□ 不要なタグ、不足しているタグ(終了タグの抜け漏れ)はないか、存在しないタグなどを使っていないか
文法ミスがあると、Visual Studio Code上にエラーが表示されるため確認する
JavaScript
□ ブラウザのコンソールにエラーが表示されていないか
コンソールは、各ブラウザの開発モードで確認可能