HTML&CSSを学習できるプログラミングスクール・コース

HTML&CSSを学習できるスクール・コース
スクール
コース名
言語セット
(スキル)
受講料
テックアカデミー
HTML/CSSトレーニング
HTML&CSS 53,900円/2週間
テックアカデミー
Webデザインコース
HTML&CSS
JavaScript
(Photoshop)
179,400円/4週間
229,900円/8週間
284,900円/12週間
339,900円/16週間
フリークス
HTML/CSSコース
HTML&CSS 10,780円/月
デジタルハリウッド
Webデザイナー専攻
HTML&CSS
JavaScript
(Illustrator)
(Photoshop)
495,000円/6ヶ月
SHElikes(女性限定)
Webデザインコース
HTML&CSS
(Illustrator)
(Photoshop)
14,800/月(受け放題)
9,800円/月(月5回)
+148,000円(入会金)
コードキャンプ
デザインマスターコース
HTML&CSS
JavaScript
(Illustrator)
(Photoshop)
165,000円/2ヶ月
275,000円/4ヶ月
330,000円/6ヶ月
+33,000円(入会金)
テックキャンプ
デザイナー転職コース
HTML&CSS
JavaScript
(Illustrator)
(Photoshop)
657,800円/10週間
877,800円/6ヶ月
テックアカデミー
WordPressコース
HTML&CSS
PHP
(WordPress)
179,400円/4週間
229,900円/8週間
284,900円/12週間
339,900円/16週間

HTMLはHyper Text Markup Languageハイパーテキストマークアップランゲージというマークアップ言語です。

CSSはCascading Style Sheetsカスケーディングスタイルシートというマークアップ言語です。

プログラミング言語ではないですが、ほとんどのプログラミングスクールがHTML&CSSをカリキュラムに含めています。

というのは、HTML&CSSとプログラミング言語は言わば外見と中身の関係であり、プロダクト(制作物)において表裏一体を成しているものだからです。

プログラミング学習への足掛かりに、まずHTML&CSSを習得するのは適切な学習順序と言えます。

最大手のプログラミングスクールTechAcademyテックアカデミーには、HTMLとCSSだけを学習できるコースHTML/CSSトレーニングがあります。HTMLだけを習得したい人にはぴったりのコースです。

しかし、単にHTML&CSSを学ぶのでは使用目的が見えないので飽きるでしょう。つまり、需要がなければ学習意欲にならないわけです。HTML&CSSの具体的な使用目的を見つけることが学習の動機として必要です。

そこでおすすめしたいのは、次のどちらかを目的にすることです。

  • ウェブデザインを目的とする。ウェブデザイナーを目指す。
  • 自分のブログやホームページを作ることを目的とする。

このような具体的な動機があれば、HTML&CSSの強い学習意欲となります。

たとえば、ウェブデザイナーの仕事に就きたいなら、ウェブデザインを学習できるコース。

たとえば、自分のブログやホームページを作ってみたいなら、WordPressワードプレスを学習できるコース。

ちなみにこのブログはWordPressで作っています。HTML&CSSの知識だけでもこのようなウェブサイトを作れます。

この記事では、HTML&CSSを学習できるプログラミングスクール・コースについて解説します。

プログラミングスクールの選び方|言語次第でコースは決まる

HTML&CSSを学習できるスクール・コース

テックアカデミー HTML&CSSトレーニング

テックアカデミー HTML&CSSトレーニング
言語 HTML&CSS
受講料 53,900円/2週間
転職支援 転職サポートあり
受講スタイル オンライン
申込方法 無料体験から申込可能
  • 入金が完了すると受講開始日の前からすぐにチャットサポートを開始
  • 週2回マンツーマンでのメンタリング・毎日15〜23時のチャットでサポート
  • 同僚や友人と一緒に受講すると受講料が10,000円割引

カリキュラム

  1. HTML&CSS:タグ構造・レイアウトの基本
  2. HTML&CSS:ホームページ作成の実践
  3. CSS:ウェブサイト制作への応用

