HTML5・CSS3の入門・基本・基礎トレーニング・講座

イマジカデジタルスケープ 短期集中クリエイティブ講座

イマジカデジタルスケープ・AfterEffects・Photoshop・HTML・CSS・JavaScript・1日トレーニング

Web・動画・映像・ゲーム・DTP・CG・Adobe Creative Cloud・キャリア・就活に

 
 
1 年末年始のオンライン受講用iPadの配送について
 
 
2 オンライン受講(ライブ配信)の開始について
 

お客様index

オンライン受講(ライブ配信)

企業・自治体のお客様に 業務効率化、コスト削減に

クリ博登録者・学生の方に 割引トレーニングはコチラ


イトウ先生のTipsnote

イトウ先生のTipsnote Secondbook


12/24(木) HTML5・CSS3の基礎知識(PC・スマートフォン) |価格:13,200円より|

アドビ一覧 > 12/24(木) HTML5・CSS3の基礎知識(PC・スマートフォン) |価格:13,200円より|

HTML5/CSS3の基礎知識

講座概要

このトレーニングは、HTML4.01、XHTML、CSS2.1でのマークアップを理解している方を対象に、HTML5・CSS3・外部JavaScriptを使用したPCサイト及びスマートフォン用サイトの作り方を学習するトレーニングです。HTML4と5の違いや、廃止要素や新要素、マークアップの仕方やバリデーション、CSS3での新しいセレクタやプロパティ、アニメーションやトランスフォーム、テスト環境の構築やHTML5非対応ブラウザへの対応等を学習し、スマートフォン向けのサイトとして既存サイトのスマートフォンへの最適化、ユーザーエージェントによる振り分け、デバッグ、flashコンテンツの代替表示などを学習します。
従来のマークアップを理解している方で、HTML5・CSS3の新しい部分やスマートフォンサイトの作り方を学習したい方はぜひご受講ください。

なお、このトレーニングでは、HTML5の新要素に対応したAPI(JavaScript部分)に関する詳細はご説明しておりません。JavaScriptをこれから勉強される方は、JavaScriptの基礎知識のご受講をご検討ください。また、HTML5を勉強される前に、従来のHTML4.01/XHTMLによるマークアップを勉強される方は、HTML・XHTML・CSSの基礎知識を受講されてから、この講座をご受講ください。

HTML5

Creative Commons License  
This work is licensed under a Creative Commons Attribution 3.0 Unported License   

期待される効果

  • 新しい要素やセレクタなど従来のHTMLとの違いを理解することができます。
  • 美しいサイトの表現や軽量化など、HTML5とCSS3の利点等について理解することができます。
  • JavaScriptを理解している方は、HTML5の新要素で使用するメソッドや使用法を理解することができます。

受講対象者

受講者へのメッセージ

HTML5・CSS3の登場によって、より表現力豊かなWebサイトが構築できるようになりました。ただし、単に新しくなったからといって、新しいタグやセレクタを覚えればいい、というわけではなく、HTML5は少なくとも既存のHTML4.01でのマークアップの理解があることが前提で、新しい機能の理解と使わなくなった部分の理解とその使い方に加え、JavaScriptの活用も大なり小なり理解しておく必要が出てきます。HTML5全体像は、HTML5+CSS3+JavaScriptの複合技術とも言えます。これからHTML5を勉強される方は、まず下準備として従来のHTML4.01やXHTMLでのマークアップの理解、JavaScriptの基礎知識を理解してからHTML5を勉強されることをお勧めします。

伊藤 和博

株式会社イマジカデジタルスケープ
トレーニンググループ・トレーニングディレクター

講師歴25年。講座開発数200以上。
総合商社のスクールでMac/Winを使ったDTP/Webトレーニングスクールの業務全般を担当。大手PCメーカー、プリンターメーカー、化粧品メーカー、大手印刷会社、大手広告代理店、新聞社、大手玩具メーカー、大学、官公庁、団体などに向けたトレーニングなど幅広い企業の人材育成に携わる。
現在は、イマジカデジタルスケープにてAdobeCCを中心としたトレーニングの企画、講師を務める。Adobe認定エキスパート、アップルコンピュータ認定技術者、CIW JavaScript Specialist、CIW Web Design Specialist。

開催日時

開催日 時間
2020年12月24日(木) 10:00〜17:00

会場

イマジカデジタルスケープ・トレーニングルーム

住所:東京都渋谷区道玄坂1-10-8 渋谷道玄坂東急ビル8F (JR「渋谷」駅西口より徒歩5分、国道246号沿い)

[ MAP ]

カリキュラム

はじめに
  • HTML5・CSS3の概要
  • JavaScriptとAPIについて
HTML4/XHTMLとHTML5
  • 新機能と廃止要素
  • 構造化
  • マルチメディア機能
  • APIの追加
HTML5
  • 宣言とheadコンテンツ
  • セクショニングとグルーピング
  • テキストの要素
  • HTML4との互換を考慮した書き方
  • バリデーション
  • 映像とオーディオ
  • テーブル
  • フォーム
  • HTML5非対応ブラウザへの対応
