情報処理演習I課題

常磐大学のウェブサイトを作成し、Qs棟サーバーにて公開せよ。

以下の3ページを作成すること。各Webページは、指定されたファイル名にし、指定されたFlashコンテンツを含むこと。

  1. トップページ index.html
    • 「静止画切り替え」Flashコンテンツを入れること。
      • 学内を撮影した数枚(4枚以上)の静止画を次々と表示
      • 画像が一瞬で切りかわらないようにマスクの機能を用いて徐々に変化
    • ページ内に、下記の2ページへのリンクを作ること。メニュー部分をFlashで作成してもよい。その場合は加点対象とする。
  2. Qs棟紹介ページ qs.html
    • 「Qs棟紹介」Flashコンテンツを入れること。
      • Qs棟紹介動画にあわせて画像と解説文を表示
      • 動画素材はsampleフォルダの「センター紹介.wmv」を使用
      • 再生ボタン、停止ボタン、各教室の解説場面への頭出しボタンを設置
  3. キャンパスマップのページ map.html
    • 「クリッカブルマップ」Flashコンテンツを入れること。
      • 大学の正門からQs棟までの建物のクリッカブルマップ
      • マップ内には以下のボタンを設置
        • U棟、E棟、S棟、D棟、C棟、Q棟については写真および説明文の表示
        • Qs棟はQs棟紹介ページへのリンク
      • マップは常磐大学ホームページの施設紹介を参考にしてFlashですべて描画すること。画像の添付は不可とする。

アップロード方法

公開するフォルダは「joho1」とし、Qs棟サーバーの「www」フォルダの下に置き、トップページのアドレスは「index.html」にすること。

  1. マイドキュメントなどに作成したjoho1フォルダ内に必要なファイルを全て入れる。
  2. index.htmlファイルから全てのページが正しく表示されることをブラウザーで確認する。
  3. FFFTPを起動してQs棟サーバーに接続する。
  4. サーバー側(右画面)を「www」フォルダに移動する。
  5. ローカル側(左画面)を「joho1」フォルダのあるフォルダに移動する。
  6. ローカル側の「joho1」フォルダをクリックして選択してアップロードボタンを押す。
  7. ポップアップウィンドウが表示された場合には、同名ファイルが存在するため、「上書き」を選択して「以降すべて」ボタンを押す。
  8. ブラウザーでサーバー上に正しくアップロードできたか確認する。
    http://www.tu.tokiwa.ac.jp/~u学籍番号/joho1/index.html