リクエスト開催 1日速習 オンラインライブ

1日速習 HTML / CSS スマホ対応(応用)オンライン講座

ブログ・ニュース系サイト作成/ビジネスサイト作成/レスポンシブデザイン作成。スマートフォン・タブレット・パソコンに対応したレイアウト技法を1日で学びます。

日数/時間
1日/10:00~17:00
オンラインライブ
受講スタイル
個別/オンライン
Zoom・リアルタイム
受講料
税込 32,780円
テキスト代込・入学金なし
申込締切の目安
開催5日前 15:00
テキスト発送のため
日程ごとの表示を優先

この講座の特長

通学制パソコン教室と比べてください。ムリ・ムダのない短期集中のオンラインライブ講座です。レスポンシブWebデザインで、スマホ対応のページレイアウトを実践的に学びます。

  • 講師がその場で質問に答えるライブ形式
  • ブログ・ニュース系/ビジネス系の実例サイトを組み立てながら学習
  • テキスト付き(ソシム・HTML5&CSS3デザインブック)
短期集中オンライン講座のイメージ
講座のポイント

受講対象者

  • HTML基礎・CSS基礎講座を受講済もしくは、同等レベルの知識をお持ちの方
  • スマートフォンなどの多様なデバイスに対応できる各種アレンジやテクニックを学習したい方

到達目標

  • レスポンシブWebデザインの技術を身につけ、レスポンシブ対応のWebページを作成できるようになる

講座の内容

スマートフォンに対応するレスポンシブWebデザインで、レイアウトを自在に操るための最新技法を身につけられます。「ブログ・ニュース系サイト」と「ビジネス系サイト」の実例サイトを、1からパーツを組み立てながら作成し、スマートフォン、タブレット、パソコンに対応した、使い勝手や見栄えを向上させる「レスポンシブWebデザイン」を学習できます。

カリキュラム

1Webページにおける段組み

Webページにおける段組み/ボックスを横に並べる/ボックスを分割する/ボックスの横幅を指定する/ボックスの並び順を指定する/レスポンシブWebデザインを設定する

2Webページを作成する準備

パーツの準備/Webページの準備

3ブログ・ニュース系サイトのコンテンツページ

レイアウトの基本構造を作る/ボックスの中にコンテンツを入れる/レイアウトの調整を行う/レスポンシブWebデザインの調整を行う

4ビジネスサイト風のトップページ

レイアウトの基本構造を作る/ボックスの中にコンテンツを入れる/レイアウトの調整/レスポンシブ調整/パーツの追加と修正/ナビゲーションメニューをトグル型にする

使用テキスト:HTML5&CSS3デザインブック(ソシム)/環境:テキストエディタ+Webブラウザ
※ライブページに章ごとのカリキュラム画像がなかったため、テキストのみ掲載しています。

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

講師

現状SEO上では、スマートフォン対応は必須になっています。検索するユーザの半数以上はスマートフォンに変わり、ユーザーにとって見やすいサイト構成にすることが、SEO上では求められています。サイト作成の基本知識を学習された方は、作ったサイトを閲覧してもらう知識を是非身に付けてください!

受講に必要なもの

  • Windows PC(必須。原則 Mac での参加はご遠慮いただいています)
  • スピーカーとマイク(PC内蔵可・必須)
  • 安定したインターネット接続(必須。有線または無線ブロードバンド推奨)
  • ウェブカメラ(任意・内蔵可)
  • テキストエディタとWebブラウザ(Chrome / Edge 等)
  • HTML/CSS基礎相当の知識(①②受講済みまたは同等レベル)

お申し込みから受講まで

  • 予約サイトで日程を選び、カード決済(法人は請求書払い可)で申し込む
  • 完了メールで接続マニュアルURL・オンライン配信URLが届く
  • テキストは受講日前に登録住所へ発送(発送タイミングは案内に従う)
  • 当日は開始10分前から入室して受講
オンラインの講座って大丈夫なの?

ご注意

  • 残席・キャンセル条件の確定表示は予約サイト(reserve.bitlab.jp)が正です
  • 申込締切は講座・日程ごとに異なる場合があります。ページ上の表示をご確認ください
  • キャンセル・日程変更は front@bitlab.jp まで
  • ブラウザやエディタの種類により、表示や操作感が異なる場合があります

空き日程を確認して、そのままお申し込みいただけます。

講座スケジュールを開く