CSSを使いこなす、Webページレイアウト実践 大阪南港イメディオにて

本講座では、本格的なCSSページレイアウトの基礎を学習します。

単にCSSレイアウトの手法を覚えるだけではなく、

● ページを作る作業の全体の流れ
● 落とし穴に気をつける注意ポイント
● CSSコードをわかりやすく効率的に管理するコツ
● ブラウザの進化に伴った、「イマドキ」のCSSレイアウト手法

なども、あわせて学びましょう。

HTMLとCSSの基礎は理解したけれど
いざ最初からページを組むとなった時に
どこから手をつけるか悩んでしまう方、必見です。

■講座構成（予定）■

教材の完成ページは、こんな（↓）感じです。
レイアウト事例は、実務でよく使う技を取り入れています。

▼ リセットスタイルで、ブラウザスタイルの初期化

プロが組むページでは、
ブラウザごとの表示の差異をなくすためにリセットスタイルというものを使います。
その代表的な手法をご紹介します。

▼ レイアウトの基本、ボックスモデルについて

　・レイアウトのかなめ、ボックスのこと
　・marginやpaddingを正しく理解する
　・ネガティブマージンについて

▼ もっと実践的なレイアウトテクニック

　・floatレイアウトについて
　・positionレイアウトについて
　・Display:inlineで横に並べる
　・float レイアウトでナビゲーションを作る
　・float レイアウトで商品一覧を作る
　・スクロールテーブルで新着一覧を作る
　・ネガティブマージンを使ってレイアウトする
　・positionレイアウトでヘッダーを自由にレイアウトする

▼ jQueryを使って、動きを組み込む

　・ JSlider を組み込んで、スライドショーを指定する

■対象者■

■受講に必要な条件■

・HTML・CSSの初級レベルの文法がわかること（「出直し再勉強！ HTML＆CSS読解入門」 ）程度
・基本的なPC操作スピード、キーボードからの英数字等入力が難なくできること。（講義内でソースコード入力が多く、講義についていけない可能性があります）

■講師プロフィール■

r360studioで活動するWeb系セミナー講師。

『 むずかしいことでも、わかりやすく伝える 』 をモットー に楽しく学べるセミナーを開催。
今後は、eラーニングや電子書籍の形式で、Web制作を学ぶための教育コンテンツにも注力中。

● 著書に『iPhone&Android スマートフォンサイト 制作の仕事術』（マイナビ）など。

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