初心者から最短でWeb制作を
学ぶブログ
HTML講座 × CSS講座 × 実践テンプレートで、独学を最速化します。
KEN-BLOG とは？
KEN-BLOG は、
HTMLとCSSを中心にした初心者向け「Web制作学習ブログ」です。
- まずは HTML 的に “正しい書き方” を理解
- 次に CSS で “見た目を自由に操る” 技術を習得
- 最後に 実践テンプレートで “すぐ使えるコード” を提供
という流れで、完全な ステップアップ式 で学べます。
まず最初に読む記事（初心者向け）
HTMLとCSSの学習は、
この3本からスタートするのが最も効率的 です。
- 【Step1】HTMLとは？初心者向けにわかりやすく解説
- 【Step2】CSSとは？初心者向けに仕組みと役割を解説
- 【Step3】HTMLとCSSをどう学ぶ？独学ロードマップ
学習講座一覧（HTML講座 × CSS講座）
HTML講座とCSS講座 の主な内容です。
HTML講座
Web制作の基礎となる「HTMLの構造・書き方」をゼロから学べる講座です。
- 導入編（HTMLとは？ / HTML5）
- 構造編（基本構造・見出し・段落）
- タグ編（img / a / strong / article）
- レイアウト編（div・リスト・表）
CSS講座
文字・色・余白・レイアウトを整える「CSSデザイン」の基礎と応用を学べます。
- 導入編（CSSとは？ / セレクタ）
- 文字・色（font-size / color / line-height）
- ボックスモデル（margin / padding）
- レイアウト（display・Flexbox・Grid）
HTML講座（初心者に最も重要な基礎）
HTML講座は「文書構造」「意味づけ」「タグの書き方」をゼロから学べます。
現在の最新講座はこちら。
▼ HTML講座トップ
▼ HTML導入編（基礎の基礎）
▼ HTMLタグ・属性の基礎
※随時追加していきます。
CSS講座（サイトの見た目を整えるデザイン基礎）
CSS講座は、
「色・文字・余白・レイアウト・装飾」を作る技術を習得できます。
▼ CSS講座トップ
▼ CSS導入・基礎
- CSSとは？
- CSSはなぜ必要なのか？
- CSSの基本構造
- CSSの書き方（外部・内部・インライン）
- セレクタの種類
- 優先順位と継承
- 単位（px/%/rem/em）
- Webセーフカラーと色指定
- CSSコメントの書き方
※随時追加していきます。
実践で使えるテンプレート集（準備中）
コードを学んだ後は、
すぐに使える「実践テンプレート」で時短できます。
- HTML比較表テンプレート
- 見出しデザインテンプレート
- CTAボタンテンプレート
- レビュー記事の表テンプレ
- カード型デザインテンプレート（CSS）
サイト制作・ブログ運営にも活用できます。
カテゴリー一覧（サイト全体マップ）
初めてでも迷わないよう、すべての内容をカテゴリごとに案内しています。
HTML講座
CSS講座
- 導入（基礎の基礎）
- テキスト
- ボックスモデル
- レイアウト
- Flexbox
- Grid
- 背景・装飾
- 実践テンプレート
プロフィール
運営者：KEN
KEN（けん）
KEN-BLOG運営者
KEN-BLOG をご覧いただきありがとうございます。
当ブログでは、Web制作をゼロから学びたい初心者に向けて、HTMLとCSSを中心に学べる講座形式の記事を発信しています。
■ このブログのテーマ
- HTMLの「正しい書き方」をわかりやすく解説
- CSSの「デザインやレイアウト」を基礎から丁寧に説明
- すぐ使えるテンプレートで実践しながら覚える学習スタイル
■ プロフィール
- Web制作歴：約10年（ブログ・サイト制作中心）
- WordPress のカスタマイズが得意
- HTML / CSS の初心者向け講座を執筆中
- 元プログラマー、エンジニア
■ 大切にしていること
「専門用語を使わず、誰が読んでも理解できること」。
初心者がつまずきやすいポイントを、できるだけ噛み砕いて解説するようにしています。
■ 初めての方へメッセージ
HTMLとCSSは、正しい順番で学べば必ず身につく技術です。
KEN-BLOG を通して、あなたが Web制作の第一歩を踏み出せるようサポートします。
コメント・質問などあれば、お気軽にお問い合わせください。
お知らせ・更新情報
最新記事や講座の更新状況をまとめています。