テックアカデミーのHTML&CSSトレーニングは、2週間でHTML&CSSを習得できるカリキュラムです。 まったくの未経験者でも、HTMLとCSSの基礎知識から始めて、簡単なホームページを作成しながらHTMLとCSSの使い方を学んでいけます。 学習はオンラインで進められ、サポートはチャットで行われます。 パソコンスキルに不安のある方は、自身のスキルで学習についていけるかどうかを無料体験(カウンセリング)のなかで先に確認してみると良いでしょう。

詳細を公式サイトで見る

テックアカデミー Webデザインコース

テックアカデミー Webアプリケーションコース
言語
ソフトウェア
HTML&CSS・JavaScript
Photoshop
受講料 179,400円/4週間
229,900円/8週間
284,900円/12週間
339,900円/16週間
転職支援 転職サポートあり
受講スタイル オンライン
申込方法 無料体験から申込可能
  • 入金が完了すると受講開始日の前からすぐにチャットサポートを開始
  • 週2回マンツーマンでのメンタリング・毎日15〜23時のチャットでサポート
  • 同僚や友人と一緒に受講すると受講料が10,000円割引
  • ステップアップアップ講座Webアプリ実践ポートフォリオコースあり(中級者向け)

カリキュラム

  1. HTML&CSS・Photoshop:ウェブデザインの基礎
  2. モバイルデザイン・レスポンシブ対応への応用
  3. JavaScript・jQuery:動きのあるサイト制作の実践

テックアカデミーのWebデザインコースでは、HTML&CSS、PhotoshopでのウェブデザインからjQueryを使った動きのあるページを作るスキルまで身に付けることができるコースです。 HTML&CSSの未経験者なら12~16週間が適切な学習期間です。HTML&CSSの経験があれば8週間でも良いでしょう。 これらのWebデザインのスキルは、ウェブ業界への転身において強力なアピールポイントになります。 受講申し込みは無料体験を受けてみて、検討してから申し込みできます。

フリークス HTML/CSSコース

フリークス HTML/CSSコース
言語 HTML&CSS
受講料 10,780円/月
転職支援 転職支援あり
受講スタイル オンライン・通学(永田町)
申込方法 無料カウンセリングから申込可能
  • 未経験からホームページ作成のスキルを身につける
  • ホームページ作成のスキルを身に付けてウェブ業界に転職したい
  • オンライン勉強会(50回/月)参加費用などの追加料金は一切なし
  • 学習中の不明点はチャットで現役エンジニアに質問可能

カリキュラム

  1. HTML&CSS:コーディングの基礎
  2. HTML&CSS:ホームページ作成の基礎
  3. HTML&CSS:ホームページ作成の発展・実践

フリークス HTML/CSSコースは、未経験からホームページ作成のスキルを身に付けられるコースです。 受講料は入会金不要のサブスク(月々定額)で、期間無制限で受講できるので未経験者でも焦らず学習していけます。 カリキュラムはウェブ開発の基本に重点が置かれ、ウェブコーディングの基本構文を丁寧に学習する内容です。 半蔵門線永田町に教室があります。通学できるなら教室で直接指導を受けられます。勉強会も盛んに開催されており、無料で参加できます。 サブスク型のスクールなので、入会中はHTML/CSSコースに限らず全てのコースを受講できます。スキルアップWeb制作コースでもHTML&CSSを学習できます。 無料カウンセリングを実施しています。カウンセリングを受けてみて、検討してから申し込みできます。

デジタルハリウッド Webデザイナー専攻

デジタルハリウッド Webデザイナー専攻
言語
ソフトウェア
HTML&CSS・JavaScript
Illustrator・Photoshop
受講料 495,000円/6ヶ月
↑ 407,000円(グラフィック経験者)
転職支援 転職サポートあり
受講スタイル オンライン 教室:東京・埼玉
申込方法 個別説明会から申込可能
  • 未経験から6ヶ月でウェブデザイナーのスキルを習得
  • 現役ウェブデザイナー・エンジニアから直接指導
  • 教室:東京上野・東京池袋・埼玉大宮(10~22時)
  • マンツーマン転職サポート・転職セミナー実施
  • パソコン・ソフトはすべて教室に常備

