パソコンとインターネット


  • パソコンを使う環境について
  • インターネットの歴史
  • インターネット以前と以後

とにかく入力の練習あるのみです。

HTMLも言語に変わりありません。

漢字も練習をしないと書くことはできないのですから、HTMLならなおさらです。

この時点では、タイピング練習サイトなどで英単語の入力をして綴りの入力ミスが無いようにしていきます。


HTMLと基本構造


  • HTMLの基本構造の理解
  • アウトライン構造とSEOの関係
  • h要素に書くべきこと
  • p要素に書くべきこと

徹底的に理解出来るまで、入力し続けます。

理論的に理解しても、入力できなければ意味がありません。


授業では、何をh1要素にして何をp要素にするかを何度も繰り返し練習していきます。

そのことが、そのままSEOに繋がることを実感してもらいます。


CSSの適用


  • CSSの役割
  • CSSの記述の仕方
  • CSSの適用の仕方
  • CSSの種類と使い方
  • 自分のイメージとCSSの関係

HTMLで記述することと、CSSで記述することの違いを理解する。

何から書き始めれば、自分の思い通りになるのかを実感してもらいます。


Illustrator


  • ベクトルデータの役割
  • オブジェクトの考え方
  • 選択と変形
  • ペンツールでの描画

Photoshop


  • ビットマップの役割
  • 解像度が意味すること
  • Photoshopの基本設定
  • 選択範囲
  • 補正
  • 加工

JavaScript


  • Webページに動きをつける

jQuery


  • JavaScriptをちょっぴり拡張

Webサイト制作課題


  • Webサイト制作は「愛」

PHP



WordPress



レスポンシブWebデザイン(スマートフォンサイト)



SEO



ポートフォリオサイト