TOP

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

イベント内容

概要

雑誌ではCSSの高度なテクニックに関する特集がひんぱんに組まれ、CSSによるデザイン実装に役立つ書籍も次々と発売されています。
しかし、一方の主役であるHTMLやCSSの基礎について語られることは多くありません。
あなたはトラブルに直面した時に原因を特定できず「対処できない!」とパニックに陥った経験はないでしょうか?
もしかしたらそれは、HTMLとCSSの「基礎力不足」が原因かもしれません。

本講座では「HTMLの基本をある程度理解している方」を対象として、
「適切なマークアップを知りたい」「ボックスモデルの概念を理解したい」「フルCSSレイアウトへの苦手意識を克服したい」という方のために、HTML文書をきちんとつくり込むためのポイントと、「2カラムレイアウト」など基本的なCSSの記述方法を実習(Dreamweaverを使用)を交えて学習します。
また、HTML5とCSS3を見据えたコンテンツ制作にもふれながら解説していきます。 HTMLの正しい記述方法をしっかり押さえて、HTML+CSSによるサイト制作のメリットを100%享受しましょう。
また、CSSの基礎を再確認することで、苦しまぎれのハックなど場当たり的なコーディングから脱却しましょう。

修了目標

この講座をうけると

  • HTMLとCSSの基礎的なスキル が身につきます

この講座で

  • 適切なマークアップ
  • floatプロパティを使った段組レイアウト
  • テキストを読みやすくするためのスタイリング

を作れるようになります

この講座を通して

  • HTMLタグを選ぶときの考え方
  • CSSの記述方法
  • 基本的なレイアウト
  • 装飾のやり方
  • Webサイト制作関連の最新情報

を理解できます

カリキュラム

1. HTML+CSSの基礎知識

  • HTML+CSSによる制作のメリット
  • HTML+CSSのよる制作のワークフロー
  • 仕様書、タグリファレンス

2. HTML文書を作る(実習)

  • 文書型宣言と表示モード
  • 文書構造を意識する
  • ブロックレベル要素とインライン要素
  • よく使うタグ
  • マークアップのコツ
  • バリデーション

3. CSSの基礎知識

  • メディアタイプ
  • セレクタ、プロパティ
  • ボックスモデル
  • スタイルの優先順位
  • CSSファイルの分割

4. CSSを記述する(実習)

  • divによるグループ化
  • id/classの違い、命名のコツ
  • リセットスタイル
  • 知っていると便利な定番スタイル(clearfixなど)
  • floatを使った2カラムレイアウト
  • テキストのスタイリング
  • バリデーション

4. CSSあれこれ CSSハック、条件コメント IE6対応 * 困った時の情報収集

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

講師

千貫りこ

定員

6名(各種申込みサイト合計)

対象

  • HTMLの基本はある程度理解している方
  • 適切なマークアップのやり方を知りたい方
  • CSSの基礎習得にイマイチ自信が無い方
  • テキストの色・スタイルなど部分的なCSSを記述した経験はあるが、今後はフルCSSレイアウトに挑戦してみたい方
  • 本ページ下の 受講対象レベルチェック問題 を理解できる方。

料金

29,800円(税込み)

会場

東京・原宿 ロクナナワークショップ

募集締切後のお申込み、お問合せ

本サイトでのお申し込みは、講座開催の1週間前に締め切られますが ロクナナワークショップ内講座概要ページ からは開催前日までお申込みいただけます。

受講規約など

受講希望の方は受講規約およびよくある質問のページを閲覧していただき、ご了承の後にお申し込みください。

参加者
定員6人
申込先
会場
ロクナナワークショップ原宿教室
東京都渋谷区神宮前1-1-12(原宿ニュースカイハイツ 204)

注目のイベント

コラム

イベント New

目指すは究極の“個客”対応。ファーストリテイリング「デジタル改革」の本気度

ファーストリテイリングが2017年2月から本格的に始めた全社改革「有明プロジェクト」が注目を集めている。...
13 views
イベント New

【レポート】トランザクションの多いゲーム運用、負荷分散ノウハウetc…裏側をみせます! - KLab TECH Meetup -

2017年9月4日(月)19時30分より、「KLab TECH Meetup −トランザクションの多いゲーム運用、負荷分散ノウ...
13 views
イベント

インメモリデータベースの今後。新領域への適用可能性 - デジタルトランスフォーメーション時代の最新データベース技術勉強会 -

2018年3月6日(火)19時10分より、「【エンジニア向け勉強会】デジタルトランスフォーメーション時代の最新...
189 views