ソフト産業プラザiMedio

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

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

【イメディオ・制作技術セミナー】
CSSを使いこなす、Webページレイアウト実践

No.23227

  • Facebookでシェア

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

開催日時 2017年6月2日(金)13:00〜17:00
※進捗状況により終了時刻を30分程度延長する場合があります。
開催場所 アジア太平洋トレードセンター(ATC)内ITM棟6階 イメディオ PCトレーニングルーム
定員 10名
 満席になり次第、締め切ります
 最小催行人数に満たない場合、開催しない場合があります
講師 森和恵氏
r360studio
Dreamweaver CS5 ACI (Adobe認定トレーナー)
申込締切日 6/1(木) ※お申込み後、6/1(木)以降のキャンセルにはキャンセル料が発生します。
料金 11,000円/名 
 ※当日はお釣りの必要がないようご準備ください。
(税込)
お支払方法 当日受付にてお支払い
受付にて領収証を発行します。
お問合せ先 イメディオ教育研修セミナー担当
TEL:06-6615-1006(月〜金) 
MAIL:kouza@imedio.or.jp
営業日時:平日10:00〜18:00
(※土、日、祝日ならびに所定の休日を除く)

講座内容



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

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

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

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


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






★CSSを初めて勉強される方は、5月12日実施の
「出直し再勉強! HTML&CSS読解入門」
と合わせて受けるとより理解が深まります。

ページの先頭へ戻る

講座構成(予定)

▼教材ページ


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





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


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


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


 ・レイアウトのかなめ、ボックスのこと
 ・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制作を学ぶための教育コンテンツにも注力中。


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

ページの先頭へ戻る

講座形式

PC実習型(ハンズオン)

ページの先頭へ戻る

会場アクセス


大きな地図で見る

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

ページの先頭へ戻る

お申し込みに関して

※イメディオからのお申込み確認の自動返信メール送付をもって、受付完了となります。

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

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

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


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

ページの先頭へ戻る

キャンセルについて

キャンセル期限は 5/31(水) です。
お手数ですが キャンセルフォーム より必ず手続きをしてください。

開催前日(6/1)、当日(6/2)のキャンセルおよび当日の不参加は
 イメディオセミナー担当 へお電話にてご連絡願います。
 
 この場合、受講料の100%がキャンセル料として発生します。
 追ってご案内を送信しますので内容に基づいてご対応願います。

ページの先頭へ戻る

免責事項

1. 教育研修セミナーやイベントの開催情報を掲載する際には、細心の注意を払っておりますが、情報の正確性、完全性、有用性、安全性、特定目的への適合性について、一切の責任を負いません。
2. 教育研修セミナーやイベントで講師、司会者、参加者、使用テキスト、資料等が提供する情報の正確性、完全性、有用性、安全性、特定目的への適合性について一切の責任を負いません。
3. 講師や関係者の急病、天災地変、交通機関の事故やスト、電力供給停止、電話通信網の停止等の不可抗力によってセミナー・イベントが開催できなくなったことにより生じる直接的または間接的な損失に対し、一切責任を負いません。
4. 電子メール、インターネット、PC機器、システム等の不具合により生じる直接的または間接的な損失に対し、一切責任を負いません。
5. 教育研修セミナーやイベントにおいて受講者の受講内容の理解や技術の習得を保証するものではありません。

ページの先頭へ戻る

注意事項

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

ページの先頭へ戻る

キャンセルについて

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

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

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

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

今後開催するイメディオの教育研修セミナー一覧
IT・WEBマーケティング・WEB制作・創業・IoT・デジタルファブリケーション関連のセミナー
http://www.imedio.or.jp/seminar/list