スクール会員専用サイトです。

• ダウンロード

HTML・CSS入門講座学習用データのダウンロード

学習用データのダウンロードはこちらからどうぞ！

【HTML Chapter 1】 Bracketsの使い方・拡張機能・HTMLファイルの作成・保存方法・基本タグ・確認問題の取り組み方

Braketsの使い方・拡張機能・HTMLファイルの作成・保存方法・基本タグ・確認問題の取り組み方

【HTML Chapter 2】 見出し・段落・強調・改行タグ

見出し・段落・強調・改行タグ

【HTML Chapter 3】リストタグ

【HTML Chapter 3】リストタグ

【HTML Chapter 4】 画像の配置・HTML属性と属性値・画像解像度について

画像の配置・HTML属性と属性値・画像解像度について

【HTML Chapter 5】リンクの設定

リンクの設定を覚えよう！

【HTML Chapter 6】絶対パスと相対パス

絶対パスと相対パスを理解しよう！

【HTML Chapter 7】HTML要素の配置ルール・ブロックレベル要素・インライン要素

HTML要素の配置ルール・ブロックレベル要素・インライン要素・HTML4とHTML5の違い、学習の取り組み方について

【HTML Chapter 8】テーブル（表）を作るHTMLタグ

テーブル（表）を作るHTMLタグを覚えよう！

【HTML Chapter 9】文章をグループ化するタグ（セクションタグ）

文書のアウトライン・文書の区切りをわかりやすく分類するためのタグについて学習していきます。

【HTML Chapter 10】Webレイアウト・要素の親子関係

ページ上部のヘッダー・ナビゲーションメニュー・ページ下部のフッターを追加してページを仕上げていきます。

【CSS Chapter 1】CSSの基本

CSSの基本・HTMLとの関連づけ・記述練習をしていきます。

【CSS Chapter 2】CSSファイルの作り方・Bracketsのエラーと注意点・色関連のプロパティ

CSSファイルの作り方とそのCSSファイルとHTMLファイルをリンクする方法・色関連のプロパティを学習していきます。

これからHTMLとCSSファイルを行き来する上でのブラケッツの使い方の注意点もお伝えします。

【CSS Chapter 3】CSSファイルの管理・リセットCSS

CSSでスタイルをつけていく前に取り入れておきたいリセットCSSの考え方

【CSS Chapter 4】フォント・テキスト関連のプロパティ

文章を読みやすくするためのフォント・テキスト関連のポイントをお伝えします。

【CSS Chapter 5】ボックス構造の基本

レイアウトの基礎となるボックスの構造について学習します。

【CSS Chapter 6】Webページを仕上げる・今すぐにレイアウトの完成度を上げるポイント

ここまで学習してきたことのまとめとして簡単なレイアウトを作っていきます。