カリキュラム

  1. HTML&CSS・Ai・Ps:ウェブデザインの知識と基礎
  2. JavaScript:動きのあるウェブデザインへの応用
  3. ウェブサイト制作の実践・卒業制作

デジタルハリウッドWebデザイナー専攻は、ウェブデザイナーとしての知識とスキルを習得できるコースです。 ウェブコーディングに加えて、ウェブデザインに欠かせないAdobeイラストレーターやフォトショップを使いこなすスキルを6ヶ月かけてじっくり身に付けられます。 オンライン学習も可能です。首都圏にお住まいなら上野や池袋などの校舎に通学するのがおすすめです。学校のような雰囲気を持つスクールなので仲間ができるのも学習の励みになります。 卒業制作で作ったポートフォリオはそのままウェブデザイナーの転職活動に使用できます。ウェブデザイナーへの転職を確実に叶えるためにマンツーマンで全力サポートしてくれます。 個別説明会を開催しています。個別説明会を受けてみて、検討してから入学申込できます。

SHElikes Webデザインコース

SHElikes Webデザインコース
言語
スキル
HTML&CSS
Photoshop
受講料 16,280円/月(レッスン受け放題)
10,780円/月(レッスン月5回)
+162,800円(入会金)
転職支援 仕事紹介あり
受講スタイル オンライン
教室:東京青山・東京銀座・名古屋名駅
申込方法 無料体験レッスンから申込可能
  • 女性限定のキャリアスクール
  • 未経験から2ヶ月でウェブサイト制作の基礎が身に付くコース
  • デザインを学びたい・ウェブデザイナーになりたい
  • 入会後に多種多様なコースから自由に選択可能
  • 体験レッスンは何度でも受講可能

カリキュラム

  1. ウェブデザインの知識・サイト作成方法
  2. Photoshop:ウェブデザインの基礎・バナー広告作成
  3. HTML&CSS:ウェブサイト制作の実践

SHElikesシーライクスは女性のキャリア自律につながる多種多用なスキルを身に付けられるスクールです。 各コースは専門的カリキュラムとなっており、受講者が目的に合わせて自由にコースを選択して、組み合わせてスキルアップしていくことができます。 Webデザインコースで学べる言語はHTML&CSSですが、たとえばIllustratorコースやライターコースと組み合わせればウェブ系の強力なスキルに仕上げることが可能です。 料金プランはレッスン受け放題プランまたはレッスン月5回プランを選べます。支払いは1ヶ月払いから可能なので、迷うなら1ヶ月払いで受講してみるのがおすすめです。ウェブデザイナーへの転職を目指すマルチクリエイターコースもあります。 無料体験レッスンを受けてみて、検討してから申し込みできます。

コードキャンプ デザインマスターコース

コードキャンプ デザインマスターコース
言語
ソフトウェア
HTML&CSS・JavaScript
Illustrator・Photoshop
受講料 165,000円/2ヶ月
275,000円/4ヶ月
330,000円/6ヶ月
+33,000円(入会金)
転職支援 転職サポートあり
受講スタイル オンライン
申込方法 無料カウンセリングから申込可能
  • 未経験からウェブデザイン、ウェブサイト制作を習得
  • 在宅・副業・フリーランスなど自由な働き方を目指す
  • マンツーマンレッスンは当日予約可能で早朝7:00~24:00(チャット対応も可能)
  • 転職サポートではGeekly・Typeエージェントと提携
  • カウンセリング後にアンケート回答で受講料10,000円割引

カリキュラム

  1. Illustrator・Photoshop:デザインの基本
  2. HTML&CSS:ウェブサイト作成の実践
  3. JavaScript:動的ウェブ機能のプログラミング実践

コードキャンプのデザインマスターコースは、未経験からウェブデザインやウェブサイト制作を学べるコースです。 Illustrator・Photoshopで画像デザイン、HTML&CSSでウェブデザイン、さらにJavaScriptで動的なウェブ機能を習得するカリキュラムです。 HTML&CSSの経験がある方は2ヶ月でも良いでしょう。未経験者の場合は、4ヶ月以上は必要です。 Illustrator・Photoshopのデザインスキルは、副業やフリーランスの収入にもつなやすいです。受講申し込みは無料カウンセリングを受けて、検討してから申し込みできます。

