2回コース講座 【短期集中】2日でわかる HTML / CSS講座

オンライン

初めてでも大丈夫。HTMLタグの意味も見た目の整え方も、一緒に楽しく学びましょう。

こんなことを学びます

<こんなことを学びます>
HTML/CSSの基本文法から、テキストエディタ(Visual Studio Code)の使い方、ブラウザの開発者ツールを使ったテクニックまで、Web制作の基礎を2日間で効率よく学びます。プログラミング未経験の方にオススメの講座です。

HTMLタグの意味やCSSの仕組みだけでなく、実際に手を動かしてコードを書き、Webページを作る体験を通じて、学びを定着させます。

※要望があればAIを活用したHTML/CSSの開発テクニックも紹介します。

<こんなことが出来るようになります>
・自分でHTMLとCSSを使って簡単なWebページを作れるようになります
・開発者ツールでエラーや表示崩れを確認・修正できるようになります
・JavaScriptやPHPなどのプログラミングを学ぶための土台ができます

<こんな風に教えます>
・オンラインで、少人数制(最大4名程度)のグループレッスンです
・講義と演習を組み合わせた二部構成で、説明を聞くだけでなく、コードを書く時間を確保します
・つまずきやすいポイントにも寄り添いながら、画面共有や個別対応で丁寧にサポートします(楽しい講義を心掛けます)

<持ち物>
・インターネット(Zoom)に接続できるパソコン(Windows/Macどちらでも可)
・Google Chromeなどのブラウザ ※1
・Visual Studio Codeなどのテキストエディタ※1
※1. 当日にインストール方法をご案内します。

<定員>
・基本 4名(希望に応じて最大6名程度まで調整可能です)
・1名でも応募があれば開催します
続きを読む

開催日程がありません

開催予定エリアオンライン

価格(税込)¥10,000(¥5,000 × 2 回)

現在は開催リクエストを受け付けていません
受けたい
1人が受けたい登録しています

オンライン受講日程

開催日程はありません。

この講座の先生

はじめの一歩を支えるプログラミング講師

プログラミングをはじめて学ぶ方に向けて
基礎からわかりやすく学べるIT講座を開催しています。

プログラミング学習は
「はじめの一歩」を踏み出すまでが
いちばん不安を感じやすいところです。

はじめて自転車に乗るときのように
最初は身近にサポートしてくれる人がいると
安心して取り組めると感じています。

20代の頃から約20年にわたり
プログラミング講師として活動してきました。

未経験者向けのエンジニア育成研修を中心に
法人向け研修や社内教育プログラムなど
これまで多くの教育プロジェクトに関わってきました。
20...
+続きを読む

カリキュラム

  • 第1回 HTML講座

    <当日のレッスンの流れ:Day1(HTML講座)>
    【10:00〜10:15】オリエンテーション・環境確認
    ・講師の自己紹介、開発ツール(エディタ・ブラウザ)の準備

    【10:15〜10:50】1. はじめてのHTML
    ・HTMLの概要と基本構造、Webページのしくみを理解する

    【11:00〜12:30】2. HTMLの文書構造
    ・見出しや段落、リストやテーブルなど、文書を構成する要素を学ぶ
    ・制作演習①:文書構造を活かしたページの作成

    【12:30〜13:30】お昼休憩
    ※15分程度前後する可能性があります

    【13:30〜14:20】3. リンクとメディア
    ・リンクや画像、動画、埋め込みコンテンツの扱い方を学ぶ
    ・制作演習②:ナビゲーション付きページの作成

    【14:30〜15:20】4. フォーム
    ・入力欄やボタンなど、ユーザー入力を受け取る仕組みを学ぶ
    ・制作演習③:ログインフォームの作成

    【15:30〜16:00】5. レイアウトとCSS
    ・CSSの導入と基本的なレイアウト構造、セマンティックなタグの考え方を体験する

  • 第2回 CSS講座

    <当日のレッスンの流れ:Day2(CSS講座)>
    【10:00〜10:15】オリエンテーション
    ・前回のおさらい

    【10:15〜10:50】1. はじめてのCSS
    ・CSSの仕組み、HTMLとの関係性を理解する

    【11:00〜12:30】2. CSS - プロパティ
    ・テキストや背景の設定、ボックスモデルの考え方を理解する
    ・レイアウトや簡単なアニメーションの実装を体験する
    ・制作演習①:カラーやサイズの設定
    ・制作演習②:レイアウトの設定

    【12:30〜13:30】お昼休憩
    ※15分程度前後する可能性があります

    【13:30〜14:20】3. CSS - セレクタ
    ・要素セレクタ、クラスセレクタ、IDセレクタの使い分けを理解する
    ・応用的なセレクタの使い方を体験する
    ・制作演習③:セレクタを使ったCSSの設定

    【14:40〜15:20】4. CSS - 発展的な使い方
    ・よくあるCSSのお悩みを解決する
    ・レスポンシブデザインの概念を理解する
    ・制作演習④:よくある問題解決

    【15:30〜16:00】5. まとめ
    ・実践的な演習を通して、今日の内容を振り返る
    ・今後のプログラミングの学び方を共有する

こんな方を対象としています

・プログラミングを始めたい方
・ITスキルを身に着けたい方
・ものづくりを楽しみたい方
・新しいことを勉強したい方
・楽しく学びたい方
続きを読む

受講する際は以下をお読み下さい

・パソコンはWindowsでもMacでも大丈夫です
・Zoomを視聴できるインターネット環境が必要です
・必要はソフトウェアのインストールは当日、説明いたします
 (※Visual Studio Codeというソフトウェアをインストールする想定です)
続きを読む
※ストアカでは講座に適用される保険を用意しています。詳しくはストアカ補償制度をご覧ください。

プログラミングのおすすめの先生プログラミングの先生を探す

プログラミングの関連カテゴリーから講座を探す

先生のスキルから探す