お客さまがご利用のブラウザはサポートされていないため、正常に利用できない可能性があります。 お手数ですが、こちらをご確認いただき推奨環境のブラウザをインストールしてご利用ください。

Webサイトを作りながらHTML・CSSの基礎を身につけよう

対面 オンライン

「なるほど」と思える現場で使われているテクニックを学びながら、ゼロからWebサイトを作りHTML・CSSの基礎を習得しましょう。

こんなことを学びます

HTML・CSSを使ったWebサイトの制作手順を
座学と実際の作業と合わせ総合的にに学ぶことができ、HTML・CSSの基礎の習得ができます。

勉強を始めたての方の中にはHTML・CSSが難しく感じる方がいらっしゃるかも知れませんが、
「少しのコツ」をつかめば実はそこまで難しい言語ではありません。
その「少しのコツ」を掴めるようにアドバイスとお手伝いをさせていただきます。

例えば以下のような知識のご案内を致します。
・簡単なHTML・CSSの歴史
・HTML・CSSの基本概念
・Webサイトが表示される仕組み
・サーバーって何?
・ちょっとしたデザインのコツ
・Webサイトレイアウトのコツ
・各HTMLのタグの意味・使う理由
・各CSSのプロパティの役割
・よく使うHTMLタグ・CSSプロパティ
・idって何?classって何?
・よくある失敗
・うまくいかない時の解決方法
・エラーを解決するためのツールの使い方
等など、
HTML・CSSの基礎の基礎から実際に現場で使われているテクニック、
よく使われているツールの使い方などの案内を織り交ぜながら
生徒さんにご理解いただけるペースで授業を進めていきます。

【こんなことが出来るようになります】
Webサイトをゼロから作るためのHTML・CSSの技術的な基礎知識から
実際に公開するまでの一連の流れを習得することができます。
ゼロからWebサイトを構築をするための知識を身に着けることができます。

【こんな風に教えます】
座学的な知識のご案内と、実際にコーディングの作業を交互に繰り返し、
Webサイトを制作していきます。
よくある失敗例と解決方法も交えながら
「なぜ、そうなるのか」を概念からご理解いただけるように授業を進めていきます。

【こんな人が教えます】
普段は制作会社で実際にデザイン及びフロントエンドの制作業務をおこなっており、
現場で使われる知識や経験を日々アップデートしています。

土日の空いている時間で講師の仕事をしている時もあり、
生徒さんにどのように案内すれば、府に落ちてご理解いただけるかの感覚がある程度分かります。

2級ウェブデザイン技能士の資格も有しております。
HTML・CSSの知識だけでなく、サーバーの知識やディレクションの知識・経験も多数あります。
Web制作の一連の流れを実際の現場の感覚を交えてご案内できるように努めております。

【ご用意いただきたい物】
-- 対面開催の場合・オンライン開催の場合共通
ブラウザ(Chromeやfirefoxなど)がインストールされていて、
ネットワークに繋ぐことができるWindows PC、Macなどのノートパソコン
(Wi-Fiによる通信機能が搭載されていることが望ましい)

【定員】
基本 1〜3名
(ご要望と開催スペースに応じて変わります)
続きを読む

7月8日(水)

19:00 - 21:30

東京 / 東京(その他)

予約締切日時

7月7日(火) 23:00

参加人数

0/2人

開催場所

千代田線 北千住駅 徒歩8分
東京都足立区千住寿町8-18 柏崎ビル201号室

価格(税込)

¥14,800

  • 7月8日(水)

    19:00 - 21:30

    東京 / 東京(その他)

  • 参加できる日程がありませんか?
    先生に開催リクエストを送ってみましょう!
    開催リクエストする
受けたい
0人が受けたい登録しています

対面受講日程

7月8日(水) 19:00 - 21:30

¥14,800
参加人数 0/2人
場所 千代田線 北千住駅 徒歩8分

参加できる日程がありませんか?
先生に開催リクエストを送ってみましょう。

対面受講料に含まれるもの

受講料には、レッスン代、資料用のファイル・画像、場所代が含まれます。

オンライン受講日程

開催日程はありません。開催リクエストを送ってみましょう。

価格(税込) ¥8,800

この講座の先生

Webデザイナー、フロントエンドエンジニア

Webデザイナー・フロントエンドエンジニアの海上(ウナガミ)と申します。

いくつかのWeb系制作会社を経て最近独立いたしました。
アンプルデザイン事務所というWeb制作の事務所の代表です。

最近はフリーランスのWebデザイナー・フロントエンドエンジニアとして常駐案件や下請けとしてサイト制作にかかわったり、個人事務所で制作を請け負ったりして日々経験を積んでいます。

講師の仕事なども経験していたりするのですが、教材の内容や授業の内容が、実務に沿った形で展開されていないなと感じたり、実際の現場だとこんな知識があると便利なのになと感じることが多々ありました。

現場で培った経験・ノウハウ、知っておくと便利な知識を、初めて勉強を始める方、実務未経験の方に教える事が出来ればいいなと思いストアカで講師を始めました。

  • 当日の流れとタイムスケジュール

    【所要時間】
    150分程度(進捗状況により多少伸びる場合があります)

    【当日のレッスンの流れ】
    -- 座学
    ・簡単なHTML・CSSの歴史
    ・HTML・CSSの基本概念
    ・Webサイトが表示される仕組み
    ・サーバーって何?
    ・ちょっとしたデザインのコツ
    -- 制作作業
    ・Webサイトレイアウトのコツ
    ・各HTMLのタグの意味・使う理由
    ・各CSSのプロパティの役割
    ・よく使うHTMLタグ・CSSプロパティ
    ・よくある失敗
    ・うまくいかない時の解決方法
    ・エラーを解決するためのツールの使い方

    ※個別のため、生徒様のレベルに合わせて変動する可能性があります。

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

      ・HTML・CSSを扱わなければならなくなった方

      ・WordPressなどのCMSで作成されたサイトを編集しなければいけなくなった方

      ・Web業界に転職を目指す方

      ・デザイナーから一歩進んだ知識を習得したい方

      ・Web関係の仕事に転職を目指して勉強し始めた方

      ・HTML・CSSの勉強を始めて少し経って初心者から中級者にレベルアップしたい方
    • 受講する際は以下をお読み下さい

      【事前準備のお願い】
      01.ブラウザのインストール
      Webサイト制作のために便利な機能が満載なブラウザ「chrome」か
      「Firefox」のインストールをお願いします。
      chromeダウンロードはこちら=>https://www.google.com/intl/ja_jp/chrome/
      Firefoxダウンロードはこちら=>https://www.mozilla.org/ja/firefox/new/
      (すでにインストールされている方は大丈夫です。)

      02.テキストエディタのインストール
      Webサイト制作のコーディング作業で便利な「Visual studio Code」のインストールをお願いします。
      Visual studio Codeのダウンロードはこちら=>https://azure.microsoft.com/ja-jp/products/visual-studio-code/

      ※上記は全て無料で利用できるツールですのでご安心ください。
    ※ストアカでは講座に適用される保険を用意しています。詳しくはストアカ補償制度をご覧ください。

    関連講座

    この講座を見た人は、こんな講座も見ています

    お探しの講座が見つかりませんでしたか?