本日の課題:ホームページの作成
本日の実習の内容+αを用いて, オリジナルのホームページを作成してみましょう. 例
課題概要
各情報実験機のホーム領域に Web ページを作成してください. その際, 以下の要求仕様を満たすように作成してください. 要求仕様を満たしている限りは特にテーマは設けないので個人の裁量で自由に制作してください.
要求仕様
- 以下のものは最低限作成してください.
- public_html ディレクトリ
- index.html
- public_html 直下に作成すること
- introduce.html や参考文献のページへのハイパーリンクを貼ること
- introduce.html
- public_html 以下に作成すること(直下でなくてもよい)
- 画像を最低1 枚貼ること
- 参考文献のページ(ex. reference.html)
- public_html 以下に作成すること(直下でなくてもよい)
- Web ページなどの参考文献の場合はハイパーリンクを貼ること
- 電脳大飯店内の他の情報実験機からWeb ブラウザを用いてページが見える状態にしてください.
提出内容
以下に示すsuu のレポートタグに所定のものを投稿してください.
- [2014] 10-1. Web ガイドおよびコメント
- 情報実験機に作成したWeb ページのURL
- "file://~" ではなく, "http://192.168.16.1XX/~" という形のURL を記述すること
- 作成したWeb ページの解説
- そのページ自体の説明やアピールポイント, 工夫した点などを記述すること
- 作業協力者, 参考文献
- 他人の Web ページを参考にした場合もちゃんとその旨を記述すること
- [2014] 10-2. Web ページ(introduce.html)
- 作成したintroduce.html のソース
- public_html.tar.gz をsuu の「ファイルアップロード」からアップロードし, アップロードした際にできたURL (例: https://jet.ep.sci.hokudai.ac.jp/report/targz/2/public_html.tar.gz)を参考 URL に貼ること
- public_html という圧縮ファイルを作成するためには, 作成したpublic_html をtar.gz 形式で圧縮します.
- tar.gz 形式で圧縮するには以下のコマンドを試してください(詳しくは第3回資料参照).
$ cd ~
$ tar zcvf public_html.tar.gz public_html
|
|
注意点
- ホームページ作成ソフト(ホームページビルダーなど)の使用は禁止します. テクストエディタで 直接 HTML 文書を書くようにしてください. ホームページ作成ソフトを使っていることが判明した場合作成し直し等をしてもらう可能性もあるので注意してください.
- introduce.html の作成の際に用いる画像に困る場合は INEX の一番最初に撮った写真が http://www.ep.sci.hokudai.ac.jp/~inex/y2014/urakata/Photo/ にあるのでここから自分の写真を取得してください. ただし, このページにはパスワードがかかっています. 授業中にホスト名とパスワードを教えるのでそれを使ってページを開いてみてください.
- 他人の著作物や写真などには注意をしてください.
- 今回作成した Web ページは電脳大飯店内のみで公開し, 電脳大飯店外からは見ることができないので公開したくないという方もご安心ください.
- ただし, Web ページ自体は不特定多数の人が見ることが前提のものです. 公序良俗に反するようなこと(例えば卑猥な内容, 誹謗中傷など)を書かないようにしてください.
- レクチャー資料をしっかり読みましょう.
- また, 実習資料もしっかり読みましょう.
困ったときは
- わからないことがあったらまずは本日の実習資料を見直しましょう. また, 文献やインターネット上の検索エンジンも利用しましょう.
- やっぱりわからないときは友達と相談しましょう.
- どうしてもわからないときは inex2014-ml を活用しましょう. 同じような疑問を持っている人の助けになるかもしれません.
- もちろん直接 TA・VTA をつかまえてもけっこうです.
付録へ