人生が変わる レスポンシブWebデザイン

レスポンシブWebデザインを、基本的な仕組みからしっかり理解!

learn

こんなことを学びます

・Webサイトをレスポンシブ対応にするお仕事が来たんだけど…
・レスポンシブ、今ひとつ制御できない…
・もうこれができないと、仕事にならない…

PC、スマホにタブレット…
あらゆるデバイスに最適化したWebサイトが作れるレスポンシブWebデザインはもはや必須です!

「人生が変わるレスポンシブWebデザイン」ではそのしくみを理解することから始めて、4時間で本格的なWebページを作っちゃいます。

・スタイルシート、どこに何書いてるかすぐわからなくなる…
・スマホの方を調整すると、PCが崩れるんだけど…

レスポンシブって、それぞれのデザインを同時進行で考えなくてはならないので、一見難しそうに見えるんですよね。

でも大丈夫。
根本的なしくみがわかれば、カンタンにできちゃうんです。
パズルを解くように楽しく、お仕事できるようになりますよ。

当日、こんなの作ります。
<完成サンプル>
http://speakingdesign.com/workshop/responsive/
※「Sample」の項をご覧ください。
※若干内容が変更になる場合アリ。
続きを読む

日程・開催時間を選ぶ

開催リクエスト受付中

開催予定エリア

渋谷・恵比寿

価格(税込)

¥7,500

受けたい
180人が受けたい登録しています

teacher

この講座の先生

Webデザインで人生変えよう。

Speaking Design 代表

就職にも、独立にも、趣味にも。
人生のあらゆる目的を叶えてくれる
Web制作&デザインを日本中の皆様へ。

Webデザインを通じて、年齢は10代から60代まで、学生の方にもお勤めの方にも、
これまで様々な方とお会いする機会に恵まれました。
皆様とのご縁も、楽しみにしています。

・ワークショップ/セミナー/講義実績
株式会社フェローズ (東京都)
公益財団法人 埼玉県産業振興公社 (埼玉県)
学校法人・専門学校 HAL東京 (東京都)
デジハリ・オンラインスクール (オンライン)
などなど

・執筆および執筆協力
jQuery標準デザイン講座(翔泳社)
グラフィックデザイン Illustrator & Photoshop(技術評論社)
グラフィック&Webデザイン Illustrator&Photoshop CS6(技術評論社)
などなど

・制作実績
D-menu / I-menu
Excite
So-net
Xbox公式サイト
イトーヨーカドー
ウェザーニュース
食べログ
などなど + 続きを読む

detail

講座詳細

  • 当日の流れとタイムスケジュール

    1.レスポンシブWebデザインについて
    レスポンシブWebデザインの概要・しくみについてお話しします。

    2.レスポンシブWebデザイン実践
    基本をおさえたら、本格的なWebページを作成してみましょう。
  • こんな方を対象としています

    ・HTML&CSSのスキル
    HTML&CSSで簡単なWebページを作った事のある方。
    基本的な知識をお持ちであれば大丈夫です。

    ・デザインのスキル
    必要ありません。
    当日は教材に沿って、みんなで同じ物を完成させます。

    ※本コースは基礎的な内容です。
    超得意な方には物足りないと思いますので、ご遠慮ください。
  • 受講料の説明

    ・オリジナルテキスト
    ・オリジナル教材
    ・会場費

    全て込みです!

    お飲物は、ペットボトル等ご持参ください。
  • 受講する際は以下をお読み下さい

    ・ノートPC
    macもしくはwindows。他電源コード、マウス等。

    ・ブラウザ
    普段お使いになっているもので大丈夫です。
    講師はGoogle Chromeを使用します。

    ・テキストエディタ
    普段お使いになっているもので大丈夫です。
    講師はAtomを使用します。

    ・お飲物
    ペットボトル等ご持参ください。

review

レビュー

  • 17

  • 楽しかった!( 13 )

  • 勉強になった!( 15 )

  • 行く価値あり!( 16 )

  • 男性

    この講座は「CSS3の便利な使い方が学べる講座」でした

    レスポンシブの仕組みだけでなくCSS3の便利な使い方が学べて良かったです(^^)後半のスピードアップは改善してほしいですがw 全体的にはとても満足しています☆ありがとうございました!

  • 女性 40代

    この講座は「的確で論理的、本当に必要なポイントを確実に抑えることのできる受講に意義ある講座です。」でした

    何となく理解してきたこと、多分そうかなと想定の範囲で学んできたレスポンシブWebでしたが、この講座を受講したことで考え方や必要なポイントを確実に学ぶことができました。まさに「?」が「!!」となります。
    先生のお話も論理的かつテンポよく進み、楽しく学習できます。おすすめです。

  • 女性

    この講座は「仕組みを学んで、実践もできる講座」でした

    前半のレスポンシブの仕組みや最近のwebページの傾向などについての講義は勉強になりました。後半は実際にコーディングをします。私は普段あまりコーディングをすることがないので、ついていけるか不安でしたが、途中でタイプミスなどあっても、その都度先生が助けてくれたので楽しく受講することができました。

  • 男性 30代

    この講座は「受けて価値のある講座」でした

    社内にwebで頼る人がいないのと、何度かレスポンシブデザインの作成を試みるもうまくいかなかったので、受けてみました。 内容的にはレスポンシブの基礎知識の講義を行い、実技に入ります。スマホ→PCという切り替えに対して画像を適切に表示させるにはどうしたら良いかなどいくつかの例題でこなすことで受け身にならず、学べるのが良いところだと思いました。 授業スピードもたまたま早い方が集まってると仰ってましたが、分からないときは講師からのフォローが入ったり、周りと助け合い無事に終わることができました。
    平日働いてる私としては講座を開いていただけるのとお手軽な値段設定で助かりました。
    ありがとうございました。

  • 女性

    この講座は「質問しやすい!」でした

    ふだんは本やサイトをたよりに地味に勉強してますが、
    行き詰まってきたので詳しい方から直接教えてもらおうと参加しました。

    先生は専門学校で教鞭をとっておられるプロ講師。セミナーはテンポよく進みます。
    工程が終わるごとに行き詰まってる生徒はいないか確認なさるので、
    「ついていけずに涙目…」ということもありませんでした。少人数なこともあり、質問しやすかったですよ。

    レスポンシブデザインについて、なんとなく知ってるけど自力では作れない。
    でも作れるようになりたい…そんな方におすすめの講座です。

  • more

    この先生の他の講座

    relation

    関連講座

    watching

    この講座を見た人は、こんな講座も見ています