最初の一歩！CSSを1時間だけ学ぶ（入門/未経験/初心者向け）

★★ こんなあなたに最適 ★★

初めてCSSを学ぶ方のための講座です。

===============================
HTML（文書構造）をある程度理解している方が対象の講座です。
HTMLを学んだことが無い方、HTMLからしばらく離れていた方は「最初の一歩！HTMLを1時間だけ学ぶ」を先に受講することを強くお勧めします。
===============================

「最初の一歩！HTMLを1時間だけ学ぶ」を受講してくださった方で、引き続きCSSも学びたい方

社長さんや広報担当さん、ディレクターさんやデザイナーさんなど、自分ではHTMLやCSSを書かないけど、CSSがどんなものか概要を理解しておきたい方

会社の人事異動・部署異動で未経験なのにWebマーケティングやオンラインショップ、ホームページの責任者、WebやCMSの担当者など、HTMLやCSSに関わるお仕事の担当になった方

キャリアチェンジやキャリアアップを目指してWeb制作・ホームページ作成を基礎から学びたい方

ホームページやHTML・CSSの構造や仕組みを理解して、業者さんに作ってもらったホームページや楽天GOLDなどのショップページを自分で更新できるようになりたい方

HTMLやCSSの本を購入したり、ネットで検索したり、他の講座を受講して勉強を始めてみたけど、独学では難しいと感じた方

CSSを勉強したいと思っているけど、何から始めたらいいかわからない方や勉強を始めるきっかけがほしい方

WordPressやホームページ作成サービス（CMS）でホームページを作っているけど、CSSの基本を勉強して簡単なカスタマイズをできるようになりたいと思っている方

今のところホームページを作ったりHTMLやCSSを使う予定はないけど、教養として知っておきたい方

などに最適な講座です。


★★ CSSを学ぶメリット ★★

HTML（文書構造）に装飾を加えたりレイアウトを変更できるようになります。

既存のホームページをカスタマイズできるようになります。

WordPressのテーマ（デザイン）を自分好みにカスタマイズできるようになります。

パソコン・タブレット・スマートフォンに最適化したホームページを作れるようになります。

この講座はそんなメリットいっぱいのCSSを学ぶ最初の一歩です。

1時間でCSSを完全マスターできるわけでも、HTMLやCSSを使う仕事ができるようになるわけでも、ホームページのカスタマイズを思い通りにできるようにもなりませんが、CSSのことを十分に理解できて、簡単なカスタマイズをできるようになって、自分ひとりでCSSの勉強を続けていけるようになります。

CSSを初めて学んでみたいと思った方に、本当に必要なことだけを1時間で効率的に教えます。最初の一歩をやさしく・楽しく・丁寧に教えます。

ハードルが高い講座ではありませんので、安心して気軽に受講してみてください。

マイペースで受講したい！遠慮なく質問したい！より理解を深めたい！という方には、2名様分の料金¥3,600でマンツーマン開催も承っています。ご希望の日時に開催させていただきますので、「先生に質問する」「質問を送る」よりご連絡ください。


★★ こんなことを学びます ★★

①HTMLとCSSの役割をおさらい
HTMLは文書構造
CSSは装飾と配置（デザイン）

②CSSとは
スタイルシート言語
上から下に引き継がれる
CSSのプロパティは250個程度
CSSリファレンスの紹介
装飾の一歩は色指定
配置の一歩はボックス発想

③HTMLにCSSを適用する方法
CSSを適用する方法は3種類
・外部スタイルシート

　CSSファイルを作って
HTMLに読み込む
・内部スタイルシート

　HTMLのヘッダーに
CSSを記述する
・インラインスタイル
　
HTMLタグに
CSSを直接記述する
それぞれのメリット・デメリットも紹介

④CSSの書き方（セレクタ）
セレクタで対象を指定する
・全体に適用する
・HTML要素を指定してCSSを適用する
・classを指定してCSSを適用する
・idを指定してCSSを適用する
・複数に同時にCSSを適用する
・ピンポイントでCSSを適用する
※子セレクタ、隣接セレクタ、擬似クラス、擬似要素、属性セレクタというものも存在しますが、今回の講座では触れません。

⑤CSSの書き方（プロパティと値）
よく使うCSSのプロパティを教えます
・文字の装飾
・背景と枠線の装飾
・リストの装飾
・余白の取り方
・大きさの指定
・横に並べる（フレックスボックス）

⑥CSSの書き方（レスポンシブ対応）
ブレイクポイント
CSSで表示を切り替える

⑦おまけ
・講座の復習やCSSの練習に便利なツール
・HTMLメールを作るなら
・Google fontsを使うなら
・Webアイコンを使うなら
・既存CSSに変更を加えるなら
・WordPressをカスタマイズするなら

★★ こんな風に教えます ★★

Zoomを使って、スライド資料を共有しながら教えます。パソコンまたはタブレットでの参加をお勧めします。
お話をしながら進めます。
使用したスライド資料（PDF）は終了後にお送りします。