テックキャンプ デザイナー転職

テックキャンプ デザイナー転職
言語
ソフトウェア
HTML&CSS・JavaScript
Illustrator・Photoshop
受講料 657,800円/10週間(短期集中)
877,800円/6ヶ月(夜間休日)
+110,000円(通学の場合)
転職支援 転職支援:40歳未満
受講スタイル オンライン・通学(東京渋谷)
申込方法 無料カウンセリングから申込可能
  • Illustrator・Photoshopの用意が必要
  • 毎日何回でも質問し放題
  • 通学可能。教室は東京渋谷(コロナ禍オンラインのみ)
  • 教室利用:夜間休日プランは平日19時以降と土日・短期集中プランは平日のみ
  • デザイナー転職保証:就職・転職に成功しなかったら受講料全額返金

カリキュラム

  1. ウェブデザインの基礎
  2. Illustrator・Photoshop:バナー・画像加工の制作
  3. HTML&CSS・JavaScript:ウェブページ作成の実践

TECH CAMPテックキャンプのデザイナー転職コースは、短期集中なら10週間、就業中なら6ヶ月間年でウェブデザイナーとして転職(副業、フリーランス含め)できるスキルが身に付くコースです。 プログラミング未経験でも、企画、設計、デザイン、コーディングを習得できるカリキュラムです。 学習スタイルは2通り。短期集中プラン(就業していない人向け)、または夜間休日プラン(就業中の人向け)を選択できます。 副業・フリーランスへの転身を目指すフリーランスコースもあります。 TECH CAMPの料金は、学習スタイルや受講スタイルによって異なります。無料カウンセリングで個々に合ったプランを案内してもらえます。

テックアカデミー WordPressコース

テックアカデミー WordPressコース
言語
開発ツール
HTML&CSS・PHP
WordPress
受講料 179,400円/4週間
229,900円/8週間
284,900円/12週間
339,900円/16週間
転職支援 転職サポートあり
受講スタイル オンライン
申込方法 無料体験から申込可能
  • 入金が完了すると受講開始日の前からすぐにチャットサポートを開始
  • 週2回マンツーマンでのメンタリング・毎日15〜23時のチャットでサポート
  • 同僚や友人と一緒に受講すると受講料が10,000円割引

カリキュラム

  1. HTML&CSS:ウェブコーディングの基礎
  2. WordPress:ウェブサイト制作の実践
  3. PHP:動的ウェブプログラミングと開発実践

テックアカデミーのWordPressコースは、HTML&CSSでのウェブコーディングとPHPプログラミングを用いて、WordPressでのウェブサイト構築を身に付けられるコースです。 プログラミング未経験者の場合は、PHPの習得にある程度の期間が必要なので、12~16週間が適切な学習期間です。 レンタルサーバーを使って実際にサイト公開をするので、転職の際のポートフォリオにもなります。 受講申し込みは無料体験を受けてみて、検討してから申し込みできます。

どんな人にどのコースがおすすめか

ウェブデザイナーになるためにHTML&CSSを学習するなら、ロゴ画像やバナー、イラストなどのスキルも一緒に身に付けたいところです。

IllustratorやPhotoshopを一緒に学べるカリキュラムを持つコースを選ぶと良いでしょう。

デザイナー志望の女性に特におすすめなのがSHElikesです。Webデザインコースを紹介しましたが、SHElikesは入会後のコース選択が自由なので、Illustratorやカメラ、写真、ワードプレスといった多様なスキルを身に付けることが可能です。コーチングという集団指導を受けられるので勉強仲間を作りやすい環境も整っています。SHElikesを利用できるのは女性の特権です。

低料金で受講したい

テックアカデミー HTML/CSSトレーニング:HTML&CSSにフォーカスしたコースです。

フリークス HTML/CSSコース:受講料がサブスク(月々定額)なのでとても安くホームページ作成を身に付けられます。

SHElikes(女性限定) Webデザインコース:サブスク(月々定額)です。Webデザインに必要なPhotoshopを一緒に学習できます。

オンラインで受講したい

紹介したすべてのスクールがオンラインで受講できます。

通学して学習したい

