到達目標 (入門)
・従来のHTMLによるテーブルレイアウトと、XHTML+CSSによるコーディングの違い、
及びそのメリットデメリットが理解できる。
・XHTML+CSSによるコーディングの基本的なワークフローが理解できる。
・基本的なXHTMLタグによる文書のマークアップができる。
(<h1〜h6>、<p>、<ul>、<table>、<div>、<span>、<strong> 等)
・マークアップされた文書にCSSで基本的なスタイルを設定することができる。
(margin, padding, width, height, background, border,font, color,
text-decoration, a:link 等)
受講に必要な条件・スキル (入門)
研修内容 (入門)
【 座学 】
・XHTMLとは?
・CSSとは?
・XHTML+CSSでコーディングすることのメリット
・XHTML+CSSでの制作ワークフロー
【 座学&実習 】
・XHTMLの基本ルール
・XHTMLの規格と基本文法(HTMLとの違い)
・使用できるタグと属性
・ブロック要素とインライン要素
・文書の構造化[実習]
・見出し、本文、箇条書き
【 座学&実習 】
・CSSの基本ルール
・基本的な書式
・セレクタの種類と指定方法
・セレクタの優先順位
・ボックス概念
・基本的なスタイル設定[実習]
・枠の作り方
・背景画像の扱い方
・さまざまな文字修飾
・画像の配置とフロート設定
・ブラウザによる違いを直す(CSSハック)
【 まとめ 】
・小テスト
・質疑応答
|