Winスクールのオンラインセミナー
知識ゼロから始める
HP制作講座
グリッドレイアウト・レスポンシブサイト編
はじめてでも
HTML・CSSの基礎から
HP制作手法までをマスター!
これからWebサイトを作成したい方や、社内のWeb担当者に抜擢されて自社サイトの更新・修正を任された方などにおススメ。Webサイトを構築するための言語であるHTMLとCSSの基礎を学び、「レスポンシブデザイン」サイトを作りながら、Webサイト制作の基本を学びます。
知識ゼロから始めるHP制作講座
~グリッドレイアウト・
レスポンシブサイト編~
主流のWebサイトのレイアウト手法をサイトのテーマ別に学んでいきます。
この講座では「グリッドレイアウトページ」、「地図を埋め込んだ問い合わせページ」、
「レスポンシブデザインを使ったマルチデバイス対応ページ」といったWebサイト制作のトレンドを学んでいきます。
実際の制作現場で使われている手法も取り入れていますので「現場で役に立つ」実践的なテクニックを学ぶことができます。
- ・受講料:
- 税抜9,000円(税込9,900円)
- ・受講料:
- 税抜6,000円(税込6,600円)
- ・教材費:
- 税抜2,280円(税込2,508円)(郵送)
※「HTML・CSS入門編」修了者の方は教材の購入は不要
- ・受講時間:
- 5時間30分
- ・募集定員:
- 最大6名まで
こんな方におすすめ
- Webデザイナーを目指している方
- 会社のWeb担当になった方やサイトの管理を内製化したい方
- 最新かつ主流のホームページ制作テクニックを習得したい方
受講前提スキル
- HTMLとCSSの基本的な入力や修正ができる方
- 知識ゼロから始めるHP制作~HTML・CSS入門編~修了者
この講座の受講で身につくこと
- スマホ・PC両対応のレイアウトの仕組みが理解できるようになる
- グリッドレイアウトのページが構築できるようになる
- レスポンシブデザインのページが構築できるようになる
カリキュラム内容
グリッドレイアウトページを製作する
- スッキリ見やすいHPを作るには
(グリッドレイアウトページについて) - 作ってみよう(HTML)
- 装飾しよう(CSS)
- YouTube動画を埋め込んでみよう
問い合わせページを作成する
- 問い合わせページについて
- GoogleMapsを埋め込む
- 作ってみよう(HTML)
- 装飾しよう(CSS)
マルチデバイス対応ページを作成する
- いろいろな機器(スマホ・タブレットなど)で見やすいHPを作る(マルチデバイス対応)
- いろいろな機器(スマホ・タブレットなど)に応じてデザインを変更する(レスポンシブデザイン)
- 装飾しよう(CSS)
受講生満足度
講師からのおすすめポイント
ホームページの作り方にはきちんとしたルールが定められていますが、この講座ではこれらのルールを無理なく知ることができ、ルールに沿って作ることで整ったページを組み立てることができます。グリッドレイアウト・レスポンシブサイト編では応用的なレイアウトであるグリッドレイアウト、さらに動画の埋め込みやお問い合わせフォーム作り、1つのコードでPC向け、スマホ向けの表示の切り替えができるレスポンシブサイトまで、幅広く学んでいきます!
受講に必要な環境
- 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にアクセスして参加してください。