HTML for beginners

[Literacy II] [Computing] [Info Media]

初めて作るホームページ

ホームページをWWWブラウザで見る

Netscape NavigatorなどのWWWブラウザのメニューから，[表示(V)] => [ページのソース(U)]
ホームページ管理の仕組み WWWサーバとは WWWとは World Wide Web の意味である． 本学のWWWサーバ(NCSA系Apacheのhttpd)はUNIXシステムをOSとするWorkstationで動いている WWWブラウザはクライアントである. WWWサーバから送られたHTMLファイルをコンパイル（翻訳）して実行する. ファイルの呼び出し要求は，http://www.ipc.hokusei.ac.jp/検索パス/ファイル名(*.html) 本学のWWWサーバが提供するサービス 情報処理センターからの情報サービス（大学本部のサーバも別にある） ＣＧＩ, Java, Perl, C に対応 JavaScript, 音楽, 動画, VRML などは, 動かすソフトがPC側にあればOK 教員の講義資料 学生は個人でもホームページを公開できる (世界中に) 学生のホームディレクトリ ホームディレクトリとは | ハイパーリンクとは: ホームディレクトリとは | ハイパーリンクとは
個人のホームページを公開する

準備すること

個人のホームページ管理の規約を理解する
FTPクライアントの"FFFTP"または"WS_FTP LE"でpublicディレクトリを作る（最初に一度だけ）
あるいは，Windows NTで接続しているなら，自分のU:ドライブの直下にpublicディレクトリを作ってもよい。
(UNIXファイルシステムの個人のホームディレクトリ(~で表す)とWindowsNTファイルシステムのU:ドライブは同じ場所に設定されている）
U: ← → ~

ホームページのデザインを考える，幾つかのページ構成になることも想定しておく

練習1 (ファイル名は home01.html , ファイル名に日本語は使えない)
練習2 (ファイル名は home02.html )
練習3 (ファイル名は reports.html )
練習4 (ファイル名は hobby.html )
練習5 (ファイル名は home05.html )
練習6 (ファイル名は home06.html )

ここまでの練習で，個人の ~/public ディレクトリの内容は以下のようになる。

~/ public/
..., hobby.html

home01.html home02.html ..., home06.html

..., reports.html

後で, index.html を作る

フレームを利用したWebページの作成

第26章

ファイル転送とは（Ftp）

FTP はインターネット (TCP/IP) でのファイル転送サービスの規約(プロトコル)である。PC (WindowsやUNIX) と WWWサーバマシン、UNIXマシン同士の間でファイル転送ができる。
主にPC側で作業するならFtpソフトが必要である。HTMLファイル, 画像やCGIプログラム等をPC側で作成し、それらをWWWサーバの管理する指定された場所 (~/public ) の下に転送する。
WS_FTP の使い方(Win95版)
anonymous Ftp: インターネットでは、フリーウエアやシェアウエアの公開などによく利用されている。
個人のホームページを管理する

アイコンはできるだけ共通のものを使って下さい．(メモリ資源の節約)

センター版のアイコン一覧
学生版のミニアイコン一覧:No.1:No.2:
MS-Word97のHTMLにあるアイコン

個人ホームページ一覧への登録

個人のトップページを作る。

公開してもよい自分のhomeまたはindex(索引)のホームページ，つまりトップページ(top / welcome / default)を作成する。
自分のトップページの名前は必ず、 index.html とする. index.htm や index-j.html でもいけない. よくある home.html や top.html や welcome.html があってもよいが、index.html から直接または間接にリンクが必要である.

本学では，公開可能なHTML文書や画像等のファイル名 (また, フォルダ名/ディレクトリ名も) はすべて半角英数字で指定されたものだけである。

自分のトップページを作成したら，個人ホームページ一覧 へ登録して下さい．登録の仕方は このリストについて の入力フォームを利用します．翌日、Alphabet順の項に自分の名前が見つかればＯＫです．

ホームディレクトリの整理
HTML文書や画像等のファイル名が増えてきたら，適当なサブフォルダにそれらを分類しておこう。
ファオルダ名にも日本語は使えない。フォルダが別であれば，同じ名前のファイル名があってもよい。
フォルダの分類例：

~/sonota/

~/public/ index.html, ..., home01.html

kojin/ ..., index.html books.htm

sensei1/ ..., index.html ..., home01.html

kadai/ test1.htm ..., index.html , kadai2.html

image/ logo1.gif ..., photo1.jpg

~/Mail/
HTML文書の書き方と上達法 HTML文書を作成するにはエディタを利用する. UNIXを直接使うなら，テキストエディタ vi, Nemacs, Mule など PCで編集するなら, テキストエディタ (秀丸，メモ帳，など) または HTML専用のエディタ (PageMill, PageComposer，Word97/98，一太郎8/10など) WWWブラウザにもHTMLエディタが含まれている. 今年は，Netscape CommunicatorのComposerを利用する. 目的に合わせてパソコンの入門レベルの雑誌を定期購入する 同好の人を捜すのも上達のコツ (学生のコンピュータ・サークル PCC ) 学内向けマニュアルやガイドを活用する ゼミⅠ'97のHTML練習ページから青田君| 鈴木さん| より詳しくは カラー | フレームの利用 | 時刻 | イメージマップ | '97卒業生：FMVでつくるホームページ| '96卒業生：HTML作成入門| goto TOP Access counter : [since 19/09/1997] Last updated: This page is a link free. (c) T. Katayama

~/sonota/
~/public/	index.html,	..., home01.html
	kojin/	..., index.html	books.htm
	sensei1/	..., index.html	..., home01.html
	sensei1/	kadai/ test1.htm	..., index.html	, kadai2.html
	image/	logo1.gif	..., photo1.jpg
~/Mail/

goto TOP
Access counter :		[since 19/09/1997]