2011年度後期最終課題
全3ページの Web サイトを制作してください。
サイトタイトル は『My Daily Life』
サイトマップ
index.html
トップページ
自己紹介を含んだページ
college.html
学校・授業
秋短を紹介したページ
mypage.html
自由テーマ
趣味、部活、地元、アルバイト、など
進行
ワイヤーフレーム用紙です。プリントアウトして使ってください
書き方は、Wireframe Showcase にある作例を参考にしてください。
デザインに関しては、ブックマークのインスピレーションにあるリンク等を参考にしてください。
制作要件に沿ったデザインにすること。
3ページ分、講師チェックでOKが出たらPhotoshopでのデザイン作成を始めて下さい。
デザイン用のPSDファイルです。ダウンロードして使ってください。
提出日
後期最終授業：1/29 (木)
制作要件
ページタイトル
- トップページのタイトルは『My Daily Life』とすること。
- 他のページのタイトルは『（各ページタイトル） | My Daily Life』とすること。
- 各ページタイトルは、自分で適切な名前を考えて付けること。
共通要素
ヘッダー、ナビゲーション、フッターは必須要素とし、各ページ共通で利用すること。
ヘッダーの背景を各ページに差異を付ける意味で変えるのは構わない。ロゴの絶対的配置
- メインのロゴは画像で作成し、各ページ共通でヘッダー内にpositionプロパティを用いて絶対的配置すること。
- ロゴはトップページへのリンクにすること。
カラムレイアウト
ページ中で、floatプロパティを用いたカラムレイアウトを必ず利用すること。head要素内
HTMLのhaed要素内も、言語コード属性と文字列方向属性、meta要素（http-equiv、keywords、description）等、きちんと記述すること。
ファイル配置
- ファイル階層は右のようにまとめること。
- CSSは別ファイルにすること。
- 配置する画像は "img" フォルダにまとめること。
- 制作ファイル（PSDファイル）と素材ファイルは、FTPでWebサーバには上げず、各自のDocumentsフォルダに置くこと。
ヒント
素材について
バリデート
提出前に必ずバリデートをしてエラーが出ないことを確認すること。質問について
質問は、授業時間内とメール等でも受け付けます。自宅作業について
自宅で作業したい場合は、図書館にある書籍『Dreamweaver独習ナビ』付属のDVD-ROMにDreamweaver CS3の体験版が入っていますので借りてください。 体験版は、インストールから30日間、機能制限なく使用することができます。
その他、DreamweaverやPhotoshop、Illustratorの体験版は、AdobeのWebサイトから最新版をダウンロードすることもできます。参考書籍
図書館に有用な本が沢山あるので、ぜひ活用してください。