技術セミナー・研修・出版・書籍・通信教育・eラーニング・講師派遣の テックセミナー ジェーピー
千貫りこのHTML / CSS入門講座
千貫りこのHTML / CSS入門講座
東京都 開催
会場 開催
1人1台PC実習付き
本セミナーは終了いたしました。
HTML/CSSの関連セミナーとの同時申し込みで 10,000円 のアマゾンギフト券 をプレゼントいたします。
2012年9月8日「千貫りこのHTML / CSS中級講座」との同時受講
雑誌ではCSSの高度なテクニックに関する特集がひんぱんに組まれ、CSSによるデザイン実装に役立つ書籍も次々と発売されています。しかし、一方の主役であるHTMLやCSSの基礎について語られることは多くありません。
あなたはトラブルに直面した時に原因を特定できず「対処できない!」とパニックに陥った経験はないでしょうか?もしかしたらそれは、HTMLとCSSの「基礎力不足」が原因かもしれません。
本講座では「HTMLの基本をある程度理解している方」を対象として、「適切なマークアップを知りたい」「ボックスモデルの概念を理解したい」「フルCSSレイアウトへの苦手意識を克服したい」という方のために、HTML文書をきちんとつくり込むためのポイントと、「2カラムレイアウト」など基本的なCSSの記述方法を実習 (Dreamweaverを使用) を交えて学習します。また、HTML5とCSS3を見据えたコンテンツ制作にもふれながら解説していきます。
HTMLの正しい記述方法をしっかり押さえて、HTML+CSSによるサイト制作のメリットを100%享受しましょう。またCSSの基礎を再確認することで、苦しまぎれのハックなど場当たり的なコーディングから脱却しましょう。
概要
本講座では、HTMLの正しい記述方法を再確認し、ボックスモデルの概念の理解、カラムレイアウトなど基本的かつ実践的なCSSの記述方法を学習します。
開催日
- 2012年9月7日(金) 11時00分 ～ 18時00分
受講対象者
- HTMLの基本はある程度理解している方
- 適切なマークアップのやり方を知りたい方
- CSSの基礎習得にイマイチ自信が無い方
- テキストの色・スタイルなど部分的なCSSを記述した経験はあるが、今後はフルCSSレイアウトに挑戦してみたい方
修得知識
- HTML / CSSの基礎
- よくあるトラブルと対策
- CSSハック
- IE6対応など
使用アプリケーション
- Adobe Dreamweaver CS6
予備知識
- 以下、受講対象レベルチェック問題の理解
- 全問正解が受講の必須条件ではなく、受講対象レベルの具体的な目安とお考えください。
受講対象レベルチェック問題
- 問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だが) 太字ではない。
プログラム
- HTML+CSSの基礎知識
- HTML+CSSによる制作のメリット
- HTML+CSSのよる制作のワークフロー
- 仕様書、タグリファレンス
- HTML文書を作る (実習)
- 文書型宣言と表示モード
- 文書構造を意識する
- ブロックレベル要素とインライン要素
- よく使うタグ
- マークアップのコツ
- バリデーション
- CSSの基礎知識
- メディアタイプ
- セレクタ、プロパティ
- ボックスモデル
- スタイルの優先順位
- CSSファイルの分割
- CSSを記述する (実習)
- divによるグループ化
- id/classの違い、命名のコツ
- リセットスタイル
- 知っていると便利な定番スタイル (clearfixなど)
- floatを使った2カラムレイアウト
- テキストのスタイリング
- バリデーション
- CSSあれこれ
- CSSハック、条件コメント
- IE6対応
- 困ったときの情報収集
- カリキュラムの進度および内容は、受講者全員の理解度・習得度によって変更される場合があります。
講師
会場
主催
お支払い方法、キャンセルの可否は、必ずお申し込み前にご確認をお願いいたします。
受講料
1名様
:
28,381円 (税別) / 29,800円 (税込)
本セミナーは終了いたしました。