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

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

ホームページ制作
(HTML5 & CSS3・スマホサイト制作)

HTML・CSSの基本文法から
レスポンシブデザインまで
サイト制作のすべてをマスター

WebサイトはHTMLとCSSと呼ばれる言語を組み合わせて構築されています。また、最近ではPC用とスマホ用のサイトを1つのレイアウトでデザインする「レスポンシブデザイン」が主流です。今や広告手法の中心となるWebサイトでは、訪れたユーザーにさまざまな価値を提供して集客効果を高めることが重要。そのためには、単にプログラミングの文法を学ぶだけではなく、幅広い知識と技術が必要です。そんなWebサイト制作に必要なさまざまなテクニックが、個人レッスンで学べる講座です。

ホームページ制作(HTML5 & CSS3・スマホサイト制作)講座

ホームページ制作
(HTML5 & CSS3・スマホサイト制作)
講座 詳細

短期速習や利用経験のある方
ホームページ制作(12回)

WEB制作に欠かせない言語である HTML5・CSS3の文法を基礎から学び、スマホやタブレットに対応したサイト(レスポンシブデザイン)の制作方法までを学習します。

  • こんな方におすすめ
  • ソフトを少し操作したことがある方や短期で習得したい方
  • Webデザイナーになりたい方
  • 会社やお店のホームページを新しく作りたい方
  • 既存のホームページを更新したい方
  • Webデザインのスキルを身につけて在宅で仕事がしたい方
受講料
税抜126,400円(税込139,040円)
入学金:税抜18,000円(税込19,800円)
教材費:税抜6,000円(税込6,600円)
受講時間
150分×12回(30時間)
受講期限:3ヶ月

未経験やじっくり学びたい方
ホームページ制作(14回)

WEB制作に欠かせない言語である HTML5・CSS3の文法を基礎から学び、スマホやタブレットに対応したサイト(レスポンシブデザイン)の制作方法までを学習します。
※12回講座と同じカリキュラム内容で余裕をもって学習いただけます。

  • こんな方におすすめ
  • まったくの未経験やじっくり学習したい方
  • Webデザイナーになりたい方
  • 会社やお店のホームページを新しく作りたい方
  • 既存のホームページを更新したい方
  • Webデザインのスキルを身につけて在宅で仕事がしたい方
受講料
税抜143,200円(税込157,520円)
入学金:税抜18,000円(税込19,800円)
教材費:税抜6,000円(税込6,600円)
受講時間
150分×14回(35時間)
受講期限:4ヶ月

カリキュラム詳細(12回・14回共通)

  • 【基礎編】
    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アップロード
  • 【応用編】
    完成例の確認とHTML文書の作成
  • 完成例の確認
  • HTML文書の作成
  • SVGデータについて
  • SVGデータを活用するメリット
  • HTML文書へのSVGの組み込み
  • CSSのコーディング
  • サイト全体で使用するCSSの設定
  • ページの詳細なデザイン
  • トップページのコーディング
  • サブページのコーディング
  • CSSグリッドレイアウト
  • CSSグリッドレイアウトとは
  • 高度な視覚表現
  • リッチな視覚表現
  • 動的な表現
  • ドリンクページのアニメーション
  • コンタクトフォームでのアラート表示
  • レスポンシブ対応
  • レスポンシブ対応の準備
  • トップページのレスポンシブ対応
  • 下層ページのレスポンシブ対応
  • 動的なメニューのコーディング
  • ブラウザごとのデザインの差異を減らす
  • ブラウザごとのデザインの差異を減らす
  • Internet Explorerへの対応
  • Internet Explorerへの対応
  • ブラウザのデバック
  • デベロッパーツールでの検証
  • SEO
  • SEO
全講座入学金半額&eラーニング教材プレゼント!学びの秋応援キャンペーン 全講座入学金半額&eラーニング教材プレゼント!学びの秋応援キャンペーン
無料就職支援セミナー Web・デザイン業界への就職を成功させる秘訣 無料就職支援セミナー Web・デザイン業界への就職を成功させる秘訣

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

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

