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

Winスクールのオンラインセミナー 知識ゼロから始める HP制作講座

はじめてでも
HTML・CSSの基礎から
HP制作手法まで
をマスター!

これからWebサイトを作成したい方や、社内のWeb担当者に抜擢されて自社サイトの更新・修正を任された方などにおススメ。Webサイトを構築するための言語であるHTMLとCSSの基礎を学び、「レスポンシブデザイン」サイトを作りながら、Webサイト制作の基本を学びます。

知識ゼロから始めるHP制作講座

知識ゼロから始めるHP制作講座
~HTML・CSS入門編~

Web制作の基礎言語であるHTMLやCSSの書き方の基本から、主流のWebサイトのレイアウト手法を学びます。
実際の制作現場で使われている手法も取り入れていますので「現場で役に立つ」実践的なテクニックを学ぶことができます。

・受講料:
税抜9,000円(税込9,900円)
・教材費:
税抜2,280円(税込2,508円)(郵送)
・受講時間:
5時間
・募集定員:
最大6名まで

こんな方におすすめ

  • はじめてHTMLやCSSを学び、これからサイト制作をはじめたい方
  • ホームページ制作に興味を持っている方
  • 会社のWeb担当になった方やサイトの管理を内製化したい方

受講前提スキル

  • パソコンの基本操作(マウス操作やファイル管理)ができる方
  • 文字の入力ができる方

この講座の受講で身につくこと

  • Webサイト制作の全体的な流れが理解できるようになる
  • HTMLの基本を理解し、コーディングできるようになる
  • CSSの基本を理解し、コーディングできるようになる

カリキュラム内容

  • Webサイトのしくみについて
  • Webサイト制作とWebデザイン
  • コーディングについて
  • Webページのパーツやデザインパターンについて
  • Webデザインで知っておくべきこと
  • 制作環境を整えよう
  • Bracketsのインストールと使い方
  • Google Chromeのインストールと使い方
  • 実習用サンプルサイトを見てみよう
  • HTMLの基本知識
  • サンプルサイト共通のHTMLを書いてみよう
  • 見やすいコードとコメントの書き方
  • CSSの基本知識
  • CSSを書いてみよう<ページの基本設定>
  • CSSを書いてみよう<レイアウトの詳細>
  • フォントについて知ろう

受講生満足度と受講生の声

満足度:5

  • 本を読んで自分でやってみるというのはかなり難しい内容なので、順序良く解説いただきながら受講できるオンライン講座の良さがよく分かりました。
  • 実際にhtmlやcssを触ってみるという意味では、良い経験だった。ただ、cssのスタイリングコード等に関する知識がほとんどなく、cssのコーディングの際、特にテキストのまま文字を打ち込むので精いっぱいだった。
  • HP制作を学ぶ機会がなかったので参加できてよかったです。実際に授業を受けてみたら想像していた以上に難しかったのですが、学生の頃のプログラミングの授業を思い出して懐かしくなりました。日程が合えば、また参加したいです。

講師からのおすすめポイント

普段からPCは操作していてホームページは見ているけど自分で作るのは躊躇していた方、職場で他の人が作ったHTMLの意味がいまいち分からなかった方におすすめの講座です!この講座で使うBracketsはフリーソフトですが、文字の入力方法をしっかり押さえれば楽しくスムーズにホームページを組み立てることができます。使い方のコツを学んでいきましょう!

受講に必要な環境

  • Google Crome(無料ソフト:ダウンロード先はこちら
  • Brackets(無料ソフト:ダウンロード先はこちら
  • パソコン(WindowsまたはMac、スピーカー付き、マイク推奨)
  • ヘッドセット使用推奨
  • インターネット環境(光回線または4G以上の高速回線推奨)
  • Zoom(無料ソフト)

受講に際する注意点

  • インターネット回線速度および、パソコンの動作検証についてはお客様にてお願いします。
  • 当日、回線とパソコン不具合により万一受講ができない場合も、キャンセルはできませんのでご注意ください。
  • 受講料は講習実施日の7日前までにご入金をお願いします。
  • 期日までにご入金の確認が出来ない場合は自動的にキャンセルとなりますのでご注意ください。

知識ゼロから始めるHP制作講座
~レイアウト編~

主流のWebサイトのレイアウト手法をサイトのテーマ別に学んでいきます。
この講座では「フルスクリーンページ」、「シングルカラムページ」、「2カラムページ」
といったWebサイト制作のトレンドを学んでいきます。
実際の制作現場で使われている手法も取り入れていますので「現場で役に立つ」実践的なテクニックを学ぶことができます。

・受講料:
税抜9,000円(税込9,900円)
・教材費:
税抜2,280円(税込2,508円)(郵送) 
※「HTML・CSS入門編」修了者の方は教材の購入は不要
・受講時間:
5時間
・募集定員:
最大6名まで

こんな方におすすめ

  • Webデザイナーを目指している方
  • 会社のWeb担当になった方やサイトの管理を内製化したい方
  • 最新かつ主流のホームページ制作テクニックを習得したい方

受講前提スキル

  • HTMLとCSSの基本的な入力や修正ができる方
  • 知識ゼロから始めるHP制作~HTML・CSS入門編~修了者

この講座の受講で身につくこと

  • Webサイトで現在主流の基本的なレイアウトが理解できるようになる
  • HTMLとCSSを駆使してWebサイトのレイアウトが構築できるようになる

カリキュラム内容

フルスクリーンページを製作する
  • フルスクリーンページについて
  • フルスクリーンページのHTMLを書いてみよう
  • id属性とclass属性について
  • フルスクリーンページのCSSを書いてみよう
シングルカラムページを作成する
  • シングルカラムページについて
  • シングルカラムページのHTMLを書いてみよう
  • シングルカラムページのCSSを書いてみよう
  • スタイルシートを見なおそう
2カラムページを作成する
  • 2カラムページについて
  • 2カラムページのHTMLを書いてみよう
  • 2カラムページのCSSを書いてみよう

受講生満足度と受講生の声

満足度:5

  • 説明はとてもわかりやすく、順調についていければテキスト通りの画面ができあがる。たまに躓くとリカバリーが大変でした。また、zoomの調子が悪く途切れたときにフォローしてくださり、助かりました。本番のHP作成時に悩みそうですが、頑張ってみようと思います。

講師からのおすすめポイント

普段からPCは操作していてホームページは見ているけど自分で作るのは躊躇していた方、職場で他の人が作ったHTMLの意味がいまいち分からなかった方におすすめの講座です!この講座で使うBracketsはフリーソフトですが、文字の入力方法をしっかり押さえれば楽しくスムーズにホームページを組み立てることができます。使い方のコツを学んでいきましょう!

受講に必要な環境

  • Google Crome(無料ソフト:ダウンロード先はこちら
  • Brackets(無料ソフト:ダウンロード先はこちら
  • パソコン(WindowsまたはMac、スピーカー付き、マイク推奨)
  • ヘッドセット使用推奨
  • インターネット環境(光回線または4G以上の高速回線推奨)
  • Zoom(無料ソフト)

受講に際する注意点

  • インターネット回線速度および、パソコンの動作検証についてはお客様にてお願いします。
  • 当日、回線とパソコン不具合により万一受講ができない場合も、キャンセルはできませんのでご注意ください。
  • 受講料は講習実施日の7日前までにご入金をお願いします。
  • 期日までにご入金の確認が出来ない場合は自動的にキャンセルとなりますのでご注意ください。

知識ゼロから始めるHP制作講座
~グリッドレイアウト・
レスポンシブサイト編~

主流のWebサイトのレイアウト手法をサイトのテーマ別に学んでいきます。
この講座では「グリッドレイアウトページ」、「地図を埋め込んだ問い合わせページ」、
「レスポンシブデザインを使ったマルチデバイス対応ページ」といったWebサイト制作のトレンドを学んでいきます。
実際の制作現場で使われている手法も取り入れていますので「現場で役に立つ」実践的なテクニックを学ぶことができます。

・受講料:
税抜9,000円(税込9,900円)
・教材費:
税抜2,280円(税込2,508円)(郵送) 
※「HTML・CSS入門編」修了者の方は教材の購入は不要
・受講時間:
5時間
・募集定員:
最大6名まで

こんな方におすすめ

  • Webデザイナーを目指している方
  • 会社のWeb担当になった方やサイトの管理を内製化したい方
  • 最新かつ主流のホームページ制作テクニックを習得したい方

受講前提スキル

  • HTMLとCSSの基本的な入力や修正ができる方
  • 知識ゼロから始めるHP制作~HTML・CSS入門編~修了者

この講座の受講で身につくこと

  • スマホ・PC両対応のレイアウトの仕組みが理解できるようになる
  • グリッドレイアウトのページが構築できるようになる
  • レスポンシブデザインのページが構築できるようになる

カリキュラム内容

グリッドレイアウトページを製作する
  • グリッドレイアウトページについて
  • グリッドレイアウトページのHTMLを書こう
  • グリッドレイアウトページのCSSを書こう
  • YouTube動画を埋め込んでみよう
問い合わせページを作成する
  • 問い合わせページについて
  • GoogleMapsを埋め込む
  • 問い合わせページのHTMLを書こう
  • 問い合わせページのCSSを書こう
マルチデバイス対応ページを作成する
  • マルチデバイスに対応させよう
  • レスポンシブデザインの準備をしよう
  • レスポンシブデザインのCSSを書こう

受講生満足度

満足度:5

講師からのおすすめポイント

普段からPCは操作していてホームページは見ているけど自分で作るのは躊躇していた方、職場で他の人が作ったHTMLの意味がいまいち分からなかった方におすすめの講座です!この講座で使うBracketsはフリーソフトですが、文字の入力方法をしっかり押さえれば楽しくスムーズにホームページを組み立てることができます。使い方のコツを学んでいきましょう!

受講に必要な環境

  • Google Crome(無料ソフト:ダウンロード先はこちら
  • Brackets(無料ソフト:ダウンロード先はこちら
  • パソコン(WindowsまたはMac、スピーカー付き、マイク推奨)
  • ヘッドセット使用推奨
  • インターネット環境(光回線または4G以上の高速回線推奨)
  • Zoom(無料ソフト)

受講に際する注意点

  • インターネット回線速度および、パソコンの動作検証についてはお客様にてお願いします。
  • 当日、回線とパソコン不具合により万一受講ができない場合も、キャンセルはできませんのでご注意ください。
  • 受講料は講習実施日の7日前までにご入金をお願いします。
  • 期日までにご入金の確認が出来ない場合は自動的にキャンセルとなりますのでご注意ください。

開講日程の確認とお申し込み

下記の講座・日程より、ご自宅などでオンライン受講をご希望の方はオンライン受講を申し込むを、
Winスクールの教室で受講をご希望の方は教室での受講を申し込む(※対象講座のみ)をお選びいただき、
画面の指示に沿ってお申し込みを進めてください。

お申し込みから受講までの流れ

Step1
お申し込み
お申し込み画面に必要事項を記入のうえ、お申し込みください。
Step2
受講料のご入金
クレジットカードまたは銀行振り込みで受講料をご入金ください。
Step2
受講の確定
ご希望の受講日程で受講が確定しましたらメールにてご連絡いたします。
Step3
Zoom URL受け取り
ご入金後にメールにてセミナー接続用のZoom URLを送付いたします。
Step3
Zoom URL受け取り
受講日程確定後にセミナー接続用のZoom URLを送付いたします。
Step4
Zoomで授業に参加
受講日当日に事前配布したZoom URLにアクセスして参加してください。