作品紹介のウェブページを作成しよう． このウェブページの内容が成績評価の「成果物50％」の対象となるので， 作業方法や記載内容について間違いのないように注意すること．
作品が完成したら，各自の携帯電話のカメラで完成作品を撮影し， 写真ファイルを自分宛 （学校のユーザアカウント p15xxxx@cc.kushiro-ct.ac.jp 宛）にメール送信し， PC 側で保存しよう．
展開図（とマスク画像）を PNG 形式へ変換しておこう．
これまでこの授業で作成してきた沢山のファイルが ホームディレクトリに散乱している場合， この授業用のディレクトリにまとめておこう： （すでに整理していた人は，これを実行する必要はありません．）
$ mkdir ~/craft-2016 # この授業用のディレクトリを作成 $ mv *.odg *.bmp *.png *.jpg *.pdf ~/craft-2016/ # 展開図等のファイルをこの授業用のディレクトリへ移動
写真ファイルの拡張子は .jpg の他，.jpeg や .JPG や .JPEG 等の可能性もある． 各自の状況に応じて適切なファイル名を指定しよう．
$ cd ~/craft-2016 # この授業用のディレクトリで作業 $ mkdir -p ~/public_html/craft-2016 # ディレクトリを作成 $ chmod a+x ~/public_html/craft-2016/ # ディレクトリのアクセス権を設定 $ cp 展開図.odg 画像.png 写真.jpg ~/public_html/craft-2016/ # 作品のファイルをコピー
$ cd ~/public_html/craft-2016/ # 作業ディレクトリを変更 $ gedit index.html & # ウェブページを編集 $ chmod a+r * # ディレクトリ内のアクセス権を設定（作業は一度だけで充分） # （再編集の後では再設定は不要．再作成or再コピーの後では再設定必要．）
自分の URL にアクセスし，正しく表示されることを確認すること．
参考資料：
なお，自分のホームページに， この作品紹介ウェブページへのリンクを掲載しておくとよいだろう：
$ gedit ~/public_html/index.html &
... <a href="./craft-2016/index.html">2J情報工学演習のペーパークラフト作品</a> ...
<h1>タイトル</h1>
<a href="写真.jpg"> <img src="写真.jpg" width="表示サイズ（横幅）"> </a>
<a href="展開図.odg">展開図（ODG形式）</a>
<p>文章...</p>
<a href="展開図.bmp"> <img src="展開図.png" width="表示サイズ（横幅）"> </a>
その他の内容・デザインについては， 作品例等を参考として， 自由に工夫しよう． --- ただし，HTML のみを使用せよ． （もし，使えるなら CSS も使用してよい．） JavaScript 等は使用禁止．
ウェブページ index.html のテンプレート： （上記の条件の範囲内であれば自由に変えてよい．）
<!doctype html> <html lang="ja"> <head> <meta charset="UTF-8"> </head> <body> <p> 平成28年度2J情報工学演習 ペーパークラフト作品 </p> <h1>タイトル</h1> <a href="写真.jpg"> <img src="写真.jpg" width="320"> </a> <a href="展開図.odg">展開図（ODG形式）</a> <a href="マスク.odg">マスク（ODG形式）</a> <p> 文章... </p> <a href="展開図.bmp"> <img src="展開図.png" width="320"> </a> <a href="マスク.bmp"> <img src="マスク.png" width="320"> </a> </body> </html>
作品およびウェブページが完成したら， URL を報告し，「完成」を宣言せよ．
作品を完成できなかった場合， 最低限，ウェブページだけは完成せよ． 展開図等は途中状態のもので止むなし．