デザインは楽しいもの。楽しく学んで、やりがいのある仕事に就けるスキルを身につけましょう!

大阪で写真の専門学校を卒業後、デザインの専門学校等での指導とWinスクールでの指導を合わせると1000人を超える方を指導、就職やお仕事受託のお手伝いをしてきました。最初は未経験の方がほとんどですが、デザインは楽しいもの。楽しく学んで、やりがいのある仕事に就けるスキルを身につけていただきたいと思っております。授業では、就職や在宅・自社サイトの更新など、目的に合わせてお話させていただいています。通学中に就職が決まったり在宅のお仕事を受け始める方もいらっしゃいますが、不安なことがあったらどんなことでも遠慮なくご相談ください!

Teachers Name:K.Araki

卒業生からのメッセージ

WEB業界についても学ぶことができ、受講中にWebデザイナーとして転職に成功しました!
島田 志保さん
卒業生のメッセージ1
わからないことがすぐに質問できる環境や、自分のペースで学習を進められること、給付金が使えることが決め手となり、Winスクールに入学しました。WEB業界への転職を目指す上で必要となるソフトのスキルだけでなく、独学だけでは知りえない業界についても知ることができ、受講中にWebデザイナーへの転職を決めることができました。スクールに通って気が付いたことですが、幅広い年齢層の方が通学していることに驚きました。私の親世代の方でもスキルアップのために学ばれている姿を見て、とても良い刺激になりました。
迷っているならまずはやってみる!受講中からどんどんクラウドソーシングに応募しました
西原 惠美さん
卒業生のメッセージ2
最初は感覚でデザインしていましたが、デザイン理論を学んでからは徐々に自分の作ったものを客観的に見ることができるようになりました。受講中にクラウドソーシングにどんどん応募して、それが採用されると、自信に繋がりました。まずは迷わず何かやってみるといいと思います。動かなければ何もならないし、小さなことでも積み上げていったものは絶対になくなったりはしません。Winスクールは、段階を踏んで確実に覚えることができるカリキュラムになっているので安心して受講をおすすめします!
自分で考える時間と講師にすぐに質問できる環境がスキル習得につながりました!
志田 晴飛さん
卒業生のメッセージ3
オンライン受講のスクールが流行っていますが、自分には対面で教えてくれるWinスクールが合っていると思い入学を決めました。しっかりと自分で考える時間も自分にとっては必要で、どうしてもわからなかったらすぐに講師に聞けるという安心感が力をつけることに繋がったと思います。なによりいつも励ましてくれたり、背中を押してもらえたことがうれしかったです。もうすぐ受講が終わりますが、目標であるWeb制作会社への就職に必要なスキルも身につけることができたと実感しています。

ホームページ制作講座と
セットで学べる「総合コース

WEBサイト制作に必須のスキルを習得
WEBスタンダード

WEBデザインの基礎であるHTMLとCSSの学習に加えて、レスポンシブデザインに対応したWebサイトの制作と、グラフィックデザイン必須のPhotoshopを総合的に学びます。
※「Photoshop」講座は「Illustrator」講座と振り替えが可能です。

講座内容
受講料
税抜192,000円(税込211,200円)
入学金:税抜18,000円(税込19,800円)
教材費:税抜9,000円(税込9,900円)
受講時間
150分×20回(50時間)
受講期限:5ヶ月

プラスαの実践テクニックまでマスター
WEBスタンダードPlus

WEBデザインの基礎であるHTMLとCSSの学習に加えて、レスポンシブデザインに対応したWebサイトの制作と、グラフィックデザイン必須のPhotoshopを総合的に学び、オリジナルサイトの制作までを行うコースです。
※「Photoshop」講座は「Illustrator」講座と振り替えが可能です。
※「デザイン制作実習」講座は「WEBクリエイター能力認定試験対策」講座と振り替えが可能です。

