2. HTML×CSS レベル1

簡易Webサイトをつくろう!

なぜ学ぶのか

Why Learn

Web開発において最も基礎になる言語、それはHTMLとCSSです。今後どのようなエンジニアを目指すにしろ、これほどまでに知っていて損のない知識は他にありません。今回は、どのような場面でも使うことのできる基本言語、HTMLとCSSを、実際に簡単なWebサイトを作りながらあなたに伝授します!また、現役のフリーランスが講師をしているので、余計な知識は話していません。なるべく実務に必要なもの、そして実際に動くことを確認しながら”自分でつくっている”という感覚を楽しんでいただけるような内容としています。

ゴール

HTML×CSSの基本をまず覚えること。そして、コース内で作成するWebサイトを自分でも作れるようになること、がゴールです。

何ができるようになるのか

全ての基礎である、HTMLとCSSの基本が理解でき、扱えるようになります。

学べること

HTMLとは?
1.HTMLって何?
START
2.HTMLの書き方と3つの基本文法
START
3.「要素」を使い様々な文字をブラウザに表示してみよう!前編
START
4.「要素」を使い様々な文字をブラウザに表示してみよう!後編
START
5.箇条書きのリストを作ってみよう!
START
6.「属性」を使って画像を入れてみよう!
START
CSSとは?
7.CSSとは?
START
8.CSSの書き方と3つの基本文法
START
9.div要素の背景色を変えてみよう!前編
START
10.div要素の背景色を変えてみよう!後編
START
11.文字の色を変えてみよう!
START
12.文字のサイズを変えてみよう!
START
13.画像のサイズを変えてみよう!
START
14.div内の要素の位置を変えてみよう!
START
15.要素の距離をあけてみよう!
START
実践〜Webサイトの作成
16.さあ、Webサイトを作ってみよう!
START
17.フォルダとファイルをつくろう!
START
18.HTMLファイルに定型文を書こう!
START
19.ヘッダーを作ろう!前編
START
20.ヘッダーを作ろう!中編
START
21.ヘッダーを作ろう!後編
START
22.メインコンテンツを作ろう!前編
START
23.メインコンテンツを作ろう!中編
START
24.メインコンテンツを作ろう!後編
START
25.フッターを作ろう!
START
26.詳細へのリンクを追加しよう!
START
27.全体確認
START
【課題に挑戦!】同じサイトのデザインを自分で作ってみよう!
START