この講座は、

  • HTML、CSS、Javascript等のWebに関する技術を理解すること
  • Webデザインの基礎を知ること

という目的は建前で、

  • CCSのWebサイトをリニューアルすること

が実際の目的です。

予定

# 日付 内容
1 11/15 講座内容の解説、作業の流れ、完成イメージの作成
2 11/22 CMSの設置、デザインの作成
3 11/29 ページ作成、画像作成
4 12/06
5 12/13 休講になるかもしれません
- 12/20 ほぼ確実に休講です
年内に終わらせたいです!
6 1/10 補講 or まとめ

プログラム班、デザイン班の2班に分かれて作業します。
とはいえ、あまり同時進行で作業できることはないと思います。

プログラム班

  1. CMSの設置
  2. デザインをCMSのテーマとして落とし込む
  3. (もし機能が足りなければ)プラグインの追加
  4. ページの作成

デザイン班

  1. サイト全体に一貫したデザインの決定
  2. コンテンツの選定と、ページのレイアウト
  3. 画像の作成

個人的にこうしたいという案を上げます。
これを元にして、どうしていくかを考えてください。

現在のサイト構成

CCS Webサイト
├ Top
│  画像が大きくて必要な情報が最初に表示されない
├ About
│  文章、画像を最新に
│   以降、毎年役職の引継時に更新するように
├ Members
│  ???
├ Works
│  真面目に紹介をするならWikiじゃなくて、ページを作って書いた方がいいかも
│  各イベントごとに頒布(公開)した作品一覧
├ BBS
│  使われていないのでログを保存して削除
├ Only
│  正しく機能する認証機構
├ Wiki
│  デザイン
│  ページの整理
├ Link
│  整理
├ Sitemap
│  自動生成(?)
├ Notice
│  そのまま?
├ Contact
│  メールフォームを用意?
└ Topics
   一覧の作成(過去の分も)
   トップに最新数件、個別ページで全件のリスト

その他の問題点など

  • 他に必要なページはないか
  • デザインについて
    • シンプル
    • 白(もしくは明るい、淡い色)基調
    • Twitter Bootstrapの活用
  • フォントについて
    • 画像にMSゴシック、メイリオなどのアレなフォントは使わない
    • ゴシック、サンセリフで統一
    • 和文:小塚 or ヒラギノ or 新ゴ などなど
    • 欧文:Helvetica などなど