マテリアル福山ではWEB制作におけるスタイルシート(CSS)の講座を本格的に行っています。
基本の入門編から、高度な上級編まで対応しています。
下記が学習内容ですが、実際に応用力をつけるには設定時間以上の実践学習が必要となります。
【CSS】 28時間

■入門編

  ・これから必須の「CSS」とは?
  ・基本情報を入力
  ・CSSの書き方~直接記述~
  ・CSSの書き方~外部ファイル~
  ・フォントの設定 1 ~色と大きさ~
  ・フォントの設定 2 ~太さと行間~
  ・背景画像の挿入/繰り返し
  ・ボックス 1 ~ボーダー~
  ・ボックス 2 ~余白をつける~
  ・クラス名
  ・<span>で特定の文字列を指定
  ・まだまだ続くCSSの世界
  ・CSSで本格的にデザインしよう
  ・背景色
  ・リストをデザイン
  ・回り込みと解除
  ・divによるグループ化
  ・divによるレイアウト 1 ~段組~
  ・2 ~フッターを作ろう~
  ・リンクテキストの装飾
  ・表の装飾
  ・全体を中央揃えに
  ・CSSにはメリットがいっぱい

 

 

 

■上級

●レイアウトを始める前に
  ・なぜCSSを利用するのか
  ・正しい文書構造が大切になる
  ・様々なブラウザとCSS

●段組みレイアウト
  ・段組みことはじめ
  ・ボックスモデルとハック
  ・positionによる段組み
  ・floatによる段組み
  ・CSS3のマルチカラムレイアウト

 ●パーツ別レイアウト

  ・見出しと段落
  ・リストとナビゲーション
  ・フォームとテーブル
  ・さまざまな文法チェッカー

●ページレイアウト
  ・レイアウトの下準備
  ・ページレイアウトのワークフロー
  ・入れ子にしたリストで造る
     プルダウン

 

 

 

 

■上級

●サンプルレイアウト
  ・ベーシックな企業サイト
   ・可変幅の3段組みニュースサイト
    ・一覧性の高いショッピングサイト
   ・背景画像を効果的に利用したサイト
   ・効率的なCSS管理

●実例レイアウト
  ・複雑なグリッドにあわせたボックス
  ・フロートの段組みを個性的に演出
  ・pngの利点を活かした画像の配置
  ・柔軟性の高い背景画像の組み合わせ
  ・効率的なCSS管理