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名
(ご要望と開催スペースに応じて変わります)
続きを読む

開催日程がありません

開催予定エリア東京(その他)

価格(税込)¥14,800

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

対面受講日程

開催日程はありません。

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

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

オンライン受講日程

開催日程はありません。

オンライン受講料に含まれるもの

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

この講座の先生

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/

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

HTML・CSSのおすすめの先生HTML・CSSの先生を探す

HTML・CSSの関連カテゴリーから講座を探す

先生のスキルから探す

関連エリアから探す