【イメディオ・WEB技術セミナー】乗り遅れないためのHTML5+CSS3サイト制作の基礎知識|イベント・セミナー申込画面|ソフト産業プラザ TEQS

ソフト産業プラザ TEQS

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

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

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

No.14919

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

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

お申込みに関して

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

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

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

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


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

ページの先頭へ戻る

講座内容



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で作る
       テンプレートカスタマイズレッスン 』(技術評論社)など。

ページの先頭へ戻る

注意事項

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

ページの先頭へ戻る

講座形式

聴講(一部ハンズオン含む)

ページの先頭へ戻る

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

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


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

ページの先頭へ戻る

会場アクセス


大きな地図で見る

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


強風などの場合は地下鉄・ニュートラムの運行が遅れる場合があります。
念のため時間に余裕をもって移動なさってください。
大阪市交通局ホームページ内 地下鉄・ニュートラム運行情報

ページの先頭へ戻る

キャンセルについて

本編お申込後のキャンセルに関するご案内は本項を最終ご案内として参照ください

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


キャンセル期限翌日以降のキャンセル、および当日不参加の場合は
事務局 06-7711-7007 へお電話にてご連絡願います。
(土曜開催時の当日不参加ご連絡先は 06-6615-1006 になります)

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

ページの先頭へ戻る

免責事項

当講座および当講座で使用するテキストに記載されていることを、受講生の方が勤務先および自宅で実行することにより、すべての受講生の方にその結果を約束および保証するものではありません。

また、当講座および当講座で使用するテキストに記載されている内容を実行した結果、いかなる損害が発生しても、公益財団法人 大阪市都市型産業振興センター、ソフト産業プラザ イメディオおよび講師は一切責任を負いかねますので、あらかじめご了承のうえ受講のお申込みをいただきますようお願いいたします。

交通機関のトラブル、天災、その他やむをえない事情により、セミナーを中止もしくは日時等を変更させていただく場合があります。またこれにより発生する交通費などを含む一切の損害について当財団は責任を負いません。あらかじめご了承ください。


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

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

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

ページの先頭へ戻る

キャンセルについて

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

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

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

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

併せて受講されるとより理解が深まるセミナーを提供しています。
今後のスキルアップにお役立てください。


1月26日(土)開催予定、レスポンシブデザインの基本について。
続・スマホサイト制作の基礎知識 〜レスポンシブなWebサイトを制作する〜

2月7日(木)開催予定、jQuery Mobile入門。
見栄えよく簡単に! 〜jQuery Mobileでスマホサイト作成〜

2月14日(木)開催予定、jQuery 入門。
プログラマーでない人のための jQuery 入門 〜動的なサイト表現を実装する〜

2月22日(金)開催予定、スマートフォン向けサイト制作入門。
Webクリエイターならおさえておきたいスマホサイト制作の基礎知識

2月23日(土)開催予定、洗練されたデザインテイストを手軽に導入できる。
いまどきのWebデザイン表現を手軽に取り入れられる! Twitter Bootstrap活用入門

3月16日(土)開催予定、これまでのCSSコーディングを簡潔に、管理しやすく
拡張メタ言語で少ないCSSコーディングを可能に はじめてのLESSについて入門