コンピュータリテラシー講義ノート／Web実習

計算機センターで使えるWebサーバ

実は，SUNはWebサーバになっており，SUNのホームフォルダにある public_html というフォルダがWebサーバによって公開されています．
以下で，実習手順と共に解説します．

ためしにファイルを置いてみる．
1. まず，Macのターミナルを起動してください．
2. カレントディレクトリをひとつ上(SUNのホームディレクトリに移動します)
```
[XXXX:~] xxxxx% cd ..
```
3. mkdir コマンドで public_html フォルダを作ります． (_キーは，0の右の-の上です)
```
[XXXX:~] xxxxx% mkdir public_html
```
4. カレントディレクトリを public_html に変更します．
```
[XXXX:~] xxxxx% cd public_html
```
```
[XXXX:~] xxxxx% pwd
```
  で確認しましょう．
5. なにかファイルを作ります．とりあえず，
```
[XXXX:~] xxxxx% cat > test.html
test
CTRL+d
[XXXX:~] xxxxx% 
```
  として，test.htmlを作ってみてください．
ブラウザから見てみる
作ったファイルをブラウザで見てみます．ブラウザに次のURLを入力してください．
http://www.edu.cc.uec.ac.jp/~アカウント名/test.html
アカウント名のところは，iMacにログインするときのユーザ名です．各自置き換えて入力してください． ~は，チルダという文字で，一番右上にあるキーで入力できます．
シンボリックリンクを張って使いやすく
最後にMacから簡単に編集できるように，macフォルダに，public_htmlへのショートカットを作ります．MacやUnixのショートカットは，シンボリックリンクといいます．（正確には，ショートカットとシンボリックリンクはちょっと違います）
ターミナルから，
```
[XXXX:~] xxxxx% cd
[XXXX:~] xxxxx% ln -s ../public_html .
```
と入力してください．
```
[XXXX:~] xxxxx% ls
```
とすると，public_html ができていると思います．ここで，
```
[XXXX:~] xxxxx% cd public_html
```
とすると，mac/public_html に移動したわけですが，このフォルダは ../public_html と同じものです．
ファインダから確認する
ファインダで，Macフォルダをみてみると，public_html ができているはずです．このフォルダにファイルを作ることは，../public_html に作ることと同じです．これで，Macからでも簡単にWebで公開するためのファイルを編集できるようになりました．
Webページを作る
HTMLについてを参考にWebページを作ってください．

注意点
1. Webページは全世界に向けて公開されてしまいます．内容には十分に注意をしてください．
  国家予算で運営されている国立大学法人電気通信大学が発信する情報として問題がないか，よく考えてからファイルを置いてください．
2. Web上に公開されている画像や文章にも著作権があります．他人のページから画像や文章をコピーしてきたり，他人の画像やページを自分のページの一部に埋め込んだりすると著作権を侵害する危険性があります．気をつけてください．
  利用したい場合は，著作者から許可をとるか，あらかじめ許可されている画像などを利用するようにしてください．
  クリエイティブコモンズやWikiMediaには，利用してよい資料も多数置いてあります．利用するときは，自分の利用方法が許可されているか十分に確認してください．
課題について
電気通信大学，知能機械工学科にとって，有益なページを作ってください．
例えば次のようなWebページは有益でしょう．
学科やサークルの紹介，大学周辺の街の紹介，興味があることについての調査
次のようなWebページは問題があります．
売ります・買います(大学の資産を使って商売をしてはいけない)
レポート共有サイト(教育効果を損なう＝授業の妨害)
偏った視点からのお店の紹介(営業妨害になるが可能性あります)
他人の行動の記録（プライバシーの侵害）
写真を掲載するときは，自分がとった写真でも，他人の顔など特定の個人の顔が映っている写真には注意が必要です．くわしくは，肖像権について調べてみてください．
技術的には以下のことを考慮してください．
1. 単に1つのファイル置くのではなく，他のファイルにリンクをしたり，画像などを埋め込んだページをつくってみてください．
2. Webページは，ブラウザによって若干見え方が変わります．ブラウザはFireFoxだけではありません．よく使われているブラウザだけでも， Safari，インターネットエクスプローラ，Operaがあります．かならず，FireFoxとSafariの両方で表示を確認してください．また，文字のサイズなどはブラウザの設定で変えられます．どんな設定でも見やすいページを作りましょう．
3. HTMLには，文字の大きさや色など，見た目を変えるためのタグ（<b>など) と，文章の構造をあらわすタグ(<H1>など)があります．できるだけ後者だけを使って書き，見た目はスタイルシートを使ってまとめて書くのが良いです．詳しくは，スタイルシートの解説を参考にしてください．
4. CGI/SSI/PHPは使えません．使いたい場合は，他のサーバを使ってください．
そのほか
1. 画像はパワーポイントなどでも作ることができます．本格的なペイントツールが使いたい人は gimp を使ってください．まず，X11を立ち上げて（アプリケーション-ユーティリティの中にあります）ターミナルが出てきたら，「gimp-1.2」コマンドを実行してください．
2. 画面をキャプチャすることもできます． [SHIFT]と[◇]を押しながら，数字の3で画面全体がキャプチャできます．
3. index.html という名のファイルを置いておくと，フォルダの名前だけのURL(例: http://www.edu.cc.uec.ac.jp/~アカウント名/)で index.html の内容が表示されるようになります．
4. M2クラスのWebページへのリンクを用意しました．他の人の書いたページも参考にしてください．

[講義ノートの目次へ]

計算機センターで使えるWebサーバ

注意点

課題について

そのほか