このエントリーをはてなブックマークに追加

Aug

4

西畑一馬のレスポンシブWebデザイン入門講座

Web/アプリ業界の第一線で活躍中の講師陣による実践的なワークショップを毎週開催しています。

Organizing : ロクナナワークショップ

Hashtag :#レスポンシブ
Registration info

参加枠1

29800 (Pre-pay)

FCFS
0/3

About Prepayment

About Prepayment Contact Info:

(Only shown to attendees.)

Cancel/Refund Policy:

お申込み内容の変更・取り消しは、講座開講日の10日前までにメールにて事務局までご連絡ください。それ以降の変更、取り消しはできません。
ご入金後の取り消しの場合は所定の手数料を差し引いて、銀行振り込みにてご返金させていただきます。返金手数料は、受講料を銀行振り込みでお支払いの場合は540円、クレジットカードにてお支払いの場合はお支払い額の5%(29800円の場合は1490円)です。
ご入金後に日程変更、講座変更をご希望の場合は、必ず講座開講日の10日前までに事務局までご連絡ください。

Print receipt data:

発行しない (詳しくはこちら)

Description

概要

最近のWebサイト制作ではPC環境のみではなくスマホやタブレットといったマルチデバイス環境に対応することが非常に求められており、そこで注目されているのが「レスポンシブWebデザイン」です。
レスポンシブWebデザインではデバイスごとにHTMLやCSSを切り替えるのではなく画面サイズ毎に様々なデバイスに対応が可能になっています。

本講座では、HTMLとCSSの知識がある方を対象に、「レスポンシブWebデザイン」について学んでいただきます。

制作環境の構築からviewprtなどのスマートフォン/タブレットの対応方法、CSS3やJavaScriptライブラリを利用したマルチデバイスに対応したサイト構築、低回線向けのパフォーマンス・チューニングなど、今のWeb制作に必要な内容を学ぶことができます。

※ Android端末、iPhone/iPadなどスマートフォンをお持ちの方は、ご確認用にご持参されることをおすすめします。

修了目標

本講座の受講修了時に、以下のスキル習得を目指します。

  • スマートフォン・タブレットなどのマルチデバイスに対応したサイト構築
  • CSS3/HTML5を利用した最新のWebサイト構築テクニック
  • 表示速度・パフォーマンスを意識したサイト構築

カリキュラム

1. レスポンシブWebデザインの基本

  • レスポンシブWebデザインとは?
  • 対応OSの選定と検証方法
  • viewportとCSS解像度の関係
  • スマートフォンで利用できるmeta要素
  • Media Queries(メディアクエリー)
  • Fluid Image(フルードイメージ)
  • Flexible Layout(フレキシブルレイアウト)

2. CSSテクニック

  • displayプロパティによる位置表示の調整
  • before/after疑似要素を使った装飾
  • gradientプロパティによる装飾

3. JavaScriptテクニック

  • レスポンシブに対応したモーダルウィンドウ
  • カルーセルUIの導入
  • ナビゲーションUIの導入
  • PC状態を見るUIの導入
  • レスポンシブテーブル

4. パフォーマンスチューニング

  • 画像の最適化
  • リクエストの最適化
  • ファイルサイズの最適化
  • サーバー設定の最適化

*カリキュラムの進度および内容は、受講者全員の理解度・習得度によって変更される場合があります。

使用アプリケーション

Google Chrome 、 Atom

講師

西畑一馬

定員

6名(各種申込みサイト合計)

対象

  • XHTML、CSSを理解して書けるマークアップエンジニア、ウェブデザイナー
  • CSSで段組レイアウトができる方
  • 千貫りこのHTML/CSS中級講座 」の履修相当の理解がある方。 本ページ下の 受講対象レベルチェック問題 を理解できる方。

料金

29,800円(税込み)

会場

東京・原宿 ロクナナワークショップ

募集締切後のお申込み、お問合せ

本サイトでのお申し込みは、講座開催の1週間前に締め切られますが ロクナナワークショップ内講座概要ページ からは開催前日までお申込みいただけます。

受講規約など

受講希望の方は受講規約およびよくある質問のページを閲覧していただき、ご了承の後にお申し込みください。

Media View all Media

If you add event media, up to 3 items will be shown here.

Feed

ロクナナワークショップ

ロクナナワークショップ published 西畑一馬のレスポンシブWebデザイン入門講座.

07/28/2016 17:15

西畑一馬のレスポンシブWebデザイン入門講座 を公開しました!

Group

ロクナナワークショップ

Web業界の第一線で活躍中の講師陣による実践的なワークショップを毎週開催しています。

Number of events 224

Members 196

Ended

2016/08/04(Thu)

11:00
18:00

Registration Period
2016/07/28(Thu) 17:15 〜
2016/07/29(Fri) 20:00

Location

ロクナナワークショップ原宿教室

東京都渋谷区神宮前1-1-12(原宿ニュースカイハイツ 204)

Attendees(0)

No attendees yet.

Attendees (0)