講座カリキュラム
LECTURE
この講座で作るもの＆制作環境を整えよう
Web制作の基本講座、第1回。この講座で完成させるカフェサイトの紹介と、VS Codeのインストール・拡張機能の導入・フォルダ構成・画像素材のダウンロードまで、制作環境をゼロから整えます。
LECTURE
HTMLの基本 — Webページの"骨格"を知ろう
DOCTYPE宣言、html・head・bodyの3層構造、セマンティックHTMLなど、Webページの基礎となるHTMLの仕組みを丁寧に解説。café SOELの骨格をHTMLで組み立てます。
LECTURE
サイトのコンテンツをHTMLで組み立てよう
img要素、class属性、article要素、定義リストなど、実践的なHTMLの書き方を学びながら、café SOELのWebサイトのHTML構造を完成させます。
LECTURE
CSSの基本 — サイトに"見た目"を与えよう
CSSの基本構文、セレクタ、ボックスモデル、CSS変数を学び、café SOELのサイトに色・フォント・余白を与えます。ゼロからWebサイトを作ろう第4回。