Winスクールは全国各地に展開しております。

プログラミング・ネットワーク

HTML5・CSS3コーディング

HTML・CSSを
個人レッスンで基礎から学び
コーディング技術が身につく!

Webシステムのインターフェースの多くがHTMLとCSSと呼ばれる言語を組み合わせて構築されています。また、最近ではPC用とスマホ用のサイトを1つのレイアウトでデザインする「レスポンシブデザイン」が主流です。また、JavaScriptやPHPといったWebプログラミングもHTMLやCSSを理解していることが前提のプログラミング言語なので、これからWebシステム開発、Webサイトの更新などに携わる方は必須のスキルと言えます。

HTML5・CSS3コーディング講座

HTML5・CSS3コーディング講座 詳細

Webの基礎であるHTMLとCSSを習得
HTML5・CSS3コーディング

WEBサイトを構成する言語である「HTML5」と「CSS3」の基本文法の学習からスマホ対応のサイト構築(レスポンシブデザイン)、サイトの公開までを学習します。

  • こんな方におすすめ
  • プログラマーを目指す方
  • Webシステム、Webアプリの開発をしたい方
  • まずはプログラミング言語を身に付けたい方
受講料
税抜84,000円(税込92,400円)
入学金:税抜18,000円(税込19,800円)
教材費:税抜4,000円(税込4,400円)
受講時間
150分×8回(20時間)
受講期限:2ヶ月

カリキュラム詳細

  • Webページの作成体験
  • HTMLによるWebページの作成
  • CSSによるWebページのデザイン
  • Webサイトの基本的な仕組み
  • Webサイト制作の概要
  • Webサイトの仕組み
  • HTMLによる文書構造の作成
  • HTMLの記述ルール
  • head要素内の記述
  • 文書構造の記述
  • 段落を構成する要素の記述
  • 文字書式を設定する要素の記述
  • 画像の配置
  • meta要素の記述
  • CSSによるデザインの適用
  • CSSの記述ルール
  • 文字書式に関するCSS
  • Webフォントについて
  • 文字書式に関するCSS – Webフォント
  • ボックスモデルについて
  • ボックス(コンテナ)を形成するCSS
  • displayプロパティについて
  • レイアウト設定の基本
  • フレックスボックスの実装
  • その他の装飾に関するCSSや記述方法
  • 疑似クラスと疑似要素
  • 疑似クラスと疑似要素
  • 下層ページの作成
  • 書式とセクションの設定
  • タイル状の写真の配置と効果の作成
  • リンクの設定
  • フォームの作成
  • テーブルの作成
  • フォームの作成
  • CSSでフォームを整える
  • リンクの設定
  • レスポンシブWebデザイン
  • レスポンシブWebデザインとは
  • トップページのスマホ対応
  • 下層ページのスマホ対応
  • ファイルのアップロードとWebページの公開
  • FTPアップロード
Adobe CCではじめよう!デザインスキルUPキャンペーン Adobe CCではじめよう!デザインスキルUPキャンペーン
無料就職支援セミナー 未経験からIT業界に就職するポイント 無料就職支援セミナー 未経験からIT業界に就職するポイント

各種資料を郵送または
PDFで提供いたします

受講に際する疑問や最適な受講講座について
1対1のカウンセリングでご対応いたします

見積書の送付や申込の
ご相談をいたします

その他の関連講座を探す

フレームワーク・応用スキル

- Information -

希望の就職を叶える
Winスクールの就職・転職サポート

Winスクールでは、みなさまの希望の就職を叶えることをモットーにしています。就職・転職に対して一人ひとりが抱える課題や不安を個別キャリアカウンセリングで解決したり、就職に役立つ最新の情報をオンラインセミナーでご紹介するなど、さまざまなサポートをご用意しています。

希望の就職を叶えるWinスクールの就職・転職サポート

年間1,500社の社員研修実績
社員研修・新人教育に便利でお得な特別プランをご用意

北海道から鹿児島まで全国の教室やオンラインでいつでも自由に利用できる電子チケット「Winチケット」や、御社の要望に応じた研修をアレンジできる「講師派遣・集合レッスン」、さらには「助成金」を利用した受講など、社員研修や団体受講をご検討される企業様にも便利でお得なプランを数多くご用意しております。

年間1,500社の社員研修実績<br>社員研修・新人教育に便利でお得な特別プランをご用意

ちょっとためになる
お役立ち情報

知っておくとちょっと役立つさまざまな情報をご用意!この講座を受講されている方に、以下の記事がよく読まれています。

あわせて学びたい
オンラインセミナー

知りたいとこだけ2時間半!オンライン集合形式で気軽に学べるWinスクールのオンラインセミナーをご紹介します。

無料体験・説明会のご案内
どの講座を受講しようか迷ったら…

講座のもっと詳しい内容や授業の進め方、受講システムに関する疑問点や不安をお持ちの方は「無料体験・説明会」にご参加ください。専任のカウンセラーによるマンツーマンでのカウンセリングですべての疑問を解決いたします。

無料体験・説明会のイメージ

最寄りの教室に
直接ご来校いただける方

教室や授業風景をご確認いただき、授業の一部に触れていただきながら、最適な講座をご提案いたします。

電話・オンライン説明会のイメージ

電話・ビデオチャットでの
説明をご希望の方

お電話またはビデオチャットで、専任のカウンセラーとの個別カウンセリングで最適な講座をご提案いたします。

お電話でも直接ご相談いただけます。お気軽にお問い合わせください!

0120-20-9821

受付時間 9:00~21:00(土日祝 9:00~18:00)

