プログラム/イベント：P-022025
Dreamweaver ページレイアウト実践 ?PhotoshopカンプからBootstrapで組む?
このイベントは終了しました
講座内容
会場アクセス
大きな地図で見る 大阪市住之江区南港北2-1-10 アジア太平洋トレードセンター（ATC）内 ITM棟6階 （ニュートラム南港ポートタウン線 トレードセンター前駅下車） http://www.imedio.or.jp/about_us/access.php/
キャンセルについて
キャンセル期限は 11/23(水) です。 お手数ですが キャンセルフォーム より必ず手続きをしてください。 また、期限内にキャンセルされた場合、キャンセル料は発生しません。 キャンセル期限翌日以降のキャンセル、および当日不参加の場合は 事務局 06-6615-1006 へお電話にてご連絡願います。 この場合、受講料の100%がキャンセル料として発生します。 追ってご案内を送信いたしますので内容に基づいてご対応願います。 尚、お振込み時に発生する振込手数料はお申込者ご本人負担となります。
免責事項
1. 教育研修セミナーやイベントの開催情報を掲載する際には、細心の注意を払っておりますが、情報の正確性、完全性、有用性、安全性、特定目的への適合性について、一切の責任を負いません。 2. 教育研修セミナーやイベントで講師、司会者、参加者、使用テキスト、資料等が提供する情報の正確性、完全性、有用性、安全性、特定目的への適合性について一切の責任を負いません。 3. 講師や関係者の急病、天災地変、交通機関の事故やスト、電力供給停止、電話通信網の停止等の不可抗力によってセミナー・イベントが開催できなくなったことにより生じる直接的または間接的な損失に対し、一切責任を負いません。 4. 電子メール、インターネット、PC機器、システム等の不具合により生じる直接的または間接的な損失に対し、一切責任を負いません。 5. 教育研修セミナーやイベントにおいて受講者の受講内容の理解や技術の習得を保証するものではありません。 当講座へのお申込みをもって上記および当ページ（イベント詳細）の記載事項に同意いただいたものといたしますので、くれぐれもご確認のうえお申込みくださいますようお願いいたします。 詳しくは下記をご覧ください。 「公益財団法人大阪市都市型産業振興センター情報提供サービス」に係るユーザー規約
お申込みに関して
※事務局からのお申込み確認メール送付をもって、受付完了となります。 ※開講日1週間前時点でのお申込み人数によって講座の開講・閉講を決定いたします。 最少催行人員に満たない場合、講座を閉講とさせていただく場合がございます。 ご興味をお持ちの方は、お早めにお申込みくださいますようお願いいたします。 ※開講・閉講が決定しだい、お申込みいただいた方へはメールでご連絡いたします。 必ずご確認くださいますようお願い申し上げます。 メールが届かない場合、迷惑メールとして扱われていないか念のためご確認ください。 また、公式ホームページの開閉講表示も併せてご参照ください。 （開講決定後のお申込み分については連絡をしておりません） ※開講が決定したものについては、「申込締切日」までお申込み可能です。
講座構成（予定）
● CSSフレームワーク『Bootstrap』の構造と仕組み ● DreamweaverのBootstrap対応機能とは？ ● まずは、Bootstrap形式で新規ドキュメントを作成しよう ● ヘッダとフッタを作る ● ナビゲーションを作る ● レイアウト枠としてカラムを作る ● メディアクエリーの設定を確認 ● カルーセル＆ジャンボトロンでメインイメージを飾る ● レスポンシブ画像＆ビデオを挿入する ● Photoshopデータから画像やCSSを作る ● Bootstrapのデザインをカスタマイズする ● デバイスプレビュー機能を用いて、スマホでの表示確認をする
対象者
受講に必要な条件
講師プロフィール
森 和恵（r360studio） r360studioで活動するWeb系セミナー講師。 『 むずしいことでも、わかりやすく伝える 』 をモットー に楽しく学べるセミナーを開催。 今後は、eラーニングや電子書籍の形式で、Web制作を学ぶための教育コンテンツにも注力中。 ● 著書に『iPhone&Android スマートフォンサイト 制作の仕事術』（マイナビ）など。 ●Dreamweaver CS5 ACI (Adobe認定トレーナー)
過去の受講者アンケートより
過去に同セミナーを受講された方からいただいたご感想です。 お申込時の参考にしてください！ ●とても分かりやすく、ありがたい情報ばかりでとても良かったです。 ●分かりやすかった
注意事項
「講座内容」、「対象者」および「受講に必要な条件」をご確認のうえ、お申し込みください。
講座形式
PC実習型（ハンズオン）
この実践講座では、Adobe Dreamweaver（ドリームウィーバー）を用いて、スピーディにWebページのレイアウトを組む手法を紹介します。
Webのレイアウトをいちから作ると工数が多く時間がとられます。特に最近は、スマホなどさまざまな画面サイズに合わせた複雑なページ組みが必要なのでなおのことです。
時間がかかりすぎる問題をカバーするために、BootstrapというTwitter社が開発したCSSフレームワーク（ページを作るひな形のようなもの）がよく用いられています。
この講座では、
DreamweaverのBootstrap対応機能を使いつつ、
レスポンシブWebデザインのページを効率よく組む手法を紹介します。
また、Photoshopデータを直接読み込んで操作したり、
スマホでの仕上がりを直接確認する・・・など
知っておくと便利な機能も紹介します。
● CSSでページのレイアウトを作ってみたいけどむずかしいと感じてる方
（Bootstrapを使えば、シンプルだけど簡単にページレイアウトが組めますよ）
● とにかくスマホ対応のページを作りたい！という方
（Bootstrapはもともとレスポンシブなので、スマホ対応。そこのとこは楽ですね）
● Bootstrapにチャレンジしたけれどコードが難解で断念した方
（Dreamweaverならほとんどコードを見ないでサクサク作れます。便利ですよ）
・・・方々に、ぜひ受講いただきたい講座です。
● CSSでページのレイアウトを作ってみたいけどむずかしいと感じてる方
（Bootstrapを使えば、シンプルだけど簡単にページレイアウトが組めますよ）
● とにかくスマホ対応のページを作りたい！という方
（Bootstrapはもともとレスポンシブなので、スマホ対応。そこのとこは楽ですね）
● Bootstrapにチャレンジしたけれどコードが難解で断念した方
（Dreamweaverならほとんどコードを見ないでサクサク作れます。便利ですよ）
・・・方々に、ぜひ受講いただきたい講座です。会場アクセス
大きな地図で見る 大阪市住之江区南港北2-1-10 アジア太平洋トレードセンター（ATC）内 ITM棟6階 （ニュートラム南港ポートタウン線 トレードセンター前駅下車） http://www.imedio.or.jp/about_us/access.php/
キャンセルについて
キャンセル期限は 11/23(水) です。 お手数ですが キャンセルフォーム より必ず手続きをしてください。 また、期限内にキャンセルされた場合、キャンセル料は発生しません。 キャンセル期限翌日以降のキャンセル、および当日不参加の場合は 事務局 06-6615-1006 へお電話にてご連絡願います。 この場合、受講料の100%がキャンセル料として発生します。 追ってご案内を送信いたしますので内容に基づいてご対応願います。 尚、お振込み時に発生する振込手数料はお申込者ご本人負担となります。
免責事項
1. 教育研修セミナーやイベントの開催情報を掲載する際には、細心の注意を払っておりますが、情報の正確性、完全性、有用性、安全性、特定目的への適合性について、一切の責任を負いません。 2. 教育研修セミナーやイベントで講師、司会者、参加者、使用テキスト、資料等が提供する情報の正確性、完全性、有用性、安全性、特定目的への適合性について一切の責任を負いません。 3. 講師や関係者の急病、天災地変、交通機関の事故やスト、電力供給停止、電話通信網の停止等の不可抗力によってセミナー・イベントが開催できなくなったことにより生じる直接的または間接的な損失に対し、一切責任を負いません。 4. 電子メール、インターネット、PC機器、システム等の不具合により生じる直接的または間接的な損失に対し、一切責任を負いません。 5. 教育研修セミナーやイベントにおいて受講者の受講内容の理解や技術の習得を保証するものではありません。 当講座へのお申込みをもって上記および当ページ（イベント詳細）の記載事項に同意いただいたものといたしますので、くれぐれもご確認のうえお申込みくださいますようお願いいたします。 詳しくは下記をご覧ください。 「公益財団法人大阪市都市型産業振興センター情報提供サービス」に係るユーザー規約
お申込みに関して
※事務局からのお申込み確認メール送付をもって、受付完了となります。 ※開講日1週間前時点でのお申込み人数によって講座の開講・閉講を決定いたします。 最少催行人員に満たない場合、講座を閉講とさせていただく場合がございます。 ご興味をお持ちの方は、お早めにお申込みくださいますようお願いいたします。 ※開講・閉講が決定しだい、お申込みいただいた方へはメールでご連絡いたします。 必ずご確認くださいますようお願い申し上げます。 メールが届かない場合、迷惑メールとして扱われていないか念のためご確認ください。 また、公式ホームページの開閉講表示も併せてご参照ください。 （開講決定後のお申込み分については連絡をしておりません） ※開講が決定したものについては、「申込締切日」までお申込み可能です。
◆◇10月14日にDreamweaverをいちから学ぶ入門講座を開講します。
・『Dreamweaver入門 ?はじめよう！Web制作?』
これからDreamweaverの勉強をはじめる方は、基本操作を確認するためにまずは入門講座からの受講をおすすめします。
講座構成（予定）
● CSSフレームワーク『Bootstrap』の構造と仕組み ● DreamweaverのBootstrap対応機能とは？ ● まずは、Bootstrap形式で新規ドキュメントを作成しよう ● ヘッダとフッタを作る ● ナビゲーションを作る ● レイアウト枠としてカラムを作る ● メディアクエリーの設定を確認 ● カルーセル＆ジャンボトロンでメインイメージを飾る ● レスポンシブ画像＆ビデオを挿入する ● Photoshopデータから画像やCSSを作る ● Bootstrapのデザインをカスタマイズする ● デバイスプレビュー機能を用いて、スマホでの表示確認をする
対象者
・Dreamweaver本来の有用性をきちんと知りたい方
・Dreamweaverを用いて、Bootstrapを簡単に導入したい方
・制作ソフトを用いて、効率的に作りたいと考えている方
・入門からさらに進んだテクニックを知りたい方
受講に必要な条件
以下の条件全てを満たしている場合に限り受講が可能です
・基本的なPC操作スピード、キーボードからの英数字等入力が難なくできること
（講義内でソースコード入力が多く、講義についていけない可能性があります）
・HTMLやCSSの初級文法の学習経験があることが望ましい
※タグ、クラスセレクタなどを使い、ページに簡単な装飾やレイアウトが組めること
・Dreamweaverを使ったことがある方（Dreamweaver入門終了程度の知識）
講師プロフィール
森 和恵（r360studio） r360studioで活動するWeb系セミナー講師。 『 むずしいことでも、わかりやすく伝える 』 をモットー に楽しく学べるセミナーを開催。 今後は、eラーニングや電子書籍の形式で、Web制作を学ぶための教育コンテンツにも注力中。 ● 著書に『iPhone&Android スマートフォンサイト 制作の仕事術』（マイナビ）など。 ●Dreamweaver CS5 ACI (Adobe認定トレーナー)
過去の受講者アンケートより
過去に同セミナーを受講された方からいただいたご感想です。 お申込時の参考にしてください！ ●とても分かりやすく、ありがたい情報ばかりでとても良かったです。 ●分かりやすかった
注意事項
「講座内容」、「対象者」および「受講に必要な条件」をご確認のうえ、お申し込みください。
講座形式
PC実習型（ハンズオン）