Lesson3 1. はじめに

Lesson3では、昔ながらのHTMLを使ったWebサイト制作の流れをご紹介していきます。

ここではHTML/CSSの本格的な学習を前に、サイト制作の企画・設計からデザインを行い、画面がどのように変化していくかを一つ一つ見ていきましょう。HTML/CSSのコードの解説はLesson4で行いますので、ここではコードの詳しい内容まで把握できなくても大丈夫です。初めてHTML/CSSを見る人にとっては見慣れない文字列の繰り返しで不安になるかもしれませんが、Lesson4での学習で詳しく解説していきますので心配しないでください。デザイン上のブロックごとに、どこがどのコードのかたまりかだけ覚えておくとLesson4で理解しやすくなるでしょう。

このレッスンで解説するサイトは「シングルページ」と呼ばれる1ページだけで構成される形式のWebサイトです。今回は自分を売り込むツールとしてのポートフォリオサイトを例に出していきたいと思います。