読者です 読者をやめる 読者になる 読者になる

ハロートレーニングWebデザインの勉強 Webデザイン フェリカテクニカルアカデミーWebサイト制作科

1か月授業内容まとめ - 目標とスキルチェック

目標

  • Webページを作成する
    1. 文書構造の理解
    2. CSSでの修飾
    3. Web画像を作成して挿入
    4. 課題サイトにアップロード

現時点での習熟度を判定する

  • ネット上の学習サイトで今できることを確認します
ドットインストール

授業達成目標

  • 以下の項目をチェックしてください
HTML
  1. 新規フォルダー・新規ファイルのディレクトリー管理はできる
  2. 新規HTMLファイルを所定の場所に作成できる
  3. HTML5形式のドキュメントにできる
  4. 基本構造の入力ができる
  5. h 要素の役割を理解している
  6. p 要素の役割を理解している
  7. ul 要素の役割を理解している
  8. ol 要素の役割を理解している
  9. dl 要素の役割を理解している
  10. img 要素の役割を理解している
  11. div 要素の役割を理解している
CSS
  1. CSS の役割を理解している
  2. CSS の記述順序を理解している
  3. 文字色を指定することができる
  4. 背景色を指定することができる
  5. ブロックレベル要素の幅・高さを指定することができる
  6. margin を設定する意味を理解している
  7. padding を設定する意味を理解している
  8. line-height を設定する意味を理解している
  9. CSSをリセットする意味を理解している
レイアウト
  1. float を使ったレイアウトができる
  2. float を使った場合の問題を解決出来る
  3. position を使ったレイアウトができる(今後)
  4. position を使った場合の問題を解決出来る(今後)
Phoroshop
  1. 必要な大きさの画像を作成できる
  2. Web用に適切に保存ができる
  3. 写真を綺麗にする補正ができる
  4. 必要な大きさに解像度変更ができる
  5. バナー広告を作成することができる
  6. その他、ボタなどのWeb素材の作成ができる
Illustrator
  1. 基本ツールを使うことができる
  2. 適切な変形ができる
  3. 長方形・楕円のみでロゴマークを作成できる
  4. パスファイダーで結合・分割ができる
  5. ペンツールの基本的な使い方ができる
  6. グラデーションを設定できる
  7. クリッピングパス・複合パスが設定できる

レイアウト

  1. 1カラムレイアウトの設定ができる
  2. 1カラムレイアウトの幅100%にした場合と、固定値を設定した場合の違いを理解できる
  3. 複数カラムレイアウトの必然性を理解できる
  4. 2カラムレイアウトの設定ができる
  5. 縦のナビゲーションが設定ができる
  6. 横のナビゲーションが設定ができる
  7. staticとfloatの設定の違いがわかる


「float」を使ったマルチカラムレイアウトの詳しい事例は、今後複数回行います。