コンピュータ基礎演習3
- 第1回 Webデザインの現在と未来(4月9日)
- 第2回 HTML基礎(4月16日)
- 第3回 Dreamweaverの基本[マークアップ](4月23日)
- 第4回 スタイルシートその1[テキストの装飾](5月7日)
- 第5回 スタイルシートその2[レイアウト基本](5月14日)
- 第6回 スタイルシートその3[段組みレイアウト](5月28日)
- 第7回 XHTML + CSS 総合課題(6月4日)
- 第8回 Fireworksの基本[Web用画像の作成](6月11日)
- 第9回 写真の編集と背景の設定[インライン画像と背景画像](6月18日)
- 第10回 ボタン画像の作成とリンク[スライス機能](6月25日)
- 第11回 ロールオーバーの設定[フレームとビヘイビア](7月2日)
- 第12回 テンプレートの作成と編集(7月9日)
コンピュータ基礎演習4
第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時まで