web ページの仕組み

本日の課題:ホームページの作成

本日の実習の内容+αを用いて, オリジナルのホームページを作成してみましょう．

課題概要

各情報実験機のホーム領域に自分のホームページを作成し, その際作成したファイルを全てレポート投稿システムに投稿してください.
課題の要求仕様は以下のように指定しますが, 要求仕様を満たしている限りは特にテーマは設けないので個人の裁量で自由に制作してください.
アクセス制限をかけるために, 2020 年度は後述の公開用ディレクトリ以下にホームページの素材を置いてください.
閲覧に必要なユーザー名とパスワードは elms で公開されている INEX レクチャー動画視聴用のものと同じです.
(実技資料で閲覧した hello.html, rich.html, index.html は joho18 の /home/inex2020/public_html 以下に置いてあります.
ソースコードを見ることでホームページ作成のヒントが得られるかもしれません.)

事前準備

公開用ディレクトリの作成

以下のコマンドを実行 : $

mkdir /home/inex2020/public_html/"username"

もし "username" ディレクトリに読み込み権限がない場合は以下のコマンドを実行
$
```
chmod o+r /home/inex2020/public_html/"username"
```
このディレクトリの下に提出するファイルを置く

要求仕様

以下のものは最低限作成してください.
- index.html
  - /home/inex2020/public_html/"username" 直下に作成すること
  - introduce.html や参考文献のページへのハイパーリンクを貼ること
- introduce.html
  - /home/inex2020/public_html/"username" 以下に作成すること(直下でなくてもよい)
  - 画像を最低1 枚貼ること
- 参考文献のページ(ex. reference.html)
  - /home/inex2020/public_html/"username" 以下に作成すること(直下でなくてもよい)
  - Web ページなどの参考文献の場合はハイパーリンクを貼ること
以下のタグは少なくとも 1 回以上利用するようにしてください. 利用する場所については指定しませんが, ちゃんと意味を持って, 正常に機能するようにしてください.
(中身がなかったり, 形が崩れてしまっている "リスト" や "表" に意味はありません. )

<title>
<h1>
<h2>
<p>
<a>
<img>
<ul> or <ol>
<table>

HTML5 の仕様に沿ったHTML 文書を作成してください. 仕様に関しては以下を参考にしてください.

各自の手元の計算機からWeb ブラウザを用いてページが見える状態にしてください.

提出内容

以下に示すsuu のレポートタグに所定のものを投稿してください.

[2020] 8-1. Web ガイドおよびコメント
- 情報実験機に作成した Web ページの URL
  - "file://~" ではなく, "http://joho18.ep.sci.hokudai.ac.jp/~inex2020/username" という形の URL を記述すること
- 作成したWeb ページの解説
  - そのページ自体の説明やアピールポイント, 工夫した点などを記述すること
- 作業協力者, 参考文献
  - 他人の Web ページを参考にした場合もちゃんとその旨を記述すること
[2020] 8-2. Web ページ(introduce.html)
- 作成したintroduce.html のソース
- /home/inex2020/public_html/"username" ディレクトリ以下の全てのファイルを圧縮した 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

注意点

作成したホームページは "http://joho18.ep.sci.hokudai.ac.jp/~inex2020/username" にブラウザからアクセスすることで確認可能です.
ホームページ作成ソフト(ホームページビルダーなど)の使用は禁止します. テキストエディタで直接 html 文書を書くようにしてください. ホームページ作成ソフトを使っていることが判明した場合作成し直し等をしてもらう可能性もあるので注意してください.
他人の著作物や写真などには注意をしてください.
Web ページ自体は不特定多数の人が見ることが前提のものです. 公序良俗に反するようなこと(例えば卑猥な内容, 誹謗中傷など)を書かないようにしてください.
レクチャー資料をしっかり読みましょう.
また, 実習資料もしっかり読みましょう.

困ったときは

わからないことがあったらまずは本日の実習資料を見直しましょう. また, 文献やインターネット上の検索エンジンも利用しましょう.
やっぱりわからないときは zoom 質問会で相談しましょう.
どうしてもわからないときは inex2020-ml を活用しましょう. 同じような疑問を持っている人の助けになるかもしれません.

>> 付録へ