人生が変わる Bootstrap

Bootstrapの基礎、しっかりわかります!

learn

こんなことを学びます

Speaking Designのワークショップ、新作はBootstrapです。

・Bootstrapで制作されているWebサイトの運営を依頼されたんだけど、どうしよう!
・そもそも最近よく聞くBootstrapって何?


WebサイトやWebアプリケーションをカンタンに作成できちゃうフレームワーク、Bootstrap。
ゼロからソースコードを書く必要がない分、細かいところまで自分の思い通りにするのがちょっと大変、という歯がゆさもあります。

「人生が変わる Bootstrap」では、そんないいトコ悪いトコ含め、Bootstrapの基本的な機能をご紹介。

Bootstrap、ずっと気になってた、いつかマスターしなきゃと思ってたという方、4時間で基本が押さえられますよ〜!

一方、ワタクシ的にはレスポンシブ対応のソースコードを自分で書けるのが一番確実だと思っているので、よかったらこちらもどうぞ!
<人生が変わる レスポンシブWebデザイン>
https://www.street-academy.com/myclass/4220



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

日程・開催時間を選ぶ

開催リクエスト受付中

開催予定エリア

渋谷・恵比寿

価格

¥7,500

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

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.Bootstrapについて
    改めてBootstrapとは何か、使用すると何のメリットがあるのかをご紹介します。

    2.基本その1:レイアウト
    レスポンシブレイアウトの扱いについて見ていきます。

    3.基本その2:コンテンツ
    テキストや画像の扱いについて説明します。

    4.基本その3:コンポーネント
    ナビゲーションやボタンなどの基本要素の作成方法について紹介します。

    5.基本その4:ユーティリティ
    その他の細かい設定について、紹介します。

    6.ページ制作
    基本を一通り押さえたら、1ページ作ってみましょう。
  • こんな方を対象としています

    BootstrapをマスターしたいWeb制作者の方

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

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

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

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

    全て込みです!

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

    ・持参いただくもの
    ノートPC(macもしくはwindows)
    他電源コード、マウス等。

    ・ブラウザ
    当日はGoogle Chromeを使ってお話します。
    Google Chromeはmacでもwindowsでも使用可能なブラウザですので、
    事前にダウンロードして頂くことをお勧めします。

    ・テキストエディタ
    ソースコードを実際に書いて頂きますので、事前にご準備いただくようお願いいたします。
    一般的にDreamweaver, Atomなどがよく使われています。

    ※当日、テキストエディタの使用に関するお話はありません。
    事前に基本操作の確認をお願いいたします。

more

この先生の他の講座

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