「Xウィンドウ実習」 第4回
ハイパーリンクを活用する
ハイパーリンクは、さまざまな応用が可能です。試してみましょう。
今週の課題
以下の指示に従って、作業を進めてください。
今週の課題のチェックも Mosaicを通じて行います。そのつもりで。
課題 1:
ログインしてウィンドウが立ち上がったら、メニューから「モザイク」を
起動 しなさい。 (立ち上がるまで、少し時間がかかります。)
最初の画面が出たら、講義のドキュメント」の中から「Xウィンドウ」を
選び さらにその中の「実習課題第4回」を見なさい。(プリントと同じ内容です)
以下、ここの指示に従って課題を行ってください。
課題 2:
Open ボタンをクリックしなさい。
URL として http://www.wakhok.ac.jp/help/url.html を入力して
新しいページが呼び出されることを確認しなさい。
そこにある URL の説明を読み、講義の復習をしなさい。
読み終わったら、またこの実習課題のページに戻りなさい。
課題 3:
もう一度 Open ボタンをクリックしなさい。
今度は gakusei4 のホームページの
URL
の一番省略された形 (http:/~gakusei4)
を入力し、直接そのページを呼びだ
しなさい。
ページの下の方に「ハイパーリンクの練習」という項目が
あるはずです。クリックして内容を見てください。
この後の課題で皆さんにも同じ様なリンクを
作ってもらいます。
確認が終わったら実習課題のページに戻りなさい。
課題 4:
もう一度 Open ボタンをクリックしなさい。
自分のホームページの
URL
を入力し、
直接自分のページが呼び出せることを確認しなさい。
課題 5:
さて、ここからプログラムを作る課題です。
ディレクトリ www に移動し新しいファイル link.html を vi で作成しなさい。
gakusei4 の「ハイパーリンクの練習」
と同じように Mosaic上で表示されるように、
HTML のプログラム
を作ること。なるべく自力で考えなさい。
プログラムができたらファイルを保存し、Open... で確認すること。
(ヒント: URL は http:/~*******/link.html のようになるはず。)
課題 6:
同じようにファイル link2.html を vi で作成しなさい。
gakusei4 の「次のページへ」
と同じように Mosaic上で表示されるように、
HTML のプログラム
を作ること。なるべく自力で考えなさい。
ボタンの絵の URL は、/images/back.gif です。
プログラムができたらファイルを保存し、Open.. で確認すること。
課題 7:
自分のホームページにファイル link.html へのハイパーリンクを作りなさい。
タグに当たる部分は適当なものを考えること。
タグは文字でも画像でも、どちらでもよい。
(たとえば gakusei4 のページの
「ハイパーリンクの練習」のように、わかりやすものにしてください。)
課題 8:
もう一度 gakusei4 のホームページを呼びだしなさい。
ページの一番下の方に「レポート課題」という項目が
あるはずです。クリックして内容を見てください。
これから皆さんにもレポート課題として、
同じようなページを作成してもらいます。
参考のために gakusei4 のページの構成を調べてください。
*時間が余った人は、自分の「レポート課題」を作り始めてください。
「テーマ」が思いつけないという人は、
インターネットで国内・国外のページをいろいろ捜してみなさい。
内容:
自分の趣味や興味がある話題を紹介するページを作成しなさい。
内容は全部自分で作成する必要はありません。
ハイパーリンクを活用して世界中のおもしろいページを
「編集する」つもりで作ってください。
「学外のページに対して10ケ所以上のハイパーリンクを作る」という
条件を付けることにします。
ファイル:
最初のページのファイル名は report.html とすること。
最低でもこの名前のファイル1個は作ってください。
これ以外にハイパーリンクで呼び出せるファイルを
作るのは自由です。
それらのファイル名や個数は特に問いません。
提出方法:
みんなが Mosaic で読めるように自分のホームページの中に、
レポート課題に
対するハイパーリンクを
作っておきなさい。
タグに当たる部分は適当なものを考えること。
(たとえば gakusei4 のページの
「レポート課題」のように、わかりやすものにしておいてください。)
提出期限:
5月26日(金)
Xウィンドウ「実習の目次」に戻る。
今週の「Xウィンドウ講義」のページに戻る