目次 | 索引 |
---|---|
情報処理 I のホームページ作成の続編である。 HTMLのより高度な機能を学ぶ。 また、ファイルシステムなどHTMLに関係するテーマで演習を行い、コンピュータとネットワークの仕組みについて理解を深める。
http://www.twcu.ac.jp/~konishi/index-j.html
授業内容に応じて参考資料を紹介する。
原則として毎回レポート課題を出す。 レポートの採点結果を総合して成績を決定する。
※シラバス提出の後で、大学側の方針により試験を実施することになった。
レポート課題に取り組むこと。
レポートはすべて提出すること。
東京女子大学では、ホームページ開設に関してガイドラインを設けています。 これは、著作権やプライバシーなどの問題を引き起こさないことを目的としています。 「東京女子大学計算機利用の手引き」に記載されていますので、必ず読んでおいてください。
2003年9月から、学内のコンピュータシステムが大幅に変更されます。 ほとんどのソフトウェアが入れ替わりますので、新しいシステムでホームページを作成するには、ソフトの使い方を覚え直す必要があります。 ただし、勉強したことが無駄になるわけではありません。 HTMLの知識はそのまま通用します。 ファイルシステムについても、本質的な差はありません。 ネットワークの仕組みについても、特に違いはありません。 変わるのは、ソフトの使い方という表面的な部分だけです。
この授業では、演習で色々なホームページを作成します。 すでに自分でホームページを開設している学生も多いと思いますので、授業用のディレクトリを作り、そこに演習で作ったファイルを置くことにします。 なお、レポート採点の都合上、授業用ディレクトリの中を調べることがあります。 授業用ディレクトリに授業と関係のないファイルを置かないでください。
もし、「ディレクトリ」という言葉を聞いたことがなければ、これを「フォルダ」と読み替えてください。 この授業では、ディレクトリとフォルダは同義語です。
今日の演習は次の通りです。
ファイルとディレクトリについては、いずれ詳しく説明しますが、もし興味があるのでしたら、以下の説明を読んでみてください。
授業用ディレクトリは、ユーザ名がb00a001ならば
/home/b00a/b00a001/WWW-local/ip2a
とします。 すでにディレクトリ
/home/b00a/b00a001/WWW-local
がある場合、今日はこのディレクトリの中にディレクトリip2aを作成することになります。 今日作成するホームページのファイル名をex1.htmlとしますと、このファイルの絶対パス名は
/home/b00a/b00a001/WWW-local/ip2a/ex1.html
となります。 以上のファイルとディレクトリの関係を図で表しますと、次のようになります。
| +-----+-----+---.. | | home tmp | : +-----+-----+---.. | | b00a b00c | : +-----+-----+---.. | | b00a001 b00a002 | : +-----+-----+-----------+-----------+ | | | | Mail Maildir WABI WWW-local : : : | +-----------+-----------+-----+-----+ | | | | index.html index.html~ ip2a kabegami.jpg | +-----+-----+ | | ex1.html ex1.html~
情報処理Iでは、ファイル・マネージャを使ってディレクトリを作成したと思います。 この授業では、端末エミュレータを用います。 端末エミュレータについては、いずれ詳しく説明しますが、もし興味があるのでしたら、括弧内の説明を読んでみてください。
b00a001@Ampere:~% ls WWW-local index.html index.html~ kabegami.jpg b00a001@Ampere:~%
b00a001@Ampere:~% ls WWW-local WWW-local: ファイルもディレクトリもありません。 b00a001@Ampere:~%
b00a001@Ampere:~% mkdir WWW-local b00a001@Ampere:~%
b00a001@Ampere:~% cd WWW-local b00a001@Ampere:~/WWW-local%
b00a001@Ampere:~/WWW-local% ls ip2a ip2a: ファイルもディレクトリもありません。 b00a001@Ampere:~/WWW-local%
b00a001@Ampere:~/WWW-local% mkdir ip2a b00a001@Ampere:~/WWW-local%
今日は練習として、XEmacsを用いて"Good afternoon!"と表示するホームページを作成します。 次回以降、ホームページの作成手順は、各自の慣れている方法で行って構いません。
と表示されますので、(その右側をクリックし、)ファイル名(例えばex1.html)をタイプしてOKボタンをクリックします。Find file: ~/WWW-local/ip2a/
Good afternoon!
次に、今作成したドキュメントをNetscapeで表示します。 次回以降、ホームページの表示手順は、各自の慣れている方法で行って構いません。
履修者名簿の作成と予備知識の確認のため、アンケートを行います。 学生番号、氏名、科目名、授業の日付け(4/10)を明記して、konishi@twcu.ac.jpあてにメールで回答してください。
<a>
,<address>
,<base>
,<blockquote>
,<body>
,<br>
,<cite>
,<code>
,<dd>
,<dfn>
,<dl>
,<dt>
,<em>
,<h1>
,<h2>
,<h3>
,<head>
,<hr>
,<html>
,<img>
,<kbd>
,<li>
,<ol>
,<p>
,<pre>
,<samp>
,<strong>
,<title>
,<ul>
,<var>
.