担当講師からのメッセージ

楽しみながら学習していただけるように精一杯お手伝いさせていただきます!

Webエンジニアの面白いところは「自分が行った仕事」が目に見える形で世に出ることです。自分が作ったホームページやアプリの告知ポスターなどを街で見かけたらワクワクしませんか?「これ俺が作ったんだぜ」と胸を張って誇れる仕事です。指導の際には「楽しんで作っていただくこと」をモットーにしています。Web開発技術は「完璧でなくても動く」ため、初心者が学びやすいという懐の深さがあります。しかし、その一方で、プログラミングのフェーズでは一文字の間違いだけでも動かなくなるという敷居の高さがあるのも事実です。それぞれの開発・学習のフェーズに合わせて、最大限楽しみながら学習していただけるように精一杯お手伝いさせていただきます。よろしくお願いいたします。

Teachers Name:M.Echigo

卒業生からのメッセージ

HTML5・CSS3コーディング講座と
セットで学べる「総合コース

WEBアプリケーションエンジニア+HTML
JavaScript&Webアプリ開発(React.js)+HTML・CSSコース

プログラミング未経験者向け。HTML5・CSS3やJavaScriptの基礎から学び、React.jsを用いたWebアプリケーション開発スキルを習得します。
※+79,200円(税込・教材費別途)で「エンジニアのための基礎知識(全4講座セット)」を追加できます。

  • プログラミング未経験の方
  • プログラマーを目指す方
  • Webアプリの開発をしたい方
講座内容
受講料
税抜250,800円(税込275,880円)
入学金:税抜18,000円(税込19,800円)
教材費:税抜9,000円(税込9,900円)
受講時間
150分×22回(55時間)
受講期限:6ヶ月

PHPベーシック
PHPプログラミング&HTML・CSSコース

HTML・CSSの基礎から学び、PHPの基本文法からWEBシステム開発に必要なプログラミング知識を習得します。

  • プログラミング未経験の方
  • プログラマーを目指す方
  • Webアプリの開発をしたい方
講座内容
受講料
税抜171,200円(税込188,320円)
入学金:税抜18,000円(税込19,800円)
教材費:税抜7,000円(税込7,700円)
受講時間
150分×16回(40時間)
受講期限:4ヶ月

各種資料を郵送または
PDFで提供いたします

受講に際する疑問や最適な受講講座について
1対1のカウンセリングでご対応いたします

見積書の送付や申込の
ご相談をいたします

無料体験・説明会のご案内
どの講座を受講しようか迷ったら…

講座のもっと詳しい内容や授業の進め方、受講システムに関する疑問点や不安をお持ちの方は「無料体験・説明会」にご参加ください。専任のカウンセラーによるマンツーマンでのカウンセリングですべての疑問を解決いたします。

無料体験・説明会のイメージ

最寄りの教室に
直接ご来校いただける方

教室や授業風景をご確認いただき、授業の一部に触れていただきながら、最適な講座をご提案いたします。

電話・オンライン説明会のイメージ

電話・ビデオチャットでの
説明をご希望の方

お電話またはビデオチャットで、専任のカウンセラーとの個別カウンセリングで最適な講座をご提案いたします。

お電話でも直接ご相談いただけます。お気軽にお問い合わせください!

0120-20-9821

受付時間 9:00~21:00(土日祝 9:00~18:00)

年間17,000人以上が受講する
Winスクールが選ばれる理由

初心者から経験者までしっかり身につく
Winスクールこだわりの
個人レッスン

年間17,000人以上を指導するWinスクールのプロ講師陣が、一人ひとりにあわせた「個人レッスン」でご対応します。担当講師は単に質問に答えるだけでなく、繰り返し理解度を確認し受講生に合わせて段階的に学習を進めるので、初心者から経験者までその方が目標とされる技術や知識が確実に身につきます。

Winスクールこだわりの個人レッスン

即戦力のプログラミングスキルが身につく
IT業界の声を取り入れた
実践的なカリキュラム

Winスクールでは、年間約1,500社の企業研修を実施する中で企業からのさまざまなご要望に対応しています。実際の現場で必要とされる技術や知識を教材や講師の指導に反映していますので、未経験から学習をはじめてもIT業界で活躍できるだけの即戦力としてのテクニックを身に付けることができます

IT業界の声を取り入れた実践的なカリキュラム

さまざまな学び方が選べる
教室でもオンラインでも
個人レッスンで学べる受講形態

Winスクールでは他社に先駆けてオンラインレッスンも実施しています。教室のレッスンと全く同じカリキュラムと指導内容でオンライン個人レッスンが受講できる点が特長です。また、授業専用パソコンも追加料金なしでお送りしています。最寄りに教室が無かったり、さまざまな事情でご自宅での受講を余儀なくされる方でもオンライン個人レッスンでスキルを身につけられます。

教室でもオンラインでも個人レッスンで学べる受講形態

対面&オンラインの組み合わせで基礎から実践までサポート
業界経験者がオンラインで直接指導する
マスターレッスン

プログラミング言語などの基礎学習は、教室でその場にいる講師による対面での直接指導を中心にしっかり基礎固めを行います。また、専門性の高い高度なレッスンは、その分野での実務経験豊富な専門講師がオンラインで直接指導します(マスターレッスン)。指導方法は対面と同じ個人レッスンです。さらに、オンラインに慣れていない方も教室の講師がしっかりサポートしますので安心して受講いただけます。

業界経験者が指導するマスターレッスン

北海道から鹿児島まで
全国展開のWinスクール

お近くの教室を探す