CSS3
  • CSS3の新機能と追加機能
  • エフェクト関連
  • トランジション関連(アニメーション)
  • レイアウト関連(複数の背景、ボーダーイメージ、ボックスレイアウト)
  • トランスフォーム関連
  • ベンダープレフィックス
  • 属性セレクタ
  • 疑似クラス
  • Webフォント
スマートフォン(HTML5・CSS3)
  • テスト環境の構築
  • リキッドレイアウトについて
  • 既存レイアウトをスマートフォン用に最適化する
  • 端末の判別方法
  • 省略できる書き方
  • 電話番号発信
  • アドレスバー
  • WebClipアイコンとアイコンサイズについて
  • アプリケーションキャッシュ
  • Flashコンテンツの代替表示
  • スマートフォン用のUI
レスポンシブWebデザイン
  • 最適化と適応化
  • @media Queries
  • レスポンシブ用のCSSの書き方
  • デザインの確認
HTML5.1
  • HTML5.1からの新しい要素・属性値
今後の学習に役に立つWebサイト

テキスト

オリジナルテキストを使用。受講料に含まれているのでお得です!

持ち物

  • 受講票(プリントアウト環境が無い場合には、携帯・スマートフォン等への画面コピーでも可)
  • 筆記用具

※データの持ち帰り、データの持ち込みはできません。

使用アプリケーション

  • Crescent Eve(Windows)(フリーウェア)
  • mi(Mac) (フリーウェア)
  • Google Chrome
  • Firefox
  • Safari
  • EdgeまたはInternet Exploer

使用端末

Macintosh(MacPro 2.66GHz)またはWindows

【Macintoshの操作に不安のある方へ】



     

12/24(木) HTML5・CSS3の基礎知識(PC・スマートフォン) |価格:13,200円より|

12/24(木) HTML5・CSS3の基礎知識(PC・スマートフォン) |価格:13,200円より|

価格
円(税込)
数量

▼ 下記商品リストからご希望の商品をお選びください。
受講種別 x 端末

WindowsMacintosh
26,400円:一般
13,200円:学割(大学生・大学院生(要学生証))

オンライン受講(ライブ配信)のトレーニングをお申込みの方で、iPadレンタル込みの商品を選択された方は、【iPad・往復配送料】【iPad・損害補償】も合わせてお申込みいただきます。

※学割(大学生・大学院生(要学生証))とは、満29歳までの大学生・大学院生・専門学校生の方をいいます。ご受講の際、年齢が確認できる身分証明証及び在学中であることが確認できる学生証が必要になります。

※当サイト内の会員登録とイマジカデジタルスケープ求人サイトへのご登録とは別の登録となります。会員登録につきましてはご利用案内をご確認ください。

⇒受講種別について
⇒お申し込みが開催日直前の土日祝祭日、年末年始の場合はこちら

 

ご注文手続きへ

★☆受講者の声☆★

  氏名 : 評点 :
内容 :
[書き込み]

 
 
氏名内容評点日付
 
M.Oボリュームの多い回でしたが、当社の現状のHPもご覧いただき...2019/06/17
 
S.T実務で使用していたタグの認識やHTML5の実際の構築が理解で...2019/05/27
 
N・T本やWebで自分で学習しているのと違い、きちんとご説明いた...2017/08/15
 
O.S講座はわからないところを、的確に教えて頂けたので、わかり...2016/09/28
 
N.K受講して、もやもやしていた不明点が明確になって理屈で解釈...2016/07/27
 
M.A受けたかった科目なので受けて良かったです。一般の本では通...2016/02/26
 
M.THTML5の概要を理解することができ、たいへんよかった。まず...2015/12/21
 
I.A丁寧でわかりやすかった テキストは詳細が記載されていてわ...2015/12/21
 
M.Kとてもわかりやすかったです。2015/09/28
 
M.S相変わらず手厚く教えて頂き、分かりやすかったです。ソース...2015/09/28
 
O.M説明がゆっくりで丁寧だったのでわかりやすくすぐに理解する...2015/07/29
 
S.MHTML4とHTML5、CSS2とCSS3の違いを分かりやすく簡潔にご...2015/07/29
 
K.M内容も濃く、非常に充実した講座だった。 ありがちなミスや...2015/04/20
 
H.Y1日という短い時間の講習でも、かなり濃い内容だったのでと...2014/08/27
 
S.W1日でこれだけの内容を学習させてもらえるとは!すごく充実...2014/08/27
 
  page / 3 [次]

その他のオススメ講義

Webデザイン

12/22(火) Adobe XDの使い方・基本トレーニング |価格:8,800円より|

12/22(火) Adobe XDの使い方・基本トレーニング |価格:8,800円より|

17,600円(税込)

12/4(金) HTML・XHTML・CSSの基礎知識〜これからWebサイトを作る方へ! |価格:13,200円より|

12/4(金) HTML・XHTML・CSSの基礎知識〜これからWebサイトを作る方へ! |価格:13,200円より|

