ホームページ作成支援のページ

このページでは、皆さんのホームページ作成を支援していきます。ホームページが出来上がったら、掲示板に書き込むなどして管理人に連絡ください。リンクをはっときます。いやならいいですけど・・・

（1）ｈｔｍｌソースを作ろう。

ホームページは、ｈｔｍｌという言語でかかれています（これは授業で習いましたね）。
したがって、ホームページを作るということは、ｈｔｍｌソースを作ることに他ならないのです。
ｈｔｍｌソースは、何のエディターでも作ることができますが、管理人のお薦めは、”HmEdit”です。
ここからダウンロードできます。
このソフトを起動したらまず、「ファイル」のところをクリックして、「新規作成」を選択してください。
そうすると、新しいファイルの初期設定をしますか？と聞いてくるので、はいと答えましょう。
つぎにファイル名を聞いてくるので、適当なファイル名を入力してください。
ただし、HPの表紙にするファイルを作る時は、名前をindex.htmlにしてください。
さらに、ホームページの初期設定をするわけですが、htmlのバージョンと文字コードはそのままでいいです。
それが終わったら、実際にhtmlを打ち込んでいきます。
実際には、<BODY ～>と</BODY>の間に文字を書き込んでいくことになります。ここで超基本的なタグについて説明しておきましょう。
・文字を打ち込む→そのまま文字が表示される。
・<br>→改行される。
・<a href="～1">～２</a>→～1のURLに、～２とかいてあるところをクリックしたら行けるようにする。つまり、～1にリンクを張る。
・<img src="～">→～のURLにある画像ファイルを貼り付ける。この時、画像ファイルをアップロードしていなくてはならない。
大体こんなところです。他の機能は、HmEditをいじって試してみてください。
上のツールバーにいろんなアイコンがありますね。
これをいろいろクリックして試して、上側の左から9番目のアイコンをクリックすると、ネスケでその動作確認が出来ます (eccのシステムでこれを試したことがないから出来るか不明)。
ここで注意して欲しいことなんですが、右下隅の3つのアイコンはいじらないようにしてください。
ここをいじると不具合がよく起こるようになります。
もしいじってしまったら左端のS Jisに戻してください。
以上のようなことを繰り返していれば、そのうちhtmlの仕組みが分かってくると思います。
htmlのソースが完成したならば、上側の左から4番目のアイコンをクリックして保存してください。

(2)htmlファイルをアップロードしよう

つぎに、(1)で作ったファイルをアップロードしてみんながみられるようにしましょう。
その前に、あなたはeccのサーバにホームページスペースを持っていますか？
もしもっていないなら、ここで登録しましょう。
で、ファイルをアップロードするためにはFTPという手順を踏まなければならないのですが、
そのためのソフトをダウンロードしなきゃいけません。
そこで再び、管理人のお薦めのソフト、FFFTPが、ここでダウンできます。
このソフトをダウンして起動したらまず、ホスト一覧というウィンドウが表示されているはずです。
そこで、「新規ホスト」を選択します。
すると、ホストの設定という画面が表示されるので、ホスト名のところには何か適当な名前を、ホスト名のところにはuser.ecc.u-tokyo.ac.jpと書き、ユーザ名とパスワードを記入します。
さらに、ホストの初期フォルダには.public_html、ローカルの初期フォルダにはhtmlファイルのあるフォルダを指定すると良いですが、分からなければ別に設定しないでも良いです。
以上の設定が終わったら、OKをクリックして、接続をクリックします。
しばらくすると接続が完了します。
左側には、あなたの端末の中のファイルが、右側にはホストの中のファイルが表示されるはずです。
その後、ホストのカレントディレクトリを.public_htmlにして、左側のアップロードしたいファイルを右側までドラッグします。
その後、アップロードが完了すれば、右側にさっきアップロードしたファイルが表示されているはずです。
次に、パーミッションの設定をします。
アップロードしたファイル(右側)を右クリックして、「属性の変更」を選択します。
すると、右下のほうに3桁の数字が表示されているので、これを777に変更してOKをクリック。
これでアップロードが終わって、みんなが見られる状態になっています。 (パーミッションについて詳しく知りたい方はこちらをどうぞ。)
最後に、FFFTPで、「接続」→「切断」を選択して、FTPを切断します。その後、FFFTPを閉じてください。
なお、自宅のパソコンからeccのサーバにアップすることも出来ることは出来るんですが、 eccはFTP接続が出来ない使用になっているので、上記の方法では無理です。
やり方が少々面倒なので、ここでは説明しません。どうしても知りたい方は管理人に連絡ください。

その他、掲示板の無料サービスのリンクを張っておきますので、利用したい方はどうぞ。

ティーカップ
以前このHPでも利用していた掲示板。スタンダードな感じで使いやすい。
JP-NET/無料掲示板
多機能で便利。使ったことないけど、よさげな感じ。

アクセスカウンターやチャットはあまり良い物を知らないので紹介できません。一応、検索エンジンで調べれば見つかるとは思いますが。つけたい方は管理人のほうまで何とかしてその旨を伝えていただければ何とかします。

学校のサーバはcgiが使用できるので、自力で掲示板とかカウンターとかチャットとか、設置しようと思えば出来ます。このやり方も管理人に聞いてもらえれば教えます。が、管理人は学校のサーバのことはあまり詳しくないので、もしかしたらよく分からないかもしれません。