目次

READY　Webサイト制作をはじめる前の基礎知識

• Lesson01　インターネットとWebサイト
• Lesson02　Webサイトの作成から公開まで
• Lesson03　HTMLとCSSのバージョンとブラウザの対応状況
• Lesson04　Lessonを始める前の準備をしよう

PART1　HTMLの基本的なマークアップを知ろう

• Lesson01　HTMLタグのマークアップを覚えよう
• Lesson02　HTML文書の基本構造を知ろう
• Lesson03　Webページを作成しよう
• LET’S TRY　Exercise 01
• PLUS ONE　ブラウザでの表示確認

PART2　Webページを構成する基本のタグを学ぼう

• Lesson01　Webページを構成するタグを覚えよう
• Lesson02　よく使うテキスト関連のタグを覚えよう1
• Lesson03　よく使うテキスト関連のタグを覚えよう2
• Lesson04　テキスト関連タグを使ったWebページを作成しよう
• Lesson05　セクション関連のタグを覚えよう
• Lesson06　ハイパーリンクを設定しよう
• Lesson07　メディアを表示させるHTMLタグを覚えよう
• Lesson08　セクションやリンクを設定したWebページを作成しよう
• LET’S TRY　Exercise 01

PART3　CSSの基礎を学ぼう

• Lesson01　CSSの基本と書き方を覚えよう
• Lesson02　CSSをHTML文書に適用しよう
• Lesson03　CSSが適用される優先順位を学ぼう
• Lesson04　CSSのスタイルをリセットしよう
• LET’S TRY　Exercise 01

PART4　CSSで文字のスタイル・背景を指定しよう

• Lesson01　文字の書体や大きさを指定しよう
• Lesson02　文字の色を指定しよう
• Lesson03　文字のスタイルや行間を指定しよう
• Lesson04　背景の色を指定しよう
• Lesson05　背景に画像を指定しよう
• LET’S TRY　Exercise 01 ／ Exercise 02

PART5　ボックスモデル・配置・表示を指定しよう

• Lesson01　HTML5における要素の分類を覚えよう
• Lesson02　ボックスモデルについて覚えよう
• Lesson03　コンテンツを配置するスタイルを覚えよう
• Lesson04　要素の機能や表示をコントロールしよう
• Lesson05　Webページのレイアウトを整えよう
• LET’S TRY　Exercise 01 ／ Exercise 02

PART6　CSSでコンテンツ・テキストを装飾しよう

• Lesson01　コンテンツに角丸を指定しよう
• Lesson02　コンテンツや文字にグラデーション・影を指定しよう
• Lesson03　用途にあわせたセレクタの使い方を学ぼう
• Lesson04　角丸やグラデーションでページを装飾しよう
• LET’S TRY　Exercise 01 ／ Exercise 02

PART7　テーブル・フォームを使ったページを作ってアップロードしよう

• Lesson01　tableを使って表の作り方を学ぼう
• Lesson02　HTMLフォームの作り方を学ぼう
• Lesson03　プレゼント応募フォームを作成しよう
• Lesson04　ファイルをサーバーにアップロードしよう
• LET’S TRY　Exercise 01

REFERENCE

• 01　HTMLタグ 一覧
• 02　CSS 一覧