●FTPのやり方は覚えている？

　


さあ、もうだいぶカッコイイページになったと思うけど、どう？
　
　
大満足だよ！！ここまでできるなんて信じられない！
ははは。じゃあ、今までに作ったページをもう一度「アップロード」してみようか。覚えてる？
　
お、覚えてるよ！・・・・えーと・・・。（汗）
　
　

1.「FTPソフト」を立ちあげます。（Windowsは「WS_FTP」、Macは「Fetch」でしたね？）

2.今まで作った「homepage」フォルダの中の「HTMLファイル」と「画像ファイル」を全てアップロードします。（各ソフトの使い方は「6.さあ、公開！！」でもう一度確認してください。）同じ名前のファイルがすでにアップロードされている場合は古いファイルの上に「上書き保存」されてしまい、前回アップロードしたファイルの内容は消えてしまいますのでご注意ください。

3.ブラウザにURLを入力してインターネット上で確認。
（URLは「http://弊社指定のサーバ名/弊社より指定されたパス名/ユーザパス名/」です。)


よし！ブラウザで確認・・・・。できた！
　
　
やったね！これで立派なホームページの完成だね！！よくがんばったね。
　
　
はあ〜、大変だったけど、面白かったよ！でも思ってたより簡単だったかな。
また出たね、余裕の発言！
　
　
へへへ。
　
　
　
index.html

<html>
<head>
<title>ノリコのホームページ</title>
</head>
<frameset cols="20%,80%" border=0>
<frame src="mokuji.html" name="left">
<frame src="top.html" name="right">
</frameset>
</html>

　
top.html

<html>
<head>
<title>ノリコのホームページ</title>
</head>
<body bgcolor="#FFCCCC" link="#663333" vlink="FF6600" alink="#FF6600">
<center>
<br>
<br>
<b><font size="6" color="#FF0000">ノリコのホームページへようこそ！！</font></b><br>
<br>
<img src="noriko.gif" width=100 height=100><br>
<b><font color="#000099">はじめまして！ノリコです。</font></b><br>
<br>
名前：ノリコ<br>
年齢：ヒ・ミ・ツ！<br>
性別：女の子で〜す<br>
住んでいる所：東京<br>
趣味：音楽を聴くこと。ショッピング。寝ること。絵をかくこと。<br>
<br>
みなさんはじめまして、ノリコです！遊びに来てくれてありがとう！<br>
何もわからなかったけど、頑張って作りました。ごゆっくりどうぞ！ <br>
<br>
<br>
<a href="mailto:***@***.***.ne.jp">メール待ってます</a>
</center>
</body>
</html>
　
diary.html

<html>
<head>
<title>ノリコの日記</title>
</head>
<body bgcolor="#FFCCCC">
<br>
<br>
<center>
<b><font size="5" color="#FF6600">★日記★</font></b>
</center><p>
<br>
<hr color="#FF0000">
<br>
<img src="ran.gif" width="100" height="100" align="left">○月○日（月曜日）<img src="hare.gif" width="30" height="30" align="middle"><br>
今日はうちの犬、ゴン太のお見合いをした。相手はご近所のランちゃん。<br>
とってもかわいい犬なので、もし上手く行ったら、きっとかわいい子犬がいっぱい生まれるんだろうな。<br>
<br>
<br>
<br>
<br>
<hr color="#FF0000">
<br>
<img src="manga.gif" width="100" height="100" align="right">○月○日（火曜日）<img src="ame.gif" width="30" height="30" align="middle"><br>
今日は雨が降ってゆううつだったので、乙女ちっくに読書なんかしてみた。<br>
でもマンガだけどね。一気に3冊読んじゃった。早く続きが読みたいな。<br>
<br>
<br>
<br>
<br>
<hr color="#FF0000">
<br>
<img src="cyusya.gif" width="100" height="100" align="left">○月○日（水曜日）<img src="kumori.gif" width="30" height="30" align="middle"><br>
風邪をひいた。熱が37度8分あった。昨日薄着でマンガ読んでたからかなぁ？<br>
病院に行って注射した。痛かった〜！でもおかげで今は熱も下がって、ご飯も いっぱい食べれたよ。
</body>
</html>
　
pet.html

<html>
<head>
<title>ノリコのペット紹介</title>
</head>
<body bgcolor="#FFCCCC">
<center>
<br>
<br>
<b><font size="5" color="#006600">★ペットの紹介★</font></b><br>
<br>
<center>
 <table width="80%" border="1" cellspacing="2" cellpadding="8">
 <tr>
<td align="center" bgcolor="#FFFFFF" colspan="2"> <font color="#330000" size="6">ゴン太</font>
</td>
<tr>
<td width="45%" rowspan="2"> <img src="gonta.gif"></td>
<td width="55％" bgcolor="#E3E3E3">これがうちのゴン太です。<br>
太りぎみだけど、かわいいやつです。<br>
今年で6才。<br>
兄弟は親戚のうちにいます。<br>
これでも長男だぞ！</td>
</tr>
<tr>
<td width="55%" bgcolor="#FFCCFF"><b><font color="#db0000" size="8">彼女募集中だワン！！</font></b></td>
</tr>
</table>
</center>
<br>
<br>
</center>
</body>
</html>
※よくわからない人は「5.いよいよ作ってみよう」の時と同じ要領で、上のノリコの書いたHTMLをコピーして「ワープロソフト」にペーストし、内容を自分に合わせて書き換えてみましょう。 わかってきた人は、ノリコの例を参考に、自分でHTMLを打ってみましょう。
　
↓これがノリコの作ったホームページの完成形です！（ファイル名はサンプルです。）


　
　

COPYRIGHT