技術セミナー・研修・出版・書籍・通信教育・eラーニング・講師派遣の テックセミナー ジェーピー
千貫りこのHTML / CSS中級講座
千貫りこのHTML / CSS中級講座
東京都 開催
会場 開催
1人1台PC実習付き
本セミナーは終了いたしました。
以下、HTML/CSSの関連セミナーとの同時申し込みで 10,000円 のアマゾンギフト券 をプレゼントいたします。
2012年3月10日「千貫りこのHTML / CSS初級講座」との同時受講
概要
本講座では、正しいHTMLを記述し、複雑なレイアウトを実現するためのCSSを習得します。
またトラブルの対処方法や、CSSファイルの管理方法など、実践的なテクニックを学びます。
開催日
- 2012年3月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ファイルの管理方法など、サイト制作にまつわる実践的なテクニックを習得します。
- “正しい“HTMLを記述する
- 要素の判断方法
- ケーススタディ
- ワンランク上のHTML
- 画像のaltについて
- 情報の並び順
- マークアップする (実習)
- バリデーションについて
- 実践的CSSのあれこれ
- ボックスモデルについておさらい
- スタイルの優先順位
- CSSシグネチャ
- CSSファイルを分割して管理する
- ルールづくり
- チェックポイント
- トラブル発生時のデバッグ方法
- CSSを記述する (実習)
- 段組
- 横並びのボックスの、見かけの高さをそろえる
- 横並びのボックス内にあるアイテムの縦位置をそろえる
- displayプロパティのつかいどころ
- jQueryで作業負荷を軽減する
- 印刷用CSS
- カリキュラムの進度および内容は、受講者全員の理解度・習得度によって変更される場合があります。
講師
会場
主催
お支払い方法、キャンセルの可否は、必ずお申し込み前にご確認をお願いいたします。
受講料
1名様
:
28,381円 (税別) / 29,800円 (税込)
本セミナーは終了いたしました。