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

千貫りこのHTML / CSS入門講座

千貫りこのHTML / CSS入門講座

東京都 開催 会場 開催 1人1台PC実習付き

 雑誌ではCSSの高度なテクニックに関する特集がひんぱんに組まれ、CSSによるデザイン実装に役立つ書籍も次々と発売されています。しかし、一方の主役であるHTMLやCSSの基礎について語られることは多くありません。
 あなたはトラブルに直面した時に原因を特定できず「対処できない!」とパニックに陥った経験はないでしょうか?もしかしたらそれは、HTMLとCSSの「基礎力不足」が原因かもしれません。
 本講座では「HTMLの基本をある程度理解している方」を対象として、「適切なマークアップを知りたい」「ボックスモデルの概念を理解したい」「フルCSSレイアウトへの苦手意識を克服したい」という方のために、HTML文書をきちんとつくり込むためのポイントと、「2カラムレイアウト」など基本的なCSSの記述方法を実習 (Dreamweaverを使用) を交えて学習します。また、HTML5とCSS3を見据えたコンテンツ制作にもふれながら解説していきます。
 HTMLの正しい記述方法をしっかり押さえて、HTML+CSSによるサイト制作のメリットを100%享受しましょう。またCSSの基礎を再確認することで、苦しまぎれのハックなど場当たり的なコーディングから脱却しましょう。

Get Adobe Flash player

以下、HTML/CSSの関連セミナーとの同時申し込みで 10,000円 のアマゾンギフト券 をプレゼントいたします。
2011年9月15日「千貫りこのHTML / CSS中級講座」との同時受講

概要

本講座では、HTMLの正しい記述方法を再確認し、ボックスモデルの概念の理解、カラムレイアウトなど基本的かつ実践的なCSSの記述方法を学習します。

開催日

  • 2011年9月8日(木) 11時00分 18時00分

受講対象者

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

修得知識

  • HTML / CSSの基礎
  • よくあるトラブルと対策
    • CSSハック
    • IE6対応など

使用アプリケーション

  • Adobe Dreamweaver CS5

予備知識

  • 以下、受講対象レベルチェック問題の理解
  • 全問正解が受講の必須条件ではなく、受講対象レベルの具体的な目安とお考えください。

受講対象レベルチェック問題

  • 問1:
    「見出し」「段落」「順不同リスト (箇条書き) 」をマークアップするのに使うタグをそれぞれ答えてください。
  • 問2:
    以下のコードが示しているものを答えてください。
    <DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
  • 問3:
    以下のスタイルが適用されている要素について、文章 (例:「○○」というid名が付けられたdiv要素の中の…) で答えてください。また、この記述から想像される表示結果を答えてください。
    div#container div.content h1 {
      margin: 10px;
      background-color: #cc0000;
      font-weight: normal;
    }
  • 答1:
    hn, p, ul (li)
  • 答2:
    DOCTYPE宣言。XHTMLのバージョン。
  • 答3:
    「container」というid名がつけられたdiv要素に含まれる、「content」というclass名がつけられたdiv要素に含まれたh1要素。
    表示結果は、上下左右に10pxのマージンをとっており、背景色は赤、 (h1だが) 太字ではない。

プログラム

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

講師

会場

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

主催

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

お問い合わせ

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

受講料

1名様
: 28,381円 (税別) / 29,800円 (税込)
本セミナーは終了いたしました。