ウェブデザイン演習　シラバス

目的

　今まで制作した作品を提示するFLASHとデータベースを利用した
WEBサイトを構築する

サイトマップ

連結したページ背景

　サイトの特徴としては4枚の画像が上下・上下左右・左右などいずれか1点以上で連結したページ背景をもってる。
　「HOME」「Profile」「WorksMenu」「Making」の背景画像は1つのムービークリップとしてつながっており、これを表示エリアにあわせてスライドさせることでページを切り替えている。

インタラクティブなナビゲーション

　ナビゲーションは常に表示したままにしておくのではなく、表示させたい時だけ表示させるインタラクティブな反応を持たせている。
　メインのナビゲーションは、マウスが離れると表示領域の外側に隠れる仕組みを実装している。

データベースからの呼び出し

　WorksMenuならびに選択されたことによって表示される画像はデーベースに登録されており、WorksMenuが選択されるたびに必要なデータを読み出している。

制作で利用したアプリケーション・言語

• Adobe FLASH 8
• Adobe Photoshop CS2
• Adobe Illustrato CS2
• Adobe Dreamweaver 8

• HTML
• CSS
• CFML
• ActionScript2.0

第１回

Webサイトの仕組みを復習しながら、必要なサーバーの概念を学ぶ

第２回

Webサイトを構築する上で重要となるデータベースの概念と取り扱い方法を学ぶ

第３回

データベースを使ったサイト構成方法を、自分の作品を紹介するWebギャラリーを作りながら学ぶ

第４回〜第６回

データベースを使って、ユーザーとのコミュニケーションを持つサイトの構築を行う

第７回〜第１０回

FLASHを使ったWebギャラリーの構築を行う

第１１回〜第１３回

FLASHを使った本格的なサイトを作る際に必要な、データベースの情報にアクセスする方法を説明する

第１４回〜第１５回

データベースと連携しながら、FLASHを使ったWebギャラリーの構築を行う