第12回 テンプレートの作成と編集(7月9日)

課題:テンプレートを使ったページ作成

テンプレートの意味と特長を理解する

Dreamweaverにおけるテンプレートの作成ならびに活用方法を理解する

DreamweaverのFTP機能を使ってファイルをアップロードする

完成データ

授業前の準備

  • 教材のダウンロード:web_11.zip
  • ダウンロードしたフォルダの名前を変更する
    • 例:web_11_10810000
  • Dreamweaverを起動しサイト設定を行う
  • サイト設定でサイト名、ローカルルートフォルダ、ならびにリモートサーバ情報を設定する
  • 前回の課題データがリモートサーバに残っている場合は削除しておく
  • 退室時にはDreamweaverを終了させる前にサイト設定を削除およびフォルダを削除すること
  • 必要に応じてデータは各自でUSBメモリなどにコピーする

テンプレート

  • テンプレートはページ全体のレイアウトを共有させるために使用する
  • テンプレートを作成するには新規で作成するか既存のページをテンプレートとして保存する
  • テンプレートには1箇所以上の編集可能領域を設定する必要がある
  • テンプレートからページを作成するには新規ページ作成時にテンプレートを指定する
  • テンプレートの内容を変更するとテンプレートを使っているすべてのページが自動的に更新される
  • テンプレートはDreamweaver独自の機能なので他のソフトでファイルを編集する際は注意が必要

評価ポイント

  • テンプレートの作成が正しくできているか?(20点)
  • 編集可能領域の設定が正しくできているか?(20点)
  • テンプレートからの新規ページ作成が正しくできているか?(20点)
  • テンプレートの機能を生かせているか?(20点)
  • 魅力あるページデザインになっているか?(20点)

サイト全体をDreamweaverでアップロード(PUT)して提出する

Fireworksファイル(*.png)などの素材はフォルダにまとめてクローク設定をしておく

ファイル名に全角文字や記号を使わないこと

提出期限は授業日の翌週の月曜日の午後9時まで