学習ポイント

  • HTML/CSSを未経験から基礎をマスターしたい
  • サイトの完成形から逆算して必要なコーディング法を覚えていきたい
  • WEBデザインをはじめてみたいけど、何から手をつけたらよいかわからない
  • このエントリーをはてなブックマークに追加

未経験者向けHTMLとCSSの授業です。基礎的なHTMLタグ、レイアウトを調整するためのCSSを使用して、受講生の皆さんと一緒に作業をしながらWebページを組み立てる実習授業です。架空のカフェ「KUJIRA cafe」のサイト2ページ分を作成します。

ページの作成に使用する写真などは用意しているので、あとはHTMLとCSSを書いてみるだけ。書いて作って、結果を確認したら、「なるほどこういうものなのか」と、おおよそのことは理解できるようになるでしょう。

「はじめてみたいけどなにから手を付けたらよいかわからない」という方は、是非参加してみてください。

 

この授業の実習内容


HTML
・すべてのページで使われるHTMLを記述する
・見出し、段落、リストを記述する
・リンクを張る
・画像を挿入する

 

CSS
・背景色、文字色を指定する
・背景に画像を指定する
・レイアウトを調整する
など

※実習ではこちらの素材を利用しますので、事前にダウンロードしておいてください
http://goo.gl/VJyPAa

※本授業は、書籍『スラスラわかるHTML&CSSのきほん』(狩野祐東著/SBクリエイティブ刊)をベースに構成しています。

参考サイト/予習教材