講座内容
受講料
税抜243,200円(税込267,520円)
入学金:税抜18,000円(税込19,800円)
教材費:税抜13,000円(税込14,300円)
受講時間
150分×26回(65時間)
受講期限:7ヶ月

プラスαのデザインテクニックを習得
WEBデザイナー

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

講座内容
受講料
税抜257,600円(税込283,360円)
入学金:税抜18,000円(税込19,800円)
教材費:税抜14,000円(税込15,400円)
受講時間
150分×28回(70時間)
受講期限:7ヶ月

実践的なWebデザインスキルまでマスター
WEBデザイナーPlus

WEBデザインの基礎であるHTMLとCSSの学習に加えて、レスポンシブデザインに対応したWebサイトの制作と、グラフィックデザイン必須のIllustratorとPhotoshopを総合的に学び、オリジナルサイトの制作までを行うコースです。
※「デザイン制作実習」講座は「WEBクリエイター能力認定試験対策」講座と振り替えが可能です。

講座内容
受講料
税抜288,000円(税込316,800円)
入学金:税抜18,000円(税込19,800円)
教材費:税抜17,000円(税込18,700円)
受講時間
150分×34回(85時間)
受講期限:9ヶ月

動きのあるWebサイト制作スキルを習得
WEBクリエイターベーシック

WEBデザインの基礎であるHTMLとCSSの基本学習に加えて、レスポンシブデザインに対応したWebサイトの制作と、JavaScriptやjQueryといったWEBプログラミングまでを総合的に学べるコースです。

講座内容
受講料
税抜192,000円(税込211,200円)
入学金:税抜18,000円(税込19,800円)
教材費:税抜9,000円(税込9,900円)
受講時間
150分×20回(50時間)
受講期限:5ヶ月

多彩な表現のサイト制作スキルをマスター
WEBクリエイター

WEBの基礎であるHTMLとCSSの学習に加えて、レスポンシブデザインに対応したWebサイトの制作と、Web用アニメーションを作成するプログラミング言語であるJavaScriptとjQueryを基礎から学び、オリジナル作品の制作を行います。
※「デザイン制作実習」講座は「WEBクリエイター能力認定試験対策」講座と振り替えが可能です。

講座内容
受講料
税抜238,000円(税込261,800円)
入学金:税抜18,000円(税込19,800円)
教材費:税抜13,000円(税込14,300円)
受講時間
150分×26回(65時間)
受講期限:7ヶ月

デザインからWebプログラミングまでを習得
WEBマスターベーシック

WEBデザインの基礎であるHTMLとCSSの学習に加えて、レスポンシブデザインに対応したWebサイトの制作とサイトを彩るコンテンツ作成に不可欠なJavaScriptとjQuery、グラフィックデザイン必須のIllustratorとPhotoshopを総合的に学びます。

講座内容
受講料
税抜305,200円(税込335,720円)
入学金:税抜18,000円(税込19,800円)
教材費:税抜18,000円(税込19,800円)
受講時間
150分×36回(90時間)
受講期限:9ヶ月

WEBデザイン必須スキルを総合的にマスター
WEBマスター

WEBデザインの基礎であるHTMLとCSSの学習に加えて、レスポンシブデザインに対応したWebサイトの制作とサイトを彩るコンテンツ作成に不可欠なJavaScriptとjQuery、グラフィックデザイン必須のIllustratorとPhotoshopを総合的に学び、WEBクリエイター能力認定試験の資格取得を目指すコースです。
※「デザイン制作実習」講座は「WEBクリエイター能力認定試験対策」講座と振り替えが可能です。

講座内容
受講料
税抜328,000円(税込360,800円)
入学金:税抜18,000円(税込19,800円)
教材費:税抜22,000円(税込24,200円)
受講時間
150分×42回(105時間)
受講期限:10ヶ月

各種資料を郵送または
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スクール

お近くの教室を探す