【入門編】HTML/CSS コーディング練習
基礎学習を終えた後のウォーミングアップ用の練習サイトです。
簡単なHTMLとCSSだけでコーディングできます。
-
プロフィールサイト/1カラム
ロードバイクが趣味の友人から、自転車を紹介するための簡単なWebサイトを作ってほしいと頼まれました。
サイトに掲載するのは、簡単な自己紹介と自転車の写真だけです。 -
フォトサイト/1カラム
写真集を出版することになった友人のために、紹介用のWebページを制作します。
スマホやタブレットでも表示できるようにレスポンシブの対応も行います。 -
フォトサイト2/1カラム
友人が2冊目の写真集を出版することになったので、今回も紹介用のWebページを制作します。
1冊目の時とコンテンツは同じですが、少しデザインを変えてみます。 -
レシピサイト/トップページ
友達から、趣味の料理レシピを公開するためのサイトを作ってほしいと頼まれました。まずはトップページのコーディングを行います。
-
レシピサイト/レシピページ
先日制作したレシピサイトのレシピページを作ります。余裕があれば、トップページとつなげて1つのサイトにしてみましょう。
-
ブランドサイト(ジュエリー)/1カラム
知り合いのデザイナーが立ち上げた、ジュエリーブランドの紹介ページを作ります。
ConceptとWorkを簡単にまとめた1枚のページです。