講座内容

Webコーディングの基本言語に『HTML5とCSS3』という新しいバージョンが登場してから数年。ブラウザーの対応状況も足並みがそろい、2014年にHTML5が勧告された後はあたり前のように使われています。 Web制作業務に従事する人ならもう使っているはず…なんですが、いかがでしょう？「わかっちゃいるけど、日々の仕事に忙殺される中で、新しいこと技術を学ぶ時間なんてない！」というのが、正直な気持ちではないでしょうか？ ● ソースコードが機能的になる ● 表現力が広がる（グラデーション、シャドウ、透明度など） ● アニメーションもできてしまう…（動画再生や簡単な動作ならFlashの代案になるかも） など、使う側のメリットも大きいです。 本講座では、短時間で 押さえておきたい HTML5＋CSS3の基礎知識 をギュギュっとお伝えします。 もはやあたり前に使われるようになった「HTML5＋CSS3」。 どこが変わったのか？どのようにコーディングしていくのか？ 実際の現場でどのように使っていけばいいのか？を学習します。

キャンセルについて

キャンセル期限は 5/11(水) です。 お手数ですが キャンセルフォーム より必ず手続きをしてください。 また、期限内にキャンセルされた場合、キャンセル料は発生しません。 キャンセル期限翌日以降のキャンセル、および当日不参加の場合は 事務局 06-6615-1006 へお電話にてご連絡願います。 この場合、受講料の100%がキャンセル料として発生します。 追ってご案内を送信いたしますので内容に基づいてご対応願います。 尚、お振込み時に発生する振込手数料はお申込者ご本人負担となります。



免責事項

1. 教育研修セミナーやイベントの開催情報を掲載する際には、細心の注意を払っておりますが、情報の正確性、完全性、有用性、安全性、特定目的への適合性について、一切の責任を負いません。 2. 教育研修セミナーやイベントで講師、司会者、参加者、使用テキスト、資料等が提供する情報の正確性、完全性、有用性、安全性、特定目的への適合性について一切の責任を負いません。 3. 講師や関係者の急病、天災地変、交通機関の事故やスト、電力供給停止、電話通信網の停止等の不可抗力によってセミナー・イベントが開催できなくなったことにより生じる直接的または間接的な損失に対し、一切責任を負いません。 4. 電子メール、インターネット、PC機器、システム等の不具合により生じる直接的または間接的な損失に対し、一切責任を負いません。 5. 教育研修セミナーやイベントにおいて受講者の受講内容の理解や技術の習得を保証するものではありません。 当講座へのお申込みをもって上記および当ページ（イベント詳細）の記載事項に同意いただいたものといたしますので、くれぐれもご確認のうえお申込みくださいますようお願いいたします。 詳しくは下記をご覧ください。 「公益財団法人大阪市都市型産業振興センター情報提供サービス」に係るユーザー規約



お申込みに関して

※事務局からのお申込み確認メール送付をもって、受付完了となります。 ※開講日1週間前時点でのお申込み人数によって講座の開講・閉講を決定いたします。 　最少催行人員に満たない場合、講座を閉講とさせていただく場合がございます。 　ご興味をお持ちの方は、お早めにお申込みくださいますようお願いいたします。 ※開講・閉講が決定しだい、お申込みいただいた方へはメールでご連絡いたします。 　必ずご確認くださいますようお願い申し上げます。 　メールが届かない場合、迷惑メールとして扱われていないか念のためご確認ください。 　また、公式ホームページの開閉講表示も併せてご参照ください。 　（開講決定後のお申込み分については連絡をしておりません） ※開講が決定したものについては、「申込締切日」までお申込み可能です。



講座構成（予定）

▼ HTML5の基礎知識 ・ 現状どこまで、どんな所で使えばいいのか？」事例紹介 ・ HTML5のひな型について ・ 新たに追加された新要素 ・ 意味や使い方の変わった要素 ・ 図やテキストのための新要素 ・ すぐ使いたいビデオ要素や、新しい便利なフォーム要素 ・ SVG画像の使いどころ ・ Webアクセシビリティを考慮したコーディング ▼ CSS3の基礎知識 ・ CSS3の新しい表現のポイントと事例紹介 ・ CSS3要素の基礎的な記述方法 ・ 新たに追加されたセレクタについて ・ Webフォントについて ・ 透明度を指定する ・ グラデーションを指定する ・ 角丸やシャドウを指定する ・ 拡大、回転などの変形を指定する ・ CSS3アニメーションの動き ▼ はじめてみよう！イマドキのコーディング ・ HTML5＋CSS3を使ったイマドキコーディングの実習 ・ 管理しやすいCSS設計とは ※本講座は「乗り遅れないためのHTML5＋CSS3サイト制作の基礎知識」の内容を新しく改訂した講座です。

対象者

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



受講に必要な条件

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



講師プロフィール

森(もり) 和恵(かずえ)（r360studio） r360studioで活動するWeb系セミナー講師。 『 むずしいことでも、わかりやすく伝える 』 をモットー に楽しく学べるセミナーを開催。 今後は、eラーニングや電子書籍の形式で、Web制作を学ぶための教育コンテンツにも注力中。 ● 著書に『iPhone&Android スマートフォンサイト 制作の仕事術』（マイナビ）など。 ●Dreamweaver CS5 ACI (Adobe認定トレーナー)

注意事項

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

講座形式

PC実習型（ハンズオン）

過去の 受講者アンケートより

過去に本編を受講された方からいただいたご感想です。 お申込みを検討される際にぜひお役立てください！ ・説明が丁寧で、実際にもっとDwを触って変化を見てたいと思った。 　分かりやすく思った以上にHTML5+CSS3を捉えられたと思う。 ・すっかり乗り遅れ気味で、最新情報もふまえ教えて頂けてありがたかった。 ・これから、ホームページのリニューアルを考えているので、 　内容がとても役立ちそうです。動画の部分も参考になりました。 ・だいたいの部分は理解できた。 　時間があればもう少し具体的な部分も理解したかったくらいです。 ・新しい知識の発見があり活用してみようと思いました ・HTML4と5の違い（作りの上での）がよく分かりました ・HTML5の新要素について、構造定義のタグの使いどころが理解できました。 ・単なるチュートリアルではなく、理論的な説明だったのでわかりやすい。 ・あまり分かっていなかったHTML5とCSS3について丁寧に説明していただけた。 　CSS3の実用的な手法を学べた。 ・少し仕事で使ってから受講したのでよく理解できました。 ・なぜそうするかについてよく解りやすく説明してもらえた。 ・今日の講座でその疑問も解決しました。また、しらなかったことをたくさん知ることができて、本当に良かったです。ありがとうございました。 ・Section asideなどの使い方がイマイチわからなかったが、今回で理解することができた。 ・ブラウザでの対応状況や実際に使用されている例を紹介頂いたところが良かったです。 ・とてもわかりやすくすぐに使えるものばかりでした。今まで何となくやっていたことの意味もわかり、コピペで使っていたCSSも自分で解読できるのでうれしいです。



会場アクセス


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