作ってみよう

 Step.11 Upする前に・・・Step1からStep10を踏まえて自分のHPを作りましょう 。

 いきなりは無理だと思うので下にサンプルを作ってみました。『 サンプルページ 』
 このサンプルページは、Step1から10で覚えた事だけで出来ているのでタグの説明はありません。
 Contents1〜5のリンク先はすべてサンプルページに設定してあります。
 

   
 先程保存したindx.htmlをnotepadで開いたら以下のような文を入力します。 面倒な方はコーピーして下さい。
   
<html>
<head>
<title>sample</title>
</head>
<body>
<div align="center">
<center>
<table border="0" cellspacing="3" width="800">
<tr>
<td width="100%" bgcolor="#8888FF"><b>
<font size="7" face="富士ポップP"> <font color="#FFFFFF">Sample Web</font></font></b></td>
</tr>
</table>
</center>
</div>
<p> </p>
<div align="center">
<center>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="500">
<tr>
<td width="100%" bgcolor="#B3B3FF"><br>
<font color="#FFFFFF"> サンプルページへようこそ!</font><br>
 </td>
</tr>
<tr>
<td width="100%" bgcolor="#8888FF"><b><br>
 <font color="#FFFFFF">□ Topics</font></b><p><font color="#FFFFFF"><b> ○ 200X年X月X日作成</b></font></p>
<p><font color="#FFFFFF"><b> ○ XXXXXXXXXXXXXXXXXX</b></font></p>
<p><font color="#FFFFFF"><b> ○ XXXXXXXXXXXXXXXXXX</b></font></p>
<p><font color="#FFFFFF"><b> ○ XXXXXXXXXXXXXXXXXX</b></font></p>
<p><font color="#FFFFFF"><b> ○ XXXXXXXXXXXXXXXXXX</b></font><p> </td>
</tr>
<tr>
<td width="100%" bgcolor="#B3B3FF"><br>
 <b><font color="#FFFFFF">Last Update  </font><br>
 </b></td>
</tr>
</table>
</center>
</div>
<hr color="#8888FF" width="800">
<p align="center"><b><a href="sample3.html">Contents1</a></b>
<b><a href="sample3.html">Contents2</a></b>
<b><a href="sample3.html">Contents3</a></b>
<b><a href="sample3.html">Contents4</a></b>
<b><a href="sample3.html">Contents5</a></b></p>
<hr color="#8888FF" width="800">
<p align="center"><b><font size="4"><a href="index.html">Home</a>   <a href="step11.html">Step11</a></font></b></p>

</body></html>
   
 ファイルのアップロード

 Upするには、FTPソフトが必要になりますが、今回はFFFTPでUpしようと思います。 【 FFFTP製作者のHP 】

 FTPソフトはフリーソフトなのでダウンロードして下さい。  【 ベクター ・  窓の杜 】

 FFFTPの説明ですが私ごときが説明することなど何もありません <(_ _)>

 

 ホストの設定    ジオシティーズの場合

 ホストの設定名
 これは何でも構いませんが解り易くYAHOOなどにした
 方が良いかも

 ホスト名(アドレス)
 これはUpするサーバーのアドレスを記入します。
 Yahooジオシティーズの場合  ftp.geocities.co.jp

 ユーザー名
 これはサーバーレンタルの時に登録したユーザー名を
 記入します。

 パスワード/パスフレーズ
 これはサーバーレンタルの時に登録したパスワードを
 記入します。

 ローカル初期フォルダ
 ホストを接続した時に最初に表示されるページを設定
 します。
 今回の場合はデスクトップ上にフォルダがあるので
 デスクトップ上の「 hp 」フォルダに設定します。

   
 ホストの設定が終わったら接続してファイルと画像の入っている「img」フォルダをUpしましょう。

以上で作成講座終了です。

   

Home