通学しながら通うことのメリットは、直接指導してもらえることに加えて、勉強仲間ができることにもあります。教室は主に東京に限られますが、一人で学習を続けることが難しく感じる場合は通学を選ぶと良いでしょう。

  • デジタルハリウッド Webデザイナー専攻:通学にもっともおすすめです。東京上野・東京池袋・埼玉大宮に校舎があります。パソコン・ソフトは教室のものを使えます。
  • テックキャンプ デザイナー転職コース:東京渋谷に教室があります。渋谷駅から徒歩5分の近さで便利です。もちろんオンライン受講も可能。
  • SHElikes(女性限定) Webデザインコース:東京青山・東京銀座・名古屋名駅に教室があります。センスを感じるおしゃれな教室です。もちろんオンライン受講も可能。

イラストレーター・フォトショップも学びたい

HTML&CSSと一緒にイラストレーターやフォトショップをカリキュラムに持つコースがあります。ウェブデザイナーを目指すなら、これらのスキルは必須です。特にフォトショップはウェブページの特色を印象付ける写真加工のスキルなので、ウェブデザイナーとしてのセンスを身に付けなければなりません。

  • テックアカデミー Webデザインコース:ウェブデザイナーに必須のPhotoshopに絞っている。
  • SHElikes(女性限定) Webデザインコース:本コースのPhotoshopフォトショップに加えて、コースを自由選択できるのでIllustratorイラストレーターコースも受講可能。
  • コードキャンプ デザインマスターコース:イラストレーターとフォトショップを両方学べて受講料が安いのが魅力。

ブログやホームページを作りたい

自分でブログやホームページを作ってみたい人は、HTML&CSSとワードプレスを学習するのが手っ取り早い方法です。ワードプレスでのウェブサイト制作は、ウェブサーバーやドメイン取得などの知識が必要です。これらをスクールで学習すれば、ホームページ制作の副業・副収入に繋げることもできます。

  • テックアカデミー WordPressコース:HTML&CSSのみならず、ワードプレスの運用に必要なPHPプログラミングのスキルも身に付けられる。ウェブエンジニアとして必要なスキルを網羅。
  • フリークス HTML/CSSコース:ホームページ作成をカリキュラムに含んでいます。

デザイナーに転職を成功させたい

ウェブデザイナーに転職したい場合は、転職サポートに強いスクールを選ぶと良いでしょう。

  • デジタルハリウッド Webデザイナー専攻:デザイナー畑のプロの講師陣を抱えるスクールで、業界への太いパイプを持っています。
  • テックキャンプ デザイナー転職コース:~40歳のデザイナー転職支援あり。もし転職に成功しなかった場合は授業料を全額返金。それほど転職支援力の強さに自信を持っているスクール。
  • SHElikes(女性限定) Webデザインコース:年齢問わず、女性のキャリアサポートに強い。子育て中や主婦業などでキャリアブランクがあっても、仕事を広く紹介できるサポート体制を持っている。

まとめ

  • HTML&CSSはプログラミング言語ではないが、ほとんどのプログラミングスクールがHTMLをカリキュラムに含めている。
  • プログラミング学習への足掛かりに、まずHTML&CSSを習得するのは適切な学習順序。
  • 単にHTML&CSSを学ぶのでは使用目的が見えないので飽きる。ウェブデザイナーを目指す、またはブログやホームページを作ることを目的にすると学習意欲になる。
  • デザイナー志望の女性に特におすすめなのがSHElikes
  • HTML&CSSを学習してデザイナーを目指すなら、IllustratorまたはPhotoshopを一緒に学べるカリキュラムを持つコースを選ぶと良い。CodeCampは両方学べて受講料が安い。
  • ウェブデザイナーに転職を成功させたいなら、転職サポートの手厚いテックキャンプSHElikes
  • この記事を書いた人

non

小学生のときにBASIC言語でプログラミングを覚え、社会に出てからはPythonを主力に通信業界で無線設計とGISシステム開発に携わること12年目。損害保険営業→自動車製造→運輸荷扱作業→建築現場作業→ネット通販企画→カーナビ品質管理→携帯無線設計SEと職を変えてきたジョブホッパーです。