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

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

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

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

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

概要

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

開催日

  • 2011年12月17日(土) 11時00分 18時00分

受講対象者

  • マークアップの基本は知っているが、さらに理解を深めたい方
  • より効率的にHTML+CSSでサイトをつくる方法を知りたい方
  • CSSレイアウトの基本は知っているが、さらに活用方法を知りたい方
  • 「 千貫りこのHTML/CSS入門講座 」の履修相当の理解がある方

修得知識

  • 正しいHTMLの記述
  • CSSの実践的ノウハウ
  • トラブル対策とデバッグ法

使用アプリケーション

  • Adobe Dreamweaver CS5

予備知識

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

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

  • 問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が配置されていること。

プログラム

 「コーディング」という作業は「ビジュアルデザインを実装すること」とイコールであると捉えられがちです。しかしHTMLは本来、デザインの影響を受けるべきではありません。あなたは、デザイン実装に気をとられるあまり「デザイン前提のHTML」を記述していませんか?
 本講座では「CSSレイアウトにある程度慣れている方」または、「 千貫りこのHTML/CSS入門講座 」の履修相当の理解がある方を対象にしています。
 無理のないHTMLを土台としてデザインを実装するためのCSSや、複雑なレイアウトを実現するためのCSSを、実習を通して習得します。HTML5とCSS3を見据えたコンテンツ制作にもふれながら解説していきます。
 またトラブル発生時の対処方法や、知っておくと便利なCSSファイルの管理方法など、サイト制作にまつわる実践的なテクニックを習得します。

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

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

講師

会場

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

主催

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

お問い合わせ

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

受講料

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