HTML,CSS基礎を短期でマスター
イマジカデジタルスケープ 短期集中クリエイティブ講座

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

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

 
 
1 10月・日曜開講のお知らせ
 

お客様index

企業・自治体のお客様に 業務効率化、コスト削減に
クリ博登録者・学生の方に 割引トレーニングはコチラ


イトウ先生のTipsnote


【次回開催未定】こもりまさあき氏に学ぶ、WebディレクターのためのHTML+CSS基礎講座

Web実践一覧 > 【次回開催未定】こもりまさあき氏に学ぶ、WebディレクターのためのHTML+CSS基礎講座

講座概要

Web標準に準拠した正しいHTML+CSSコーディングのあり方と具体的な手法について、Webディレクターが把握しておくべき基礎知識を習得します。今後普及するWebブラウザ事情も踏まえ、Web標準に準拠したHTML+CSSコーディングの重要性と効果を理解し、実際HTMLとCSSのどのような特徴を押さえて制作を進めていく必要があるのか、制作時のディレクションにおいて基盤となる知識を習得します。

カリキュラム

[1日目]
現在のWeb制作の考え方
〜Web標準の基礎知識
  • 多種多様なWebブラウザの現状と今後
  • ユニバーサルデザインとアクセシビリティ
  • SEO(検索エンジン最適化)について
  • 情報にアクセスしやすいWebページの情報構造化
  • HTMLをクリーンにしておくことの利点
Webで公開する文書の作り方
〜HTML基本編
  • HTMLを使って文書を作るということ
  • HTMLの文書構造について(html/head/body)
  • 主要なタグ(見出し/ナビゲーションメニュー/段落/リンク/リスト/画像挿入)
  • 情報構造を作ってみる
  • ブロックレベル要素とインライン要素について
[2日目]
Webページのデザインとレイアウト
〜CSS基本編
  • CSSでデザインやレイアウトをするということ
  • セレクタについて
  • CSSの特徴をおさえる
  • CSSの基本的な記述方法
  • ボックスモデルを理解する
  • CSSを使ったレイアウトの基本
  • div/span要素を使ったグループ化
  • id/class属性の正しい使い方を覚える
  • ケーススタディ: CSS主要テクニック紹介(レイアウト・装飾・背景画像の扱い等)
  • サイト研究のススメ、今後の学習方法

受講対象者

Web標準に準拠した正しいHTML+CSSコーディングのあり方と具体的な手法について、Webディレクターが把握しておくべき基礎知識を習得したい方

こもりまさあき

フリーランスのデザイナー・テクニカルライター。1972年生まれ。DTP関連業務を経てインターネット黎明期からWebサイト構築などに関わる。現在ではWeb・携帯コンテンツ制作、サーバ管理などネットワーク関連業務だけでなく、紙媒体のデザイン、書籍の執筆、アーティストのライブ撮影まで多岐にわたり活動中。『XHTML&CSSデザイン|基本原則、これだけ。』『スタイルシート・デザイン XHTML + CSSで実践するWeb標準デザイン講座』『Webデザイン 知らないと困る現場の新常識100』(MdN・共著)等、執筆多数。MdN スクール・オブ・デザインにて講師経験あり。飲食・サービス系、キャンペーン系Webサイトの制作実績も多数。大手ネット事業会社やWeb制作会社でも新入社員研修で講師を務めた経験をもち、初心者に向けた分かりやすい解説に定評がある。 (http://blog.gaspanik.com/)

期待される効果

  • 現在〜今後普及するWebブラウザ事情を理解し、Web標準に準拠したHTML+CSSコーディングの重要性と得られる効果を認識できます。
  • HTMLとCSSファイルの全体構造を理解し、主要なタグ・プロパティの種類を認識できます。
  • HTMLとCSSの記述上の特徴を理解し、これによって引き起こされる主要なトラブルとその原因、回避・対処方法の導き出し方について理解できます。

受講のメリット

  • 短期集中(2日間)で、制作ディレクターが押さえておくべきWeb標準、HTML+CSSの知識を要点を押さえて学べます。
  • 実際にソースを記述する時間を設け、体験的に構造を理解できます。
  • HTML+CSSの特徴を押さえ、制作指示や修正対応で適切な判断をするための勘所を押さえられます。

開催日時

開催日 時間
【次回開催未定】 【1日目】10:00〜16:00(内1時間休憩)
【2日目】10:00〜16:00(内1時間休憩)

会場

デジタルスケープ東京本社 トレーニングルーム
住所:東京都渋谷区道玄坂1-10-8渋谷野村ビル8F(JR渋谷駅西口より徒歩5分) [ MAP ]

テキスト

  • オリジナルテキスト
  • トレーニング課題データ

持ち物

  • 受講票
  • 筆記用具
  • USBフラッシュメモリ(教材と成果物のデータ持ち帰りを希望される方のみ)

使用アプリケーション

  • Webブラウザ各種
  • Terapad(テキストエディタ)

定員

12名




【次回開催未定】こもりまさあき氏に学ぶ、WebディレクターのためのHTML+CSS基礎講座

【次回開催未定】こもりまさあき氏に学ぶ、WebディレクターのためのHTML+CSS基礎講座

価格
29,400 円(税込)
数量
  売り切れ

ご注文手続きへ

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