新しいレッスンがあります
旧版のレッスンは更新を終了しており、現状と異なる場合があります。サポートも終了しておりますので、最新版への移行をお願いします。
-
#01 ウェブサイトを制作していこう (02:42) 無料公開中
- 概要
- 完成版の確認
- 必要となる知識
- 対応ブラウザ
- 作業用フォルダの説明
-
#02 normalize.cssとfaviconを導入しよう (01:53) 無料公開中
- normalize.cssのダウンロード
- faviconの設定
-
#03 styles.cssを作っていこう (02:02) 無料公開中
- styles.cssの作成
-
#04 ヘッダーのマークアップをしていこう (01:53) 無料公開中
- header
-
#05 ヘッダーの背景を設定してみよう (02:39)
- background
-
#06 ヘッダーのスタイルを整えよう (02:50)
- テキストの配置
- ボタンの配置
-
#07 FontAwesomeを導入しよう (02:26)
- FontAwesomeの導入
-
#08 トップ画像を配置しよう (02:54)
- 画像の配置
-
#09 sectionのマークアップをしよう (02:47)
- sectionのマークアップ
-
#10 sectionのスタイルを整えよう (02:51)
- sectionのスタイル
-
#11 特徴紹介欄のマークアップをしよう (02:25)
- 特徴紹介欄の作成
-
#12 要素を左右に振り分けてみよう (02:58)
- float
-
#13 利用者の声欄を作っていこう (02:43)
- 利用者の声欄の作成
-
#14 要素を横並びにしてみよう (02:44)
- flexbox
-
#15 アイコンをずらして配置しよう (02:45)
- アイコンの配置
-
#16 最後のセクションを作り込もう (02:34)
- 最後のセクションの作成
-
#17 フッターを作ってみよう (01:37)
- footer
