Google

(6)データのアップロード(ftp)

(6-1)HTMLファイルを用意します。
(1)ホームページ作成」でやった作業を思い出してください。 今回は、以下のテキストを使いますので、まずこれをエディタで保存してください。
ファイル名は「index.html」としてください。
(6-2)書き換えてみよう
書き換えるのは「<body>と</body>で囲まれた部分」です。

書き換えてみよう

(6-2-1)はじめに「<div id="sidebar-contents">」のところを見てください。

(画像をクリックすると大きな画面をご覧になれます)

書き換えてみよう

「 <strong>神奈川歯科大学同窓会</strong><br />
●●●同窓会<br />
練習用ホームページ<br /> 」
とありますね?
この部分を書き換えてみましょう。

なお、<strong>は「強調」を意味するタグで<br />は「改行」を意味するタグです。
書き換えたら「index.html」というファイル名で保存しましょう。

(6-2-2)次に「<div id="main-contents" name="コンテンツ">」のところを変えてみましょう。

(画像をクリックすると大きな画面をご覧になれます)

書き換えてみよう

「<h2>「神奈川歯科大学同窓会」<br />ホームページ担当者練習用ホームページです。</h2>」 とありますね?
<h2>は「見出し」を意味するタグですから、この部分はあなたのページのタイトルになるような内容にしてください。
</h2>で閉じた後のスペースに「本文」を書き入れてください。
ここまでできたら上書き保存してください。

(6-3)FFFTPを立ち上げます。
FFFTPでアップロード

向かって左の画面(あなたのコンピュータ)に、今、保存した「index.html」があります。

(6-4)アップロード先の確認
向かって右の画面(サーバ)にある「あなたのフォルダー」をダブルクリックして開いてください。

FFFTPでアップロード

フォルダーの中に「古い」index.htmlがあります。

FFFTPでアップロード

(6-5)いよいよアップロード
さっき保存した新しい「index.html」(イタリックの1)を反転し、
「アップロードアイコン(上矢印)」(イタリックの2)をクリックします。

そうすると、あなたのコンピュータ(まる1)にあった「index.html」が、
サーバ(まる2)に送られ、
サーバに保存されていた「古いindex.html」は
「新しいindex.html」に置き換えられました。

FFFTPでアップロード

(6-6)ブラウザで見てみよう
さて、それではアップロードしたホームページを見てみます。
ブラウザで次のURLを開いてみましょう。
http://kdchpml.j-dent.com/BRANCH/work/hogehoge/ 
(hogehogeのところにはあなたの県名を入れてください)
(画像をクリックすると実際の画面をご覧になれます)

FFFTPでアップロード

以上でインターネット上に「あなたのホームページ」が公開されたことになります。
今回は触れませんでしたが「css(スタイルシート)」の使い方なども今後勉強して、より良いホームページにしていきたいと思います。
ありがとうございました。