［ＨＰを作ろう！］ ☆第１５回☆
こんにちは、ＴＨ６９です。
皆さん盆休みは満喫されたでしょうか？
私も神鍋高原へ、避暑兼ハイキング兼自転車の練習に行ってきました。
パソコンも持って行ったのですが、ほとんど何も出来ませんでした (^ ^;
［ＨＰを作ろう！］の製作もやりたかったんですけどね。
それでは第１５回を始めましょう。
今回は画像の仕上げという事で、以前作った［index.html］に画像を貼り付けてみましょう。
いつものように［homepage］フォルダにある［index.html］ファイルを開いて、そのソースを表示させて下さい。
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
私のホームページ
ようこそ！私のホームページ
へ
このページはただいま製作中です。
またのお越しを
お待ちしております。
２００１年６月１７日 製作開始
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
のようになっていますね。
では、このページに"ウエルカム"の画像を表示させて見ましょう。
１）表示する場所は、下側の水平線の下、２行開けた所です。
２）画像は "gazou" フォルダにある "welcome.gif" を使います。
３）画像の大きさは、幅１７０ピクセル、高さ１３３ピクセルです。
４）alt は "Welcome to My Homepage" にして下さい。
５）最後に改行して、下に２行開けます。
言葉で書くとややこしいですが、実際には下側の水平線
の下に４つある
の真ん中に、画像を挿入するだけなんですけど…（笑）。
やり方としては、２つ目の
の後ろにカーソルを持って行って、２回 Enterキーを押して改行し
その開いた所に、画像のタグを記入する、というのが簡単だと思います。
では、やってみて下さい。
どうですか？ 出来ましたか？
やり方を忘れた、という方は、ちょっと復習して下さいね。
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
このページはただいま製作中です。
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
のように記入できていればＯＫです。
では、上書き保存して更新して下さい。
多分 "Welcome to My Homepage" の画像が表示されたと思いますが、どうでしょうか。
うまく行かないという方は、どこか間違っていますので、もう一度やり直してみて下さいね。
次に、マウント・クックの画像を表示してみましょう。
１）表示する場所は、『このページはただいま製作中です。』の下に１行開けた所です。
２）画像は "gazou" フォルダにある "mt_cock.jpg" を使います。
３）画像の大きさは、幅３００ピクセル、高さ２２５ピクセルです。
４）alt は "Mt.Cock" にして下さい。
５）画像の説明文は、画像の下側に黒で font size="2" にして『Kea Point からのＭｔ．クック』と記入します。
６）その下に１行開けます。
記入できたでしょうか？
できたら、上書き保存して更新して下さい。
どうですか？ マウントクックの画像が表示されましたか？
表示されない方は、もう一度ソースを確認して下さい。
それでもだめなら、私までご質問下さいね。
下に今日やったソースを書いておきますので、参考にして下さい。
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
私のホームページ
ようこそ！私のホームページ
へ
このページはただいま製作中です。
Kea Point からのＭｔ．クック
またのお越しを
お待ちしております。
２００１年６月１７日 製作開始
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
今回は、前回やった事の復習のようなものなので、それほど難しくなかったと思います。
ただ、言葉で書いた事がうまく伝わるかどうか、というのだけが心配です (^ ^;
『私のホームページ』にも画像が入って、さらにページらしくなってきました。
トップページとしては、ほぼ完成といった所でしょうか。
今後はさらに別のページを作って、それをリンクする勉強を進めたいと思います。
"リンク"と聞くと、なんだか難しく思えますが、基本通りにルールに沿って行えば
決して難しくはありませんので、頑張ってくださいね。
この"リンク"というのが、ＷＥＢページの最大の特徴なので、しっかり勉強しましょう。
私もできるだけ分かり易く進めて行くつもりですが、もし分かりにくいとか理解できない
というような事がありましたら、遠慮せずにご質問・ご連絡下さいね。
では次回、第１６回でお会いしましょう。