【イメディオ・制作技術セミナー】HTML&CSS 基本文法からレイアウトまで 超入門|イベント・セミナー申込画面|ソフト産業プラザ TEQS

ソフト産業プラザ TEQS

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

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

【イメディオ・制作技術セミナー】
HTML&CSS 基本文法からレイアウトまで 超入門

No.22291

  • Facebookでシェア

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

講座内容



人気の“出直し再勉強! HTML&CSS読解入門”と“CSSを使いこなす、Webページレイアウト実践”をまとめて学べる講座です。

タグやスタイルシートの基本ルールから、ページレイアウトの仕組みまでを2日で一気に学べます。二日間連続でお会いできるので、授業後の質問もいつもの講座よりたっぷりできますよ。(前日質問して帰り、翌日回答することも。)

まとめて一気に学べるので、集中して学びたい方や忙しい方にオススメします。2つ別々に受けるより、ちょっぴりだけお安く受講いただけます。


《出直し再勉強! HTML&CSS読解入門》
HTML(タグ)やCSS(スタイルシート)など、Webページをコードで触るのが怖いという方に。
なんとなく知ったつもりになってるWebコーディングのルールを必要最低限学びます。
よくあるパターンのWebページを教材として解説し、実務で使うソースコードに触れながら理解を深めます。
実務レベルですぐ活かせるコーディングの基礎知識を身につけることを目標にしています。


《CSSを使いこなす、Webページレイアウト実践》
HTMLやCSSなどコーディングのルールを理解し、読めるようになったら、いよいよ次はページ作成に挑戦しましょう!
本格的なCSSページレイアウトの基礎を学習します。単にCSSレイアウトの手法を覚えるだけではなく、
● ページを作る作業の全体の流れ
● 落とし穴に気をつける注意ポイント
● CSSコードをわかりやすく効率的に管理するコツ
● ブラウザの進化に伴った、「イマドキ」のCSSレイアウト手法
なども、あわせて学びましょう。

ページの先頭へ戻る

講座構成(予定)

【1日目】

▼HTMLの基本構造
<html>に始まり、<head>があって<body>がある…
というHTMLの基本構造や、
<h1>と<p>と<li>の使いどころの違い…など、
文書構造を作る基本的なHTMLタグを確認します。
わからないタグが出てきたときの調べ方から、よく見かける間違った使い方、
文法チェックの仕方などトラブル解決方法も学びます。

▼CSSの基本的な使い方
タグ・クラス・複合セレクタ、CSSの優先順位…などのルールから、
floatを使った基本的なページレイアウト組みを確認します。
また、スタイル指定のコツやコードの管理方法も紹介します。

▼特殊コードの組み込み
Web上のさまざまなサービスでは、自分のページへコンテンツを組み込むための
特殊コードを提供してくれます。YouTubeの動画を組み込んだり、
TwitterタイムラインやFacebookページの情報を表示できるのをご存知ですか?
ここでは、代表的サービスの組み込みをご紹介します。

▼教材ページ
教材の完成ページは、こんな(↓)感じのシンプルなページです。
Webページレイアウトの基本的な部分がギュッと詰まっています。
YouTubeの動画(左)を表示したり、
TwitterやFacebookページの情報(右)を表示したりもします。


※教材ページは、こんな(↑)感じです。このコードを読み解きながら、HTMLやCSSのルールを学びます。

ページの先頭へ戻る


【2日目】

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

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

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

▼ jQueryを使って、動きを組み込む
JSlider を組み込んで、スライドショーを指定する


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

対象者


・独学したがあいまいなところが多くて、HTMLとCSSの基礎をしっかり学びたい方
・CSSページレイアウトの基本をしっかり学びたい方
・外注業者に依頼したサイトを社内で更新する時に苦労している方
・企業のWebサイト更新担当者や初級レベルのWebクリエイター

ページの先頭へ戻る

受講に必要な条件

以下の条件全てを満たしている場合に限り受講が可能です
・基本的なPC操作スピード、キーボードからの英数字等入力が難なくできること(講義内でソースコード入力が多く、講義についていけない可能性があります)
・HTMLやCSSを少しでも勉強したことのある方(勉強したけどよくわからなかったという出直しのかた大歓迎

ページの先頭へ戻る

講師プロフィール

(もり) 和恵(かずえ)(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/

ページの先頭へ戻る

キャンセルについて

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


開催前日(2/15)、および当日(2/16)不参加の場合は
事務局 06-6615-1006 へお電話にてご連絡願います。

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

ページの先頭へ戻る

免責事項

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



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

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

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

ページの先頭へ戻る

お申込みに関して

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

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

ページの先頭へ戻る

キャンセルについて

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

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

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