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

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

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

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

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

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

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

・受講料:
税抜9,000円(税込9,900円)
・受講料:
税抜6,000円(税込6,600円)
・教材費:
税抜2,280円(税込2,508円)(郵送)
使用教材「HTML&CSSとWebデザインが 1冊できちんと身につく本(技術評論社)
・教材費:
受講料に含む(郵送)
※参考:使用教材「HTML&CSSとWebデザインが 1冊できちんと身につく本(技術評論社)
・受講時間:
5時間
・募集定員:
最大6名まで

こんな方におすすめ

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

受講前提スキル

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

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

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

カリキュラム内容

Webサイト制作の流れ
  • Webサイトのしくみを知ろう
  • Webサイト制作とWebデザイン
コーディングについて
  • WEBページのコーディングとは(HTML・CSS)
WEBページの構成要素とレイアウトの種類
  • 主な構成要素(ヘッダー・ナビゲーション・コンテンツ・サイドバー・フッター)について
  • ナビゲーションの種類(グローバルナビゲーション・ローカルナビゲーション・パンくずリスト)について
  • レイアウトの種類(シングルカラム・2カラム・グリッドレイアウト・フルスクリーン)
Webデザインで知っておくべきこと
  • 行間の重要性や文字コードについて
  • 色と光の三原色(RGB)
  • 単位(ピクセル)について
  • ボックスモデルレイアウトの用語(width・height・paddingなど)について
  • WEBデザインの流行について
制作環境を整えよう
  • 無料開発ソフト(Visual Studio Code)のインストールと使い方
  • Google Chromeのインストールと使い方
WEBページを構成するコード(HTML)の基本知識
  • HTMLでWEBページを作ってみよう
  • 見やすいコードとコメントの書き方
WEBページを装飾するCSSの基本知識
  • CSSで装飾しよう<ページの基本設定>
  • CSSで装飾しよう<レイアウトの詳細>
  • 文字の形でイメージが変わる(フォントについて知ろう)

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

満足度:3.5

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

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

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

受講に必要な環境

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

受講に際する注意点

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

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

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

下記の講座・日程より、受講をご希望の方はセミナー受講を申し込むをお選びいただき、
画面の指示に沿ってお申し込みを進めてください。

お申し込みから受講までの流れ (オンライン受講の場合)

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