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

HTML・CSS講座【入門編】

HTMLを始める前に 初心者向けレッスン

HTML学習の準備とWebデザイナーが学習するファイルの種類と役割

このレッスンでは初めてHTMLに触れる初心者の方に向けて説明をしています。 聞きなれない言葉がたくさん出てくると思いますが、進めていくうちに慣れてくると思いますので楽しんで取り組んでいただければ嬉しいです。 動画(7分2 […]

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

  • ダウンロード

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要素の配置ルール・ブロックレベル要素・インライン要素

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

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

続きを読む

テーブル(表)を作るHTMLタグ

【HTML Chapter 8】テーブル(表)を作るHTMLタグ

テーブル(表)を作るHTMLタグを覚えよう!

続きを読む

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

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

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

続きを読む

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

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

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

続きを読む

【CSS Chapter 1】CSSの基本

【CSS Chapter 1】CSSの基本

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

続きを読む

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

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

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

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

続きを読む

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

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

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

続きを読む

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

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

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

続きを読む

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

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

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

続きを読む

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

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

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

続きを読む

「自分の仕事は自分でクリエイトする」

当サイトは、Webクリエイターズスクール メンバー専用サイトです。