技術セミナー・研修・出版・書籍・通信教育・eラーニング・講師派遣の テックセミナー ジェーピー

千貫りこのHTML / CSS 講座 (入門 + 中級)

千貫りこのHTML / CSS 講座 (入門 + 中級)

東京都 開催 会場 開催

HTML/CSSのセミナーを2テーマセットにした特別コース!
2講座 同時受講の特典として、 10,000円 のアマゾンギフト券 をプレゼントいたします。

概要

本講座では、HTMLの基礎から解説し、HTMLの正しい記述、複雑なレイアウトを実現するためのCSSを習得します。
またトラブルの対処方法や、CSSファイルの管理方法など、実践的なテクニックを学びます。

開催日

  • 2012年9月7日(金) 11時00分 18時00分
  • 2012年9月8日(土) 11時00分 18時00分

受講対象者

  • HTMLの基本はある程度理解している方
  • 適切なマークアップのやり方を知りたい方
  • CSSの基礎習得にイマイチ自信が無い方
  • テキストの色・スタイルなど部分的なCSSを記述した経験はあるが、今後はフルCSSレイアウトに挑戦してみたい方

修得知識

  • HTML / CSSの基礎
  • よくあるトラブルと対策
    • CSSハック
    • IE6対応など
  • 正しいHTMLの記述
  • CSSの実践的ノウハウ
  • トラブル対策とデバッグ法

使用アプリケーション

  • Adobe Dreamweaver CS6

プログラム

2012年9月7日「千貫りこのHTML / CSS入門講座」

  1. HTML+CSSの基礎知識
    • HTML+CSSによる制作のメリット
    • HTML+CSSのよる制作のワークフロー
    • 仕様書、タグリファレンス
  2. HTML文書を作る (実習)
    • 文書型宣言と表示モード
    • 文書構造を意識する
    • ブロックレベル要素とインライン要素
    • よく使うタグ
    • マークアップのコツ
    • バリデーション
  3. CSSの基礎知識
    • メディアタイプ
    • セレクタ、プロパティ
    • ボックスモデル
    • スタイルの優先順位
    • CSSファイルの分割
  4. CSSを記述する (実習)
    • divによるグループ化
    • id/classの違い、命名のコツ
    • リセットスタイル
    • 知っていると便利な定番スタイル (clearfixなど)
    • floatを使った2カラムレイアウト
    • テキストのスタイリング
    • バリデーション
  5. CSSあれこれ
    • CSSハック、条件コメント
    • IE6対応
    • 困ったときの情報収集

2012年9月8日「千貫りこのHTML / CSS中級講座」

  1. “正しい“HTMLを記述する
    • 要素の判断方法
    • ケーススタディ
  2. ワンランク上のHTML
    • 画像のaltについて
    • 情報の並び順
    • マークアップする (実習)
    • バリデーションについて
  3. 実践的CSSのあれこれ
    • ボックスモデルについておさらい
    • スタイルの優先順位
    • CSSシグネチャ
    • CSSファイルを分割して管理する
    • ルールづくり
    • チェックポイント
    • トラブル発生時のデバッグ方法
  4. CSSを記述する (実習)
    • 段組
    • 横並びのボックスの、見かけの高さをそろえる
    • 横並びのボックス内にあるアイテムの縦位置をそろえる
    • displayプロパティのつかいどころ
    • jQueryで作業負荷を軽減する
    • 印刷用CSS
  • カリキュラムの進度および内容は、受講者全員の理解度・習得度によって変更される場合があります。

講師

会場

ロクナナワークショップ
東京都 渋谷区 神宮前1-1-12 原宿ニュースカイハイツ #203
ロクナナワークショップの地図

主催

お支払い方法、キャンセルの可否は、必ずお申し込み前にご確認をお願いいたします。

お問い合わせ

本セミナーに関するお問い合わせは tech-seminar.jpのお問い合わせからお願いいたします。
(主催者への直接のお問い合わせはご遠慮くださいませ。)

受講料

1名様
: 56,762円 (税別) / 59,600円 (税込)
本セミナーは終了いたしました。