ウェブページの作成

POV-Ray の自由制作課題 では， シーンファイルだけでなく， ウェブページも作成する必要がある． ウェブページ作成用言語 HTML について学習しておこう．

参考資料

• 自由制作
• H26 作品集
• H25 作品集
• H24 作品集
• ウェブページのテンプレート
• とほほの WWW 入門 - ホームページ入門／HTMLリファレンス／スタイルシート(CSS)

作業方法

• ダウンロード： html.tgz （ウェブページテンプレートの圧縮ファイル）
• 解凍：

  $ tar zxvf html.tgz
  ... html/
  ... html/index.html	
  ... html/style.css
  ... html/fishes.png
  ... html/fishes.pov
  ... html/obj.png
  
  $ firefox html/index.html &
  

• ウェブページ用ディレクトリの準備：

$ rm html.tgz		# 元の圧縮ファイルは不要なので削除
$ mv html ~/ap/YourUserID	# ディレクトリ名を変更
$ cd ~/ap/YourUserID
$ rm *.png *.pov		# 元のサンプル作品のファイルも不要

$ cp ~/ap/YourSceneFile.pov  ./
$ cp ~/ap/YourImageFile.png  ./
$ cp ~/ap/YourAnimationFile.gif  ./ 	# もし，あれば...

ここで，ドット「 . 」は現在のディレクトリを意味する．

• ウェブページの編集：

$ gedit index.html &
$ gedit style.css &

編集したら「保存」．

• ウェブページをブラウザで表示：

$ firefox index.html &

または「再読み込み」．

• 圧縮ファイルの作成：

$ cd ..		or	$ cd ~/ap/
$ tar zcvf  YourUserID.tgz  YourUserID/
...

ここで，ドットドット「 .. 」は親ディレクトリを意味する．

• 圧縮ファイルの内容の確認：

$ tar ztvf  YourUserID.tgz
... YourUserID/
... YourUserID/index.html
... YourUserID/style.css
... YourUserID/YourSceneFile.pov
... YourUserID/YourImageFile.png
...

• 提出：自由制作