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

WEBデザイン・WEBプログラミング

HTML5・CSS3コーディング

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

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

HTML5・CSS3コーディング講座

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

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

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

  • こんな方におすすめ
  • Webデザイナーやエンジニアになりたい方
  • WordPressを自由にカスタマイズしたい方
  • 会社やお店のホームページを新しく作りたい方
  • 既存のホームページを更新したい方
  • 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キャンペーン

各種資料を郵送または
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)

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

デザインは「経験を経てセンスが磨かれていく」もの、まずは飛び込んでみましょう!

デザインはセンスが必要という、いわゆる先天的な才能がなくてはならないと思っている方も多いと思います。もちろん一流のデザイナーには非凡な才能をお持ちの方も多いですが、センスのない私を始め、また過去周りを見渡しても、特筆する才能がなくとも問題なくデザイン業務をこなしてきている人も沢山います。デザインは「経験を経てセンスが磨かれていく」ものです。もし今のセンスに自信が無くても大丈夫だと、過去の経験からはっきり言えます。まずは飛び込んでみましょう。ソフト操作や理論、実習。授業を通して、経験を積むお手伝いをさせていただければ幸いです。

Teachers Name:H.Maezawa

卒業生からのメッセージ

Winスクールで学んだことは、これから就きたい仕事にも役立てそうです!
牧野田 大貴さん
卒業生のメッセージ2
将来、Webデザインの仕事をしたいと思いネットでスクールを探していたところ、Winスクールのホームページを見て、こんなホームページが作れたらカッコイイなって思ったのが入学のきっかけです。以前からPhotoshopは少し使っていたので、デザインソフトの学習はすごく楽しかったですが、HTMLやCSSは少し難しいなと感じました。ただ、Winスクールで学んだことはこれから就きたい仕事にも役立てそうです。デザインの学習が終わったら、どんな仕事でも使いそうなExcelも勉強してみたいです。
自己学習ではわからなかったことが解決できて、新しい発見もありました
山口 達也さん
卒業生のメッセージ2
家族が経営している印刷会社に入社することになったため、専門的なスキルが必要になりました。専門学校も検討しましたが、友人からWinスクールの話を聞いて、学費を抑えて短期間で受講ができることを知り、受講を決めました。自己学習だけではわからない機能が多くて困っていましたが、授業で作業効率が上がる方法や自分に合った使い方を見つけることもできました。講師とコミュニケーションを取りながら楽しく受講できる個別指導だったことも、自分にとってはピッタリだったと思っています。新しい環境では、Winスクールで習ったことを活かして即戦力になれるよう頑張りたいと思います。
WEB業界についても学ぶことができ、受講中にWebデザイナーとして転職に成功しました!
西原 惠美さん
卒業生のメッセージ2
わからないことがすぐに質問できる環境や、自分のペースで学習を進められること、給付金が使えることが決め手となり、Winスクールに入学しました。WEB業界への転職を目指す上で必要となるソフトのスキルだけでなく、独学だけでは知りえない業界についても知ることができ、受講中にWebデザイナーへの転職を決めることができました。スクールに通って気が付いたことですが、幅広い年齢層の方が通学していることに驚きました。私の親世代の方でもスキルアップのために学ばれている姿を見て、とても良い刺激になりました。

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

HTML・CSSの基礎からWordPressまで
WordPressクリエイター

WEBの基礎であるHTMLとCSSの学習に加えて、WEBサイトの制作で需要が増えている「WordPressビジネスサイト制作実践」までを習得できるコースです。

講座内容
受講料
税抜157,200円(税込172,920円)
入学金:税抜18,000円(税込19,800円)
教材費:税抜7,000円(税込7,700円)
受講時間
150分×16回(40時間)
受講期限:4ヶ月

WEBデザインの基礎からWordPressまで
WordPressデザイナー

WEBデザインの基礎であるHTMLとCSSの学習に加えて、レスポンシブデザインに対応したWebサイトの制作と、グラフィックデザイン必須のPhotoshopを総合的に学び、WordPressの実践的なカスタマイズ手法までを学べるコースです。

講座内容
受講料
税抜230,800円(税込253,880円)
入学金:税抜18,000円(税込19,800円)
教材費:税抜10,000円(税込11,000円)
受講時間
150分×24回(60時間)
受講期限:6ヶ月

サイト制作の基礎から実践スキルまで
WordPressデザイナープロ

WEBデザインの基礎であるHTMLとCSSの学習に加えて、グラフィックデザイン必須のPhotoshopやWordPressの実践的なカスタマイズ手法を学び、オリジナルサイトの制作実習を通して実践的なスキルを身につけます。

講座内容
受講料
税抜284,000円(税込312,400円)
入学金:税抜18,000円(税込19,800円)
教材費:税抜12,000円(税込13,200円)
受講時間
150分×30回(75時間)
受講期限:8ヶ月

HTML・CSSからPHPプログラミングまで
PHPベーシック

HTML・CSSの基礎から学び、PHPの基本文法から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スクールこだわりの個人レッスン

即戦力のデザインスキルが身につく
デザイン業界の声を取り入れた
実践的なカリキュラム

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

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

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

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

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

就職に役立つ資格が確実に取得できる
クリエイター能力認定試験の
一発合格率は93%!

Winスクールは資格取得にもこだわります。合格するまで繰り返し受験をするのではなく、1回の試験で確実に合格させることで、時間もコストも無駄にさせません。一発合格率93%の実績は、多くの合格者を輩出したノウハウを元に、一人ひとりにあわせた指導が実を結んだ結果です。

クリエイター能力認定試験の一発合格率は93%!

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

お近くの教室を探す