【イメディオ・WEB技術セミナー】いまどきのWebデザイン表現を手軽に取り入れられる! Twitter Bootstrap活用入門|イベント・セミナー申込画面|ソフト産業プラザ TEQS

ソフト産業プラザ TEQS

ソフト産業プラザ TEQS TOP > イベントNo.[14923]

このイベントは終了いたしました。

【イメディオ・WEB技術セミナー】
いまどきのWebデザイン表現を手軽に取り入れられる! Twitter Bootstrap活用入門

No.14923

  • Facebookでシェア

関連するその他のセミナー・イベントはこちら

開催日時 2013年2月23日(土) 13:00〜17:00【閉講】
※進捗状況により若干延長する場合があります
開催場所 アジア太平洋トレードセンター(ATC)内ITM棟6階 PCトレーニングルーム1
定員 10名
 満席になり次第、締め切ります
講師 森和恵氏
r360studio
Dreamweaver CS5 ACI (Adobe認定トレーナー)
申込締切日 (2/16付) 最少催行人員に満たないため閉講を決定しました
料金 7,000円/名 
 ※当日はお釣りの必要がないようご準備ください。
(お一人様/税込)
お支払方法 当日受付にてお支払い
受付にて領収証を発行します
お問合せ先 イメディオ教育研修事務局
TEL:06-7711-7007(月〜金) 06-6615-1006(土曜開催時)
MAIL:kouza@imedio.or.jp
営業日時:平日10:00〜18:00
(※土、日、祝日ならびに所定の休日を除く)

お申込みに関して

※事務局からのお申込み確認メール送付をもって、受付完了となります。

※開講日1週間前時点でのお申込み人数によって講座の開講・閉講を決定いたします。
 最少催行人員に満たない場合、講座を閉講とさせていただく場合がございます。
 ご興味をお持ちの方は、お早めにお申込みくださいますようお願いいたします。

※開講・閉講が決定しだい、お申込みいただいた方へはメールでご連絡いたします。
 必ずご確認くださいますようお願い申し上げます。

 メールが届かない場合、迷惑メールとして扱われていないか念のためご確認ください。
 また、公式ホームページの開閉講表示も併せてご参照ください。
 (開講決定後のお申込み分については連絡をしておりません)


※開講が決定したものについては、「申込締切日」までお申込み可能です。

ページの先頭へ戻る

講座内容



Twitter Bootstrap は、Twitter社が開発・提供する CSSフレームワークです。

ここで、CSSフレームワークを簡単な言葉で言い替えると、
簡単に利用できるCSSデザインのひな形のことです。
つまり、

  Twitterのサイトで使われているオシャレなデザインを
  コードをほとんど書かないで表現できます







ひな形を利用するので、ある程度のデザインの型は決まってしまいますが、


  デザイン組に自信がない人

  いまどきのスマートなデザインを手軽に導入したい人

  一から作っている時間がない人

  とりあえず楽したい人…



は、こんな便利なツールを利用しない手はありませんよね。



ページ全体のレイアウトから、ナビゲーションだけ、テーブルだけ、
フォームだけと部分的に取り入れることもできます。


この講座では、Twitter Bootstrapの導入から、
使いどころのポイントについて学習します。

ページの先頭へ戻る

講座構成(予定)

Twitter Bootstrapとは?

Twitter社が開発・提供するCSSフレームワーク「Twitter Bootstrap」

Twitter Bootstrapの組み込み


レイアウト指定

固定幅/リキッド/レスポンシブ対応

テーブル、フォーム、画像のデザイン指定


ボタン・ラベル・アイコン指定


ナビゲーション作成

ドロップダウン/タブ/ナビゲーションバー/パンくずリスト/ページネーション作成方法

モーダルウインドウ、カルーセル、アコーディオン

モーダルウインドウカルーセルアコーディオンについて

カラーカスタマイズ

Twitter Bootstrap関連Webサービスを使ってのカラー設定方法

ページの先頭へ戻る

対象者

・CSSコーディングにTwitter Bootstrapを使ってみたい方

ページの先頭へ戻る

受講に必要な条件

以下の条件全てを満たしている場合に限り受講が可能です。

・Web制作経験者でHTMLとCSS2のソースコードをある程度理解できていること
 (これからWeb制作を始める方向けの基礎とは異なるのでご注意ください)
・キーボードからの英数字等入力が難なくできること
 (講義内でソースコード入力が多いため、ついていけない可能性があります)

ページの先頭へ戻る

注意事項

「講座内容」、「対象者」、「受講に必要な条件」および「準備物のご案内」をご確認のうえ、お申し込みください。

ページの先頭へ戻る

講師プロフィール

森和恵氏r360studio

Dreamweaver CS5 ACI (Adobe認定トレーナー)

フリーランスのWeb制作者、およびIT系セミナー講師。
数社にて企画、インストラクション業務を経験後、Webクリエーターに転向。
現在はさまざまなWebコンテンツの企画/制作業務に携わる。


また、IT/Web分野のセミナー講師として活動中。
「難しいことでも、わかり易く伝える」をモットーに、
クリエーターの立場で得た知識を、制作者や講師の立場から、
皆さまに役立てていただければ…と日々精進している。

著書に、『DreamweaverとMovable Typeで作る
       テンプレートカスタマイズレッスン 』(技術評論社)など。

ページの先頭へ戻る

講座形式

聴講(一部ハンズオン含む)

ページの先頭へ戻る

会場アクセス


大きな地図で見る

大阪市住之江区南港北2-1-10 アジア太平洋トレードセンター(ATC)内 ITM棟6階
(ニュートラム南港ポートタウン線 トレードセンター前駅下車)
http://www.imedio.or.jp/imedio/access/


強風などの場合は地下鉄・ニュートラムの運行が遅れる場合があります。
念のため時間に余裕をもって移動なさってください。
大阪市交通局ホームページ内 地下鉄・ニュートラム運行情報

ページの先頭へ戻る

キャンセルについて

本編お申込後のキャンセルに関するご案内は本項を最終ご案内として参照ください

キャンセル期限は 2/21(木) です。
お手数ですが キャンセルフォーム より必ず手続きをしてください。
また、期限内にキャンセルされた場合、キャンセル料は発生しません。


キャンセル期限翌日以降のキャンセル、および当日不参加の場合は
事務局 06-7711-7007 へお電話にてご連絡願います。
(土曜開催時の当日不参加ご連絡先は 06-6615-1006 になります)

この場合、受講料の100%がキャンセル料として発生します。
追ってご案内を送信いたしますので内容に基づいてご対応願います。
尚、お振込み時に発生する振込手数料はお申込者ご本人負担となります。

ページの先頭へ戻る

免責事項

当講座および当講座で使用するテキストに記載されていることを、受講生の方が勤務先および自宅で実行することにより、すべての受講生の方にその結果を約束および保証するものではありません。

また、当講座および当講座で使用するテキストに記載されている内容を実行した結果、いかなる損害が発生しても、公益財団法人 大阪市都市型産業振興センター、ソフト産業プラザ イメディオおよび講師は一切責任を負いかねますので、あらかじめご了承のうえ受講のお申込みをいただきますようお願いいたします。

交通機関のトラブル、天災、その他やむをえない事情により、セミナーを中止もしくは日時等を変更させていただく場合があります。またこれにより発生する交通費などを含む一切の損害について当財団は責任を負いません。あらかじめご了承ください。


当講座へのお申込みをもって上記および当ページ(イベント詳細)の記載事項に同意いただいたものといたしますので、くれぐれもご確認のうえお申込みくださいますようお願いいたします。

詳しくは下記をご覧ください。

「公益財団法人大阪市都市型産業振興センター情報提供サービス」に係るユーザー規約

ページの先頭へ戻る

キャンセルについて

  • セミナーなどお席に限りがある催事について、ご欠席される場合は必ず前日までにキャンセル処理をしていただきますようお願いいたします。

個人情報の取り扱いについて

  • 諸般の事情により、このセミナー(イベント)をやむを得ず変更又は中止する場合がありますので、あらかじめご了承ください。
  • 申込状況や会場の都合により、受入定員を変更することがあります。
  • 本イベントへの参加、出展者並びに参加者の責に帰す本イベント会場内での事故、出展事業者の説明内容・事業内容・経営状況、出展事業者の商品・技術・サービス及び出展事業者との商談・取引・契約などについて、公益財団法人大阪産業局は何ら保証等するものではなく、これら及びこれらに基づいて生じたいかなるトラブル・損害についても、一切責任を負いません。

関連サービス(イベント・セミナー・商談会など)

本編と併せて受講されるとより理解が深まるセミナーを提供しています。
今後のスキルアップにお役立てください。


1月26日(土)開催予定、レスポンシブデザインの基本について。
続・スマホサイト制作の基礎知識 〜レスポンシブなWebサイトを制作する〜

2月7日(木)開催予定、jQuery Mobile入門。
見栄えよく簡単に! 〜jQuery Mobileでスマホサイト作成〜

2月14日(木)開催予定、jQuery 入門。
プログラマーでない人のための jQuery 入門 〜動的なサイト表現を実装する〜

2月22日(金)開催予定、スマートフォン向けサイト制作入門。
Webクリエイターならおさえておきたいスマホサイト制作の基礎知識