コーディングの工程を進めよう

作りたいサイトのイメージを決める

作業を始める前に、作りたいサイトのイメージを具体的に固めておきましょう。
頭の中で考えるだけでなく、サイトのデザインを紙に描き出すことをおすすめします。
描いたものを見ながら作業を進めることで、ミスを減らしやすくなります。
イメージが固まったら、マークアップという作業に移りましょう。
マークアップとはサイトの構造やコンテンツをまとめる作業で、サイトの骨格を作る工程です。
次にスタイリングという作業でサイトのデザインを整えます。
文字のサイズやフォント、色などを調整することで、イメージに近いデザインに仕上げていきます。
ただし、装飾が過剰になると閲覧者にとって見にくいサイトになるため、派手にしすぎないよう注意しましょう。

工程を一つずつ進めていく

作成したサイトは、パソコンだけでなくスマートフォンやタブレットなど、さまざまなデバイスで正しく表示されるように調整が必要です。
対応するデバイスが限られると閲覧できる人が減り、次第に誰も使わないサイトになってしまいます。
この調整作業はレスポンシブデザイン対応と呼ばれ、サイト制作において欠かせない工程の一つです。
その次の工程として、インタラクティブ要素をサイトに追加しましょう。
この作業により、スライドショーの実装やフォームの機能追加などができるようになります。
ユーザーの操作に合わせてサイトが変化する仕組みを取り入れることで、使い勝手が大幅に向上します。
工程ごとに確認しながら進めることで、完成度の高いサイトに仕上がります。