ホームページ作成 その３ ALFTP

２０日からの連載　その３　　その２はこちら　その１はこちら

では、早速ＨＴＭＬを作っていきましょう！

[スタート]－[プログラム]－[アクセサリ]から[メモ帳]を開いてください。
「その２」で作った「index.html」を「メモ帳」にドラッグ＆ドロップ。

そして次の赤枠内のように打ち込んでみて下さい。




打ち終わったらファイルを上書き保存。
さっそく「index.html」を開いて確認してみましょう。
打ち込んだ文字がブラウザ上に表示されればＯＫ

次は壁紙を設定しましょう。

↑の背景画像の上で右クリックしてから「名前をつけて画像を保存」を選択。保存のウィンドウが
出てくるので先に作っておいた「image」フォルダの中に保存して下さい。
はファイル名は「background.gif」にしましょう。

そして、もう一度、メモ帳を開き「index.html」をドラッグ＆ドロップして、以下
の赤枠内の部分を追加してください。


次に画像を表示するようにしましょう。↓の画像の上で右クリックして「名前を付
けて保存」を選択、保存のウィンドウが出てきたらimageフォルダに保存。ファイ
ル名は「welcome.jpg」です。


そしたら、また、メモ帳を開きhtml.indexをドロップ。以下の赤枠内を入力して
上書き保存しましょう。



更にスタイルを整えていきましょう。
メモ帳を開きhtml.indexをドロップ。以下の赤枠内を入力して上書き保存します。


１ページ目が完了しました。続いて
自己紹介ページとリンク集のページを作成していきましょう。

それはつまり、「index.html」以外に2つのHTMLファイルを作るということになり
ます。「hp」フォルダを開くと今あるのは「index.html」ひとつだけです。これを
コピーしてもう２つＨＴＭＬファイルを作ります。

コピーするには、index.htmlの上で右クリック→コピーしてからhpフォルダの中の
何もないところで右クリック→貼り付けで出来ます。

そうして新たに２つのＨＴＭＬファイルを作ります。

コピーしたファイルは名前が「コピー～index.html」とかになってるので、それ
ぞれ、「profile.html」と「link.html」に変更していて下さい。
※ファイル名に日本語が入ってると後でトラブルの原因になります。

２つのファイルが出来たところで、今度は中身を変えましょう。最初に作ったペー
ジをコピーしたわけなので、当然中身も最初のページのままです。まずは自己紹介
ページ「profile.html」の内容を変更してみましょう。
「profile.html」をメモ帳にドロップして中身の以下赤枠内の部分を変更してくだ
さい。 「初めてホームページを作ってみました」の部分は削除してください




次は同じ方法で「link.html」の以下赤枠内の部分を変更して上書き保存。


以上で、HTML作成は完了！！

でもまだインターネットで誰でも見れる状態にはなっていません。

そうゆう状態にするのが明日の作業

トリアエズ本日はお疲れ様でした