スケジュール

どうやって?
HTML基礎知識

HTML
タグについて

  • 最近の投稿

  • カテゴリー

  • sponsor link
  • コンタクトフォーム

    なにをする?

    だれのため?なんのため?

     サイト制作で大切なポイントはそのサイトが、誰の何のために作るのかという事です。この授業では、「どのようなサイトをどのような目的で作るのか。(企画)」と言う事から始めます。

    企画の前に – 閲覧だけではないインターネットwebとの関わり

     今までインターネットを色々に活用してきました。主に情報の収集等閲覧が主な方法だと思います。ではそれ以外のインターネットwebとの関わりとは何があるでしょう。

    • SNS(twitter facebook mixi 等)の利用
    • コンテンツ共有サイト(youtube ニコニコ動画 Flicker 等)の利用
    • サイトの制作に携わる
    • サイトの管理する立場になる
    • サイトの制作を依頼する立場になる
    • etc.

     さまざまな関わり方がありますが、この授業では3番目の「サイトの制作」というのを体験します。

    情報の発信

     サイト制作とはつまりインターネットを通じて情報を発信する手段の一つです。どんな情報発信があるのでしょうか?

    • 自分が伝えたい情報を発信する
    • 誰が伝えたい情報を発信する
    • ニーズを求めて知りたい人へ情報を発信する
    • etc.

     さまざまなタイプの情報発信がありますね。自分たちがする情報発信とはどのようなものか考えてみましょう。


    やってみたい事!

     基本的にはグループワークを想定してます。3人一組くらいのグループになります。まずはグループで何をしたいかを考えます。その後、サイトの目的やコンセプト考えてもらい、スケジュールを組みます。大まかに以下のようになると思います。

     

     企画調査・計画設計作成パブリッシュ(web公開)


     あらかじめ目的をもって数人のグループで参加してもらい、サイトを制作する事も良い方法だと思います。ただし、テーマによってはひとりでのサイトの作成もチャレンジしてみても良いと思います。
     作るサイトに関しては公序良俗に反せず、著作権法に遵守している事が条件です。テーマは自由なのでチームで話し合って考えましょう。
     以下にサイトのテーマの例を挙げてみるので参考にしてください。ここに入らないようなテーマのサイトでも良いと思います。

    どんなサイトを作る?

    • 西生田周辺の地域紹介サイト(商店街のプロモーション、学校周辺の名所等)
      新入生のため?地域の人達のため?
    • サークル紹介サイト(自分達のサークル活動を紹介するサイト)
      勧誘のため?情報発信のため?
    • ボランティア活動紹介サイト(ボランティア活動を紹介するサイト)
      必要としている人とサービスをつなげる!
    • 研究室紹介サイト(自分達の研究室の紹介をするサイト)
      研究活動情報周知・紹介・プロモーション メンバー・コミュニティー紹介
    • 研究内容発表サイト(研究内容をサイトで発表する)
      研究内容周知
    • 学園祭紹介サイト(日本女子大の学園祭をサイトでプロモーションする)
      学園祭プロモーション。学園祭に目的を持って来てもらう!
    • 創作活動紹介サイト(自分の創作活動をプロモーションする)
      創作活動プロモーション。自分の作品を魅せるクールなサイト!
    • ギャラリーサイト(写真のギャラリーサイト)
      フォトギャラリー。写真で伝える真実。
    • etc…なんでも!


    大切なのは工夫とアイディア!

     

     目標もまた様々だと思います。地域やサークルや研究室の紹介のサイトは自分の考えだけでなく、どんな人のためにどんな情報を発信するかと言う事を考えながら企画する必要があるでしょう。ボランティア活動の紹介は、そのボランティアを必要としている人に必要な情報を解りやすく伝えるためにどうすれば良いかを考え企画しなければいけないでしょう。ただ情報を並べるだけでは必要な事は伝わりません。やりたい事を良く考えて楽しく、見に来た人にためになるサイト作りが出来ると良いでしょう。

    参考サイト

    風景写真出版

    www.fukei-shashin.co.jp

    無くせ冤罪!市民評議会

    snow.jca.apc.org/index.php

    グリーンハピネス

    www.i-elements.net/demo/keioeco/index.html

    user/pass demo/demo

    不動産紹介サイト

    www.i-elements.net/demo/wellith/ver2.09/

    user/pass demo/demo

    COOL FLASH SITE

    墨絵

    sumi-e.jp

    風景写真家1000人のメッセージ

    www.fukei-shashin.co.jp/1000messages/

    学園祭関係

    慶応大学 三田祭

    www.mitasai.com

    三田祭本部企画紹介

    www.mitasai.com/honki/index.html

    慶応大学 湘南藤沢キャンパス七夕祭

    tanabata.sfc.keio.ac.jp

    慶応大学 矢上祭

    www.yagamifestival.com

    早稲田大学学園祭

    www.wasedasai.net/2012/

    大学学園祭まとめ

    matome.naver.jp/odai/2134442696066911501

    慶応大学学園祭一覧

    www.admissions.keio.ac.jp/event/festival.html

    COOL SITE

    東京風速

    air.nullschool.net