【イメディオ・制作技術セミナー】
乗り遅れないためのHTML5＋CSS3サイト制作の基礎知識

Webクリエイターの業界を賑わせる「HTML5＋CSS3」という言葉。
また、Webサイト制作の言語基準が変化する時期に来たと騒がれています。
ですが…




…と思っている人がまだ多いですね。
勉強するまでは、私もその一人でした。



たしかに一理ありますが、メリット・デメリットを理解して使えば、
それに響く見返りがあると思います。


　　ソースコードが機能的になる

　　表現力が広がる

　　アニメーションもできてしまう…
　　（動画再生や簡単な動作ならFlashの代案になる場合も）


など、導入の利点も大きいと感じています。



スマートフォン対応サイトを中心に、
国内のサイトでも導入している例が多くなってきました。


　　【参考URL】
　　HTML5で作られている日本のサイトいろいろ


これらサイトの数々はHTML5とCSS3を組み合わせて出来ていますが
理解し・使えるところまで習得するためにはまだまだ奥が深い…のが現状です。



本講座では、Webクリエイターの方向けに、

　　短時間で押さえておきたいHTML5＋CSS3の基礎知識

をお伝えします。


さらに、

　　新しい入力フォームやビデオ再生制御などの制作実習

を通して、何ができるか？や導入のメリット・デメリットもお話しします。

HTML5の基礎知識
・HTML5のひな型について ※参考：日刊デジクリの私の記事
・新要素：セクション要素の使い方
・図やテキストのための新要素
・HTML5マークアップの勘どころ

CSS3の基礎知識
・CSS3で増えた表現のポイント・透明度を指定する
・グラデーションを指定する
・角丸やシャドウを指定する
・拡大、回転などの変形を指定する
・複数の背景画像指定を行う

HTML5＋CSS3環境の制作フロー
・旧ページを見直し、HTML5＋CSS3でマークアップしなおします。
　どれだけ制作の流れが変化するか、時間短縮できるかを確認してください。

HTML5で大きく変わった入力フォーム
・入力補助やチェック等、JavaScriptで実現していた機能が新たに追加されました。
　実際にお問い合わせページを作りながら確認します。
　また、未対応ブラウザへの対応なども行います。



Flashなしでも、ビデオ再生制御をしてみよう
・HTML5のvideo要素を使えば、iPhoneやiPadなど、
　Flash未対応ブラウザでもビデオが再生できるようになりました。
　ビデオの表示や再生制御を行います。

・HTML5＋CSS3でのコーディングにチャレンジしたい方

以下の条件全てを満たしている場合に限り受講が可能です

・Web制作経験者でHTMLとCSS2のソースコードをある程度理解できていること
　（これからWeb制作を始める方向けの基礎とは異なりますのでご注意ください）
・キーボードからの英数字等入力を難なくできること
　（講義内でソースコード入力が多いため、講義についていけない可能性があります）

森和恵氏（r360studio）

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

フリーランスのWeb制作者、およびIT系セミナー講師。
数社にて企画、インストラクション業務を経験後、Webクリエーターに転向。
現在はさまざまなWebコンテンツの企画／制作業務に携わる。


また、IT／Web分野のセミナー講師として活動中。
「難しいことでも、わかり易く伝える」をモットーに、
クリエーターの立場で得た知識を、制作者や講師の立場から、
皆さまに役立てていただければ…と日々精進している。

著書に、『DreamweaverとMovable Typeで作る
　　　　　　　テンプレートカスタマイズレッスン 』（技術評論社）など。

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

PC実習型（ハンズオン）

過去に本編を受講された方からいただいたご感想です。
お申込みを検討される際にぜひお役立てください！

・説明が丁寧で、実際にもっとDwを触って変化を見てたいと思った。
　分かりやすく思った以上にHTML5+CSS3を捉えられたと思う。
・すっかり乗り遅れ気味で、最新情報もふまえ教えて頂けてありがたかった。
・これから、ホームページのリニューアルを考えているので、
　内容がとても役立ちそうです。動画の部分も参考になりました。
・だいたいの部分は理解できた。
　時間があればもう少し具体的な部分も理解したかったくらいです。
・新しい知識の発見があり活用してみようと思いました
・HTML4と5の違い（作りの上での）がよく分かりました
・HTML5の新要素について、構造定義のタグの使いどころが理解できました。
・単なるチュートリアルではなく、理論的な説明だったのでわかりやすい。
・あまり分かっていなかったHTML5とCSS3について丁寧に説明していただけた。
　CSS3の実用的な手法を学べた。
・少し仕事で使ってから受講したのでよく理解できました。
・なぜそうするかについてよく解りやすく説明してもらえた。

大きな地図で見る

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


強風などの場合は地下鉄・ニュートラムの運行が遅れる場合があります。
念のため時間に余裕をもって移動なさってください。

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


キャンセル期限翌日以降のキャンセル、および当日不参加の場合は
事務局 06-6615-1006 へお電話にてご連絡願います。

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

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



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

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

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

※事務局からのお申込み確認メール送付をもって、受付完了となります。

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

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

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


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