ホームページ制作&マーケティング・広告制作・セミナー講師 PEACE NET | 山梨

-Academy-

ホーム > Academy > course > html5_base

html5+css3基本講座

当html5&css3基本講座は、ホームページ制作・修正・更新などを行う際に必要となる記述の基本を学べる講座です。全くの未経験者からでもWeb業界で働くための第一歩です。htmlやcssの記述方法やホームページの構造など、ゼロからオリジナルホームページを制作するために身につけておかなければならない基礎を学べます。

html5&css3基本講座カリキュラム
定 員 最大開催人数8名:最小開催人数3名 ※参加人数が3名以下の場合中止になることがございます。ご了承お願い致します。
時 間 1コマ:90分を予定しております。講義終了後30分ほど復習・質疑応答の時間を設けております。
1日目 開催予定:2019年10月29日(火)13:00〜・11月3日(日)13:00〜

サイト制作の前に準備しておくこと

  • ファイル拡張子(html・css)を表示させる
  • 作業用フォルダの作成と整理
  • Bracketsのインストール
  • Bracketsの便利な拡張機能のインストール
  • Google Chromeのディベロッパーツールについて

基本的なHTMLの書き方

  • タグの基本的な書き方
  • HTMLの構造について
  • head要素内に記述すべき項目
  • body要素内に記述すべき項目
  • それぞれの要素についての説明
2日目 開催予定:2019年11月5日(火)10:00〜・11月3日(日)15:00〜

基本的なCSSの書き方1

  • CSSの基本的な書き方
  • 外部リンクと内部リンクについて
  • CSSを記述する場所とファイルの保存場所
  • テキストを装飾するプロパティ
  • レイアウト・デザインを設計するためのプロパティ

基本的なCSSの書き方2

  • id属性とclass属性について
  • CSSの親子関係
  • きれいなCSSを書くために注意すること
3日目 開催予定:2019年11月5日(火)13:00〜・11月10日(日)13:00〜

レイアウトに必要な記述1

  • margin・padding・borderの関係性
  • ブロックレベル要素とインラインレベル要素について
  • html5の便利な記述
4日目 開催予定:2019年11月12日(火)10:00〜・11月10日(日)15:00〜

レイアウトに必要な記述2

  • floatによる記述について
  • flexboxによる記述について
5日目 開催予定:2019年11月12日(火)13:00〜

レイアウトに必要な記述3

  • cssgridによる記述について
6日目 開催予定:2019年11月19日(火)10:00〜

テーブルの記述

  • 表の作成の基本
  • セルの結合
  • scopeとspanについて

フォームの記述

  • テキストフォームとテキストエリア
  • input要素の種類
  • フォームの装飾(css)の記述方法
7日目 開催予定:2019年11月19日(火)13:00〜

レスポンシブ対応

  • viewportを設定する
  • ブレイクポイントとは
  • メディアクエリの書き方
8日目 開催予定:2019年11月26日(火)10:00〜

擬似要素と擬似クラス

  • 擬似要素とは
  • 擬似要素の使い方
  • 擬似クラスとは
  • 擬似クラスの使い方

ご予約はこちらから