プログラム/イベント:P-022026
CSSを使いこなす、Webページレイアウト実践
このイベントは終了しました
講座内容
本講座では、本格的なCSSページレイアウトの基礎を学習します。
単にCSSレイアウトの手法を覚えるだけではなく、
● ページを作る作業の全体の流れ
● 落とし穴に気をつける注意ポイント
● CSSコードをわかりやすく効率的に管理するコツ
● ブラウザの進化に伴った、「イマドキ」のCSSレイアウト手法
なども、あわせて学びましょう。
HTMLとCSSの基礎は理解したけれど
いざ最初からページを組むとなった時に
どこから手をつけるか悩んでしまう方、必見です。
キャンセルについて
キャンセル期限は 11/30(水) です。 お手数ですが キャンセルフォーム より必ず手続きをしてください。 開催前日、当日のキャンセルおよび当日の不参加は イメディオセミナー担当 へお電話にてご連絡願います。 この場合、受講料の100%がキャンセル料として発生します。 追ってご案内を送信しますので内容に基づいてご対応願います。
免責事項
1. 教育研修セミナーやイベントの開催情報を掲載する際には、細心の注意を払っておりますが、情報の正確性、完全性、有用性、安全性、特定目的への適合性について、一切の責任を負いません。 2. 教育研修セミナーやイベントで講師、司会者、参加者、使用テキスト、資料等が提供する情報の正確性、完全性、有用性、安全性、特定目的への適合性について一切の責任を負いません。 3. 講師や関係者の急病、天災地変、交通機関の事故やスト、電力供給停止、電話通信網の停止等の不可抗力によってセミナー・イベントが開催できなくなったことにより生じる直接的または間接的な損失に対し、一切責任を負いません。 4. 電子メール、インターネット、PC機器、システム等の不具合により生じる直接的または間接的な損失に対し、一切責任を負いません。 5. 教育研修セミナーやイベントにおいて受講者の受講内容の理解や技術の習得を保証するものではありません。
注意事項
「講座内容」、「対象者」および「受講に必要な条件」をご確認のうえ、お申し込みください。
講座構成(予定)
▼教材ページ 教材の完成ページは、こんな(↓)感じです。 レイアウト事例は、実務でよく使う技を取り入れています。
▼ リセットスタイルで、ブラウザスタイルの初期化
プロが組むページでは、
ブラウザごとの表示の差異をなくすためにリセットスタイルというものを使います。
その代表的な手法をご紹介します。
▼ レイアウトの基本、ボックスモデルについて
・レイアウトのかなめ、ボックスのこと
・marginやpaddingを正しく理解する
・ネガティブマージンについて
▼ もっと実践的なレイアウトテクニック
・floatレイアウトについて
・positionレイアウトについて
・Display:inlineで横に並べる
・float レイアウトでナビゲーションを作る
・float レイアウトで商品一覧を作る
・スクロールテーブルで新着一覧を作る
・ネガティブマージンを使ってレイアウトする
・positionレイアウトでヘッダーを自由にレイアウトする
▼ jQueryを使って、動きを組み込む
・ JSlider を組み込んで、スライドショーを指定する
対象者
・CSSページレイアウトの基本をしっかり学びたい方 ・ソースコードの管理に困っている方 ・イマドキのコーディング手法を再確認したい方
受講に必要な条件
以下の条件全てを満たしている場合に限り受講が可能です。 ・HTML・CSSの初級レベルの文法がわかること(「出直し再勉強! HTML&CSS読解入門」 )程度 ・基本的なPC操作スピード、キーボードからの英数字等入力が難なくできること。(講義内でソースコード入力が多く、講義についていけない可能性があります)
過去の受講者アンケート
過去に本編を受講された方からいただいた声です。 お申込み検討時に併せてお役立てください! ・ちょっとつっこんだ知識については必ず解説をしてくれたので、つまづく事なく最後まで聞くことができた。 ・HTMLを見てどんな処理をしているのかわかるようになった ・独学だったので、細かくていねいなお話でわかりやすかったです。 ・あやふやな知識・感覚で行っていた業務がそのセミナーのおかげで基本的な部分の理解が深まりました。 ・本を読んだだけでは身につかない(読めるけど、書けない)が、説明してもらってよくわかった。 ・充実した内容で、疑問がいっぱい消えた。すぐ使えそうな内容が多い。 ・CSSは少しムズかしかったですが、今後の基礎段階を固めるにとても良かったです。 ・CSSの使い方やテクニックがわかりました。 また実際の仕事上でどういう風につかったらいいかなどの話も聞けてとても良い授業でした。 最近の流行のタグやレイアウトの仕方も学べて良かったです。 ・Dreamweaverでのサイト作成をまともに学習したことがなかったので いろいろ楽しいことがわかった。 ・これまで少し難しかったですが、内容が本当に実践的で内容が濃かったです。 ・基礎を解りやすく説明していただき、とてもよく理解できました。 いろいろな発見をできました。 ・丁寧で判りやすかった。 ・わかりやすくてよかったです。 ・とてもわかりやすく勉強になった
講師プロフィール
森 和恵(r360studio) r360studioで活動するWeb系セミナー講師。 『 むずかしいことでも、わかりやすく伝える 』 をモットー に楽しく学べるセミナーを開催。 今後は、eラーニングや電子書籍の形式で、Web制作を学ぶための教育コンテンツにも注力中。 ● 著書に『iPhone&Android スマートフォンサイト 制作の仕事術』(マイナビ)など。 ●Dreamweaver CS5 ACI (Adobe認定トレーナー)
講座形式
PC実習型(ハンズオン)
会場アクセス
大きな地図で見る 大阪市住之江区南港北2-1-10 アジア太平洋トレードセンター(ATC)内 ITM棟6階 (ニュートラム南港ポートタウン線 トレードセンター前駅下車) http://www.imedio.or.jp/about_us/access.php/
お申し込みに関して
※イメディオからのお申込み確認の自動返信メール送付をもって、受付完了となります。 ※開講日1週間前時点でのお申し込み人数によって講座の開講・閉講を決定いたします。 最少催行人員に満たない場合、講座を閉講とさせていただく場合がございます。 ご興味をお持ちの方は、お早めにお申し込みくださいますようお願いいたします。 ※開講・閉講が決定しだい、お申し込みいただいた方へはメールでご連絡いたします。 必ずご確認くださいますようお願い申し上げます。 メールが届かない場合、迷惑メールとして扱われていないか念のためご確認ください。 また、公式ホームページの開閉講表示も併せてご参照ください。 (開講決定後のお申込み分については連絡をしておりません) ※開講が決定したものについては、「申込締切日」までお申し込み可能です。
本講座では、本格的なCSSページレイアウトの基礎を学習します。
単にCSSレイアウトの手法を覚えるだけではなく、
● ページを作る作業の全体の流れ
● 落とし穴に気をつける注意ポイント
● CSSコードをわかりやすく効率的に管理するコツ
● ブラウザの進化に伴った、「イマドキ」のCSSレイアウト手法
なども、あわせて学びましょう。
HTMLとCSSの基礎は理解したけれど
いざ最初からページを組むとなった時に
どこから手をつけるか悩んでしまう方、必見です。
★CSSを初めて勉強される方は、11月2日実施の
「出直し再勉強! HTML&CSS読解入門」
と合わせて受けるとより理解が深まります。
キャンセルについて
キャンセル期限は 11/30(水) です。 お手数ですが キャンセルフォーム より必ず手続きをしてください。 開催前日、当日のキャンセルおよび当日の不参加は イメディオセミナー担当 へお電話にてご連絡願います。 この場合、受講料の100%がキャンセル料として発生します。 追ってご案内を送信しますので内容に基づいてご対応願います。
免責事項
1. 教育研修セミナーやイベントの開催情報を掲載する際には、細心の注意を払っておりますが、情報の正確性、完全性、有用性、安全性、特定目的への適合性について、一切の責任を負いません。 2. 教育研修セミナーやイベントで講師、司会者、参加者、使用テキスト、資料等が提供する情報の正確性、完全性、有用性、安全性、特定目的への適合性について一切の責任を負いません。 3. 講師や関係者の急病、天災地変、交通機関の事故やスト、電力供給停止、電話通信網の停止等の不可抗力によってセミナー・イベントが開催できなくなったことにより生じる直接的または間接的な損失に対し、一切責任を負いません。 4. 電子メール、インターネット、PC機器、システム等の不具合により生じる直接的または間接的な損失に対し、一切責任を負いません。 5. 教育研修セミナーやイベントにおいて受講者の受講内容の理解や技術の習得を保証するものではありません。
注意事項
「講座内容」、「対象者」および「受講に必要な条件」をご確認のうえ、お申し込みください。
講座構成(予定)
▼教材ページ 教材の完成ページは、こんな(↓)感じです。 レイアウト事例は、実務でよく使う技を取り入れています。
▼ リセットスタイルで、ブラウザスタイルの初期化
プロが組むページでは、
ブラウザごとの表示の差異をなくすためにリセットスタイルというものを使います。
その代表的な手法をご紹介します。
▼ レイアウトの基本、ボックスモデルについて
・レイアウトのかなめ、ボックスのこと
・marginやpaddingを正しく理解する
・ネガティブマージンについて
▼ もっと実践的なレイアウトテクニック
・floatレイアウトについて
・positionレイアウトについて
・Display:inlineで横に並べる
・float レイアウトでナビゲーションを作る
・float レイアウトで商品一覧を作る
・スクロールテーブルで新着一覧を作る
・ネガティブマージンを使ってレイアウトする
・positionレイアウトでヘッダーを自由にレイアウトする
▼ jQueryを使って、動きを組み込む
・ JSlider を組み込んで、スライドショーを指定する
対象者
・CSSページレイアウトの基本をしっかり学びたい方 ・ソースコードの管理に困っている方 ・イマドキのコーディング手法を再確認したい方
受講に必要な条件
以下の条件全てを満たしている場合に限り受講が可能です。 ・HTML・CSSの初級レベルの文法がわかること(「出直し再勉強! HTML&CSS読解入門」 )程度 ・基本的なPC操作スピード、キーボードからの英数字等入力が難なくできること。(講義内でソースコード入力が多く、講義についていけない可能性があります)
過去の受講者アンケート
過去に本編を受講された方からいただいた声です。 お申込み検討時に併せてお役立てください! ・ちょっとつっこんだ知識については必ず解説をしてくれたので、つまづく事なく最後まで聞くことができた。 ・HTMLを見てどんな処理をしているのかわかるようになった ・独学だったので、細かくていねいなお話でわかりやすかったです。 ・あやふやな知識・感覚で行っていた業務がそのセミナーのおかげで基本的な部分の理解が深まりました。 ・本を読んだだけでは身につかない(読めるけど、書けない)が、説明してもらってよくわかった。 ・充実した内容で、疑問がいっぱい消えた。すぐ使えそうな内容が多い。 ・CSSは少しムズかしかったですが、今後の基礎段階を固めるにとても良かったです。 ・CSSの使い方やテクニックがわかりました。 また実際の仕事上でどういう風につかったらいいかなどの話も聞けてとても良い授業でした。 最近の流行のタグやレイアウトの仕方も学べて良かったです。 ・Dreamweaverでのサイト作成をまともに学習したことがなかったので いろいろ楽しいことがわかった。 ・これまで少し難しかったですが、内容が本当に実践的で内容が濃かったです。 ・基礎を解りやすく説明していただき、とてもよく理解できました。 いろいろな発見をできました。 ・丁寧で判りやすかった。 ・わかりやすくてよかったです。 ・とてもわかりやすく勉強になった
講師プロフィール
森 和恵(r360studio) r360studioで活動するWeb系セミナー講師。 『 むずかしいことでも、わかりやすく伝える 』 をモットー に楽しく学べるセミナーを開催。 今後は、eラーニングや電子書籍の形式で、Web制作を学ぶための教育コンテンツにも注力中。 ● 著書に『iPhone&Android スマートフォンサイト 制作の仕事術』(マイナビ)など。 ●Dreamweaver CS5 ACI (Adobe認定トレーナー)
講座形式
PC実習型(ハンズオン)
会場アクセス
大きな地図で見る 大阪市住之江区南港北2-1-10 アジア太平洋トレードセンター(ATC)内 ITM棟6階 (ニュートラム南港ポートタウン線 トレードセンター前駅下車) http://www.imedio.or.jp/about_us/access.php/
お申し込みに関して
※イメディオからのお申込み確認の自動返信メール送付をもって、受付完了となります。 ※開講日1週間前時点でのお申し込み人数によって講座の開講・閉講を決定いたします。 最少催行人員に満たない場合、講座を閉講とさせていただく場合がございます。 ご興味をお持ちの方は、お早めにお申し込みくださいますようお願いいたします。 ※開講・閉講が決定しだい、お申し込みいただいた方へはメールでご連絡いたします。 必ずご確認くださいますようお願い申し上げます。 メールが届かない場合、迷惑メールとして扱われていないか念のためご確認ください。 また、公式ホームページの開閉講表示も併せてご参照ください。 (開講決定後のお申込み分については連絡をしておりません) ※開講が決定したものについては、「申込締切日」までお申し込み可能です。
