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

イベント内容

概要

雑誌ではCSSの高度なテクニックに関する特集がひんぱんに組まれ、CSSによるデザイン実装に役立つ書籍も次々と発売されています。しかし、一方の主役であるHTMLやCSSの基礎について語られることは多くありません。

あなたはトラブルに直面した時に原因を特定できず「対処できない!」とパニックに陥った経験はないでしょうか?もしかしたらそれは、HTMLとCSSの「基礎力不足」が原因かもしれません。

本講座では「HTMLの基本をある程度理解している方」を対象として、「適切なマークアップを知りたい」「ボックスモデルの概念を理解したい」「フルCSSレイアウトへの苦手意識を克服したい」という方のために、HTML文書をきちんとつくり込むためのポイントと、「2カラムレイアウト」など基本的なCSSの記述方法を実習(Dreamweaverを使用)を交えて学習します。

HTMLの正しい記述方法をしっかり押さえて、HTML+CSSによるサイト制作のメリットを100%享受しましょう。またCSSの基礎を再確認することで、苦しまぎれのハックなど場当たり的なコーディングから脱却しましょう。

修了目標

この講座をうけるとHTMLとCSSの基礎的なスキルが身につきます。

1. 基本的なレイアウト・装飾のやり方

2. HTMLタグを選ぶときの考え方

3. CSSの記述方法

カリキュラム概要

1. HTML+CSSの基礎知識

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

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

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

3. CSSの基礎知識

  • セレクタ、プロパティ
  • ボックスモデル
  • スタイルの優先順位

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

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

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

使用OS

Windows 7 (64bit)

※普段使用しているOSと異なっている場合でも講座内容の習得に大きく影響はありません。 PCの持ち込みも可能です。講座内で使用するソフトウェアの設定、環境構築をしておくようお願いします。

使用アプリケーション

Adobe Dreamweaver

講師

千貫りこ

定員

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

対象

webブラウザやテキストエディタなど、作業に必要なアプリケーションを問題なく操作できる方

適切なマークアップのやり方を知りたい方

CSSの基礎習得にイマイチ自信が無い方

テキストの色・スタイルなど部分的なCSSを記述した経験はあるが、今後はフルCSSレイアウトに挑戦してみたい方

受講対象レベルチェック問題 を理解できる方

料金

29,800円(税込み) 各種割引あり

会場

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

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

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

受講規約など

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

注意事項

※ こちらのイベント情報は、外部サイトから取得した情報を掲載しています。
※ 掲載タイミングや更新頻度によっては、情報提供元ページの内容と差異が発生しますので予めご了承ください。
※ 最新情報の確認や参加申込手続き、イベントに関するお問い合わせ等は情報提供元ページにてお願いします。

類似しているイベント