コーディングに入ってからデザインを修正するのは大変です
デザインがOKとなったら、いよいよコーディング作業に入ります。ここで注意したいのは、コーディングに入ったら、根本的なデザインを修正する作業はなかなか手間がかかるということです。
デザインの確認をとる際、多くの場合は画像ファイルでやりとりします。その画像は、デザイン用のソフト、PhotoshopやIllustratorで作られています。この画像を修正するのは、それほど手間ではありません。
しかし、コーディングによってWebブラウザに表示されたデザインは、HTMLというコードによって書かれたものです（ソフトはDreamweaverを使うことが多いです）。HTMLはデザインを表示するための言語で、デザインを考えるソフトとは使い勝手が違います。コーディングに入ってから根本的なデザインを変えようとすると、PhotoshopやIllustratorでデザインを考える段階に戻らねばならず、修正に時間がかかってしまうのです。
また、HTMLコードのチェックも重要です。ブラウザでの見た目が同じであっても、HTMLコードが適切でないと、必要以上に表示に時間がかかったり、検索に引っかかりにくくなることもあります。いいコードの定義は一概には言えませんが、以下は最低限抑えておくべきポイントです。
- 仕様書に基づいている
- 無駄なコードがない
- 読みやすい
- 適切にコメントが記述されている
動作チェック
制作工程がひととおり完了したら、テストサーバーに各ファイルをアップロードし、動作を確認します。サイトの目的により異なりますが、以下の点はチェックしましょう。
- 誤字脱字
- リンク切れ
- 画像の指定ミスの有無
- 各種OS、ブラウザでの表示の崩れ
- FlashやJavaScriptなどの動き
- お問い合わせや資料請求のメールが届くか
ページ数が増えれば確認作業にも時間がかかるので、あらかじめ動作確認にはある程度の時間を確保しておくことが必要です。
公開
各ページの校正作業が終われば、いよいよ公開となります。本番サーバーにて公開後、改めて、各ページをひととおりチェックすれば完了です。おつかれさまでした！