26,400円(税込)

12/9(水) JavaScriptの基礎知識 |価格:13,200円より|

12/9(水) JavaScriptの基礎知識 |価格:13,200円より|

26,400円(税込)

【近日開催予定】 未経験から始めるPython入門 オンライン講座 〜限定10名!4時間×3回〜 |価格:15,000円より|

【近日開催予定】 未経験から始めるPython入門 オンライン講座 〜限定10名!4時間×3回〜 |価格:15,000円より|

25,000円(税込)

12/16(水)〜17(木) HTML・XHTML・CSSの基礎知識(2日間・オンライン受講(ライブ配信)) |価格:19,800円より|

12/16(水)〜17(木) HTML・XHTML・CSSの基礎知識(2日間・オンライン受講(ライブ配信)) |価格:19,800円より|

39,600円(税込)

12/18(金)〜19(土) JavaScriptの基礎知識(2日間・オンライン受講(ライブ配信)) |価格:19,800円より|

12/18(金)〜19(土) JavaScriptの基礎知識(2日間・オンライン受講(ライブ配信)) |価格:19,800円より|

39,600円(税込)

【近日開催予定】 jQuery・jQueryMobileの基礎知識(PC・スマートフォン) |価格:13,200円より|

【近日開催予定】 jQuery・jQueryMobileの基礎知識(PC・スマートフォン) |価格:13,200円より|

26,400円(税込)

【近日開催予定】 Dreamweaver CC 2015の使い方・基本トレーニング |価格:13,200円より|

【近日開催予定】 Dreamweaver CC 2015の使い方・基本トレーニング |価格:13,200円より|

26,400円(税込)

【近日開催予定】 Pythonによるデータサイエンス入門講座 |価格:54,000円より|

【近日開催予定】 Pythonによるデータサイエンス入門講座 |価格:54,000円より|

108,000円(税込)

【CC開催終了】 Dreamweaver CC の使い方・基本トレーニング |価格:12,960円より|

【CC開催終了】 Dreamweaver CC の使い方・基本トレーニング |価格:12,960円より|

25,920円(税込)

【CS6開催終了】 Flash Professional CS6 の使い方・基本トレーニング |価格:12,600円より|

【CS6開催終了】 Flash Professional CS6 の使い方・基本トレーニング |価格:12,600円より|

25,200円(税込)

【CS6開催終了】 Dreamweaver CS6 の使い方・基本トレーニング |価格:12,600円より|

【CS6開催終了】 Dreamweaver CS6 の使い方・基本トレーニング |価格:12,600円より|

25,200円(税込)

【CS5開催終了】 Fireworks CS5 の使い方・基本トレーニング

【CS5開催終了】 Fireworks CS5 の使い方・基本トレーニング

12,600円(税込)

【CS5開催終了】 Dreamweaver CS5 の使い方・基本トレーニング

【CS5開催終了】 Dreamweaver CS5 の使い方・基本トレーニング

25,200円(税込)

【CS5開催終了】 Flash Professional CS5 の使い方・基本トレーニング

【CS5開催終了】 Flash Professional CS5 の使い方・基本トレーニング

25,200円(税込)

| カテゴリ | | Web | DTP・デザイン | CG・動画・映像 | キャリア・就活 |
| お客様 Index | | 企業・自治体のお客様に | 学生の方に |
| 目的別・状況別 Index | | Webデザイン入門セミナー | 映像編集入門セミナー | DTPデザイン入門セミナー | 魅力的なポートフォリオ作成 |
| Adobe CCを覚えたい方に | | Photoshop 2020の使い方・基本 | Illustrator 2020の使い方・基本 |
| Photoshop 2020の使い方・画像補正編 | 読みやすい文字の組み方 |
| HTML / XHTML / CSSの基礎知識 | HTML5 / CSS3の基礎知識 | JavaScriptの基礎知識 | jQuary・jQueryMobileの基礎知識 |
| Dreamweaver CC 2015の使い方・基本 | InDesign CCの使い方・基本 |
| AfterEffects 2020の使い方・基本 | AfterEffects 2020の使い方・実践1 |
| Premiere Pro 2020の使い方・基本 |
| Webの基本をマスターしている方 | | 棚橋弘季氏の直伝、ユーザー中心のWebサイト設計 | 益子貴寛氏が伝授するCSS実践テクニック |
| 矢野りんさんに学ぶ、”使える”デザイン基礎知識 | こもり氏のHTML+CSS基礎 | 平塚氏のマーケティング基礎 |
| 坂本氏のIA入門 | Webに関わるすべての人の「Webリテラシー」講座 | 神森勉氏に学ぶコーディング講座 |
| 森川眞行氏に学ぶ、大規模サイトの構築・運用マネジメント |
| 就職・転職・就活中の方へ | | 模擬面接セミナー(個別FB付) | エントリーシートブラッシュアップセミナー |
| 面接・職場で使えるビジネスマナー研修 | 職務経歴書添削セミナー |