Workshop

千貫りこのXHTML/CSS中級講座

「コーディング」という作業は「ビジュアルデザインを実装すること」とイコールであると捉えられがちです。しかしXHTMLは本来、デザインの影響を受けるべきではありません。あなたは、デザイン実装に気をとられるあまり「デザイン前提のXHTML」を記述していませんか？

本講座では「CSSレイアウトにある程度慣れている方」または、「 千貫りこのXHTML/CSS入門講座 」の履修相当の理解がある方を対象にしています。
無理のないXHTMLを土台としてデザインを実装するためのCSSや、複雑なレイアウトを実現するためのCSSを、実習を通して習得します。

またトラブル発生時の対処方法や、知っておくと便利なCSSファイルの管理方法など、サイト制作にまつわる実践的なテクニックを習得します。

講座レベルlevel2

■カリキュラム概要

  • 1."正しい"XHTMLを記述する

    • 要素の判断方法
    • ケーススタディ

  • 2.ワンランク上のXHTML

    • 画像のaltについて
    • 情報の並び順
    • マークアップする（実習）
    • バリデーションについて

  • 3.実践的CSSのあれこれ

    • ボックスモデルについておさらい
    • スタイルの優先順位
    • CSSシグネチャ
    • CSSファイルを分割して管理する
    • ルールづくり
    • チェックポイント
    • トラブル発生時のデバッグ方法

  • 4.CSSを記述する（実習）

    • 段組
    • 横並びのボックスの、見かけの高さをそろえる
    • 横並びのボックス内にあるアイテムの縦位置をそろえる
    • displayプロパティのつかいどころ
    • jQueryで作業負荷を軽減する
    • 印刷用CSS

＊カリキュラムの進度および内容は、受講者全員の理解度・習得度によって変更される場合があります。

使用アプリケーション
Adobe Dreamweaver CS3/CS4
講師
千貫りこ
定員
6名
対象
「 千貫りこのXHTML/CSS入門講座 」の履修相当の理解がある方。
マークアップの基本は知っているが、さらに理解を深めたい方
より効率的にXHTML+CSSでサイトをつくる方法を知りたい方
CSSレイアウトの基本は知っているが、さらに活用方法を知りたい方
本ページ下の 受講対象レベルチェック問題 を理解できる方。
料金
29,800円（税込み）

2010年9月9日（木）11:00～18:00残り3席

お申し込み：2010年9月9日（木）

2010年10月16日（土）11:00～18:00残り4席

お申し込み：2010年10月16日（土）

2010年11月17日（水）11:00～18:00残り6席

お申し込み：2010年11月17日（水）

受講希望の方は 受講規約 および よくある質問 のページを閲覧していただき、ご了承の後にお申し込みフォームからお申し込みください。また お申し込みの流れ もご参照ください。

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

＊全問正解が受講の必須条件ではなく、受講対象レベルの具体的な目安とお考えください。

問1：

以下のHTMLのp要素に装飾をほどこしたいとき、CSSのセレクタはどのように記述しますか？
ただし、IE6以上のモダンブラウザにスタイルを適用できることが条件です。3つお答えください。

<body>
<div class="section">
<h2>セレクタ</h2>
<p class="text">セレクタにはいろいろな記述方法があります。</p>
</div>
</body>

問2：

以下のHTMLに問題点はありますか？あるとすれば何が問題なのでしょうか？

<a href="sample.html" target="sample">サンプルページへの<div style="color:red">リンク</div></a>

答1：

p、div p、div.section p、
div.section p.text、.section .text など

答2：

インライン要素であるa要素の内側に、ブロックレベル要素であるdivが配置されていること。

トップページに戻る