Webコンテンツの作成

WWWによる情報の発信
実習（個人ページの作成）
サンプルファイルの解説
第４回課題
Webコンテンツ作成における注意事項

２．実習（個人ページの作成）

最初に，講義第１回「ブラウザの利用」の内容を復習しましょう．
次に，UNIX環境にログインし，２バイト文字（日本語）の表示ができる kterm を開きましょう．
自分のディレクトリを確認してみましょう．
```
> ls -F
Mail/         mac/          public_html/
>
```
public_html というディレクトリがあることがわかります．
以下の手順でディレクトリ /class/mce/clb にあるファイル index.html をディレクトリ public_html にコピーしてください．
```
> cp /class/mce/clb/index.html ~/public_html
> ls public_html
index.html
>
```
ブラウザで以下の URL を検索してみましょう．
```
　http://www.edu.cc.uec.ac.jp/~********/index.html
```
ここで ******** は，各自のアカウント名（ログイン名）です．
正しく URL を入力すると，以下のように表示されます．
次に，作業ディレクトリを public_html に移動して， Emacs でファイル index.html を開いてみましょう．
```
> cd public_html
> emacs index.html &
>
```
「電通太郎」を自分の名前に修正してみましょう．修正が終ったらファイルを保存してからブラウザで再び読み込み，修正が反映されていることを確認しましょう．
このように電通大の教育系のユーザーは，個人の URL が与えられており，各自のホームディレクトリの下のディレクトリ public_html の中のファイル index.html の内容が公開するWWWページとしてリンクされます．

３．サンプルページの解説

index.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Sample</TITLE>
</HEAD>
<BODY>
<H1>電通太郎のページへようこそ</H1>
<HR>
このページは，テスト用のサンプルです．
</BODY>
</HTML>

始めにHTMLのバージョン(正確にはDTDの種類)を1行で書きます．
全体がタグ <HTML>…</HTML> で挟まれていることがわかります．このようにすることで，記述されている内容が HTML によるものであることを定義することになります．
タグ <HEAD>…</HEAD> で挟まれる部分には，一般的にはページのタイトルや特徴などの情報を記述します．
<HEAD> タグの中に，タグ <TITLE>…</TITLE> でページタイトルを指定します．ここで記述した内容は，ウィンドウのタイトルバーに表示されます．
タグ <BODY>…</BODY> で挟まれる部分には，ブラウザに表示される内容を記述します．
以上の項目は必須です．特に，HTMLのバージョン，タイトルを省略することはできません
タグ <H1>…</H1> は，見出しを付けるためのものです．
（正確には文章に論理構造をつけるためのものです．．．）
タグ <HR> で水平線を引きます．

４．第４回課題

エディタでファイル ~/public_html/index.html を編集し，電気通信大学あるいは知能機械工学科にとって有用な Webコンテンツを作成しなさい．
内容については自由ですが，例として以下のものがあります．

学内の施設の紹介
学内の研究の紹介
サークル活動の紹介
※ 単なるリンク集では，高い点数は望めません．

HTMLの文法の詳細については，以下のようにして各自で調べて下さい．

参考書・リファレンスブックを図書館で借りる，もしくは購入する．
ただし，HTMLの規約は頻繁に変更・追加されるので，基本的な部分以外は内容が陳腐化する可能性があります．注意してください．
Webの検索サイトから情報を引き出す．
＜例＞yahooの利用
1. ブラウザで http://www.yahoo.co.jp/ を URL として指定し，検索します．
2. 表示されるカテゴリ [コンピュータとインターネット] のところにある [ホームページ、ウェブサイト] をクリックします．
3. 表示されるリストの [ホームページ作成] の項目の中などに，課題の参考になるものがたくさんあります．
※最新の情報が無料で入手できるので，大変便利です．

作業が終了したら，センターの端末からメイルで報告してください．メイルのサブジェクトは ex4-学籍番号としてください．

５．Webコンテンツ作成における注意事項

特定の人を誹謗・中傷するような内容は，絶対に公開してはいけません．
国立大学から世界に向けて発信される情報であることを十分考慮して，内容をよく検討してください．
他人が公開している内容を，無断で複製して公開しては行けません． WWWで公開している情報（画像データを含む）にも著作権があります．
各ユーザが使用できるディスク容量は 200MByte までです．超過しないように注意してください．
セキュリティの関係上，CGI（Common Gateway Interface）や SSI（Server Side Include）は使えません．

V3.2 2007/05/15 サンプルの内容を修正 by K.Morishige
V3.1 2007/05/09 課題の内容を変更 by K.Morishige
V3.0 2006/05/13 新システムに対応 by K.Morishige
V2.1 2005/05/24 課題番号変更 by K.Morishige
V2.0 2004/05/11 新教室に対応 by K.Morishige
V1.0 2000/05/25 by K.Morishige

[講義ノートの目次へ]

Webコンテンツの作成

１．WWWによる情報の発信

２．実習（個人ページの作成）

３．サンプルページの解説

４．第４回課題

５．Webコンテンツ作成における注意事項

改訂履歴