My Homepage

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ┏┏┏ まぐまぐID : 0000092208 発行責任者 : 西久保希光　　　┏ ┏┏ ホームページ楽々講座 NO.010 2002.06.29 　　 ┏┏ ┏ SALTY Home Page : http://www.salty1.com/ 　　　　 ┏┏┏ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 　昨日までに勉強したことを振り返ってみましょう。 No.001　タグ入力、→保存、→表示、→修正 No.002　フォントの指定、位置の指定 No.003　１６進数色指定、背景色の指定 No.004　センターリング、改行と段落 No.005　ページ左右スペースの指定、マーキー No.006　背景画像の指定、背景画像の固定 No.007　画像の表示、画像の位置指定 No.008　画像を回り込んで文章を表示　９日間に色々と勉強しましたね。もう、簡単なページなら作成できますよ。では、２ページ目を作成して、→１ページから２ページへジャンプ、２ページから１ページに戻るするようにしますよ。【他のページへ移動する】 A.リンクスポットに使うボタンを用意します。「NEXT」と「BACK」の画像フ　ァイルです。画面に表示された「NEXT」ボタンをクリックすると２ページ　目に移動、「BACK」ボタンをクリックすると１ページ目に移動します。　「NEXT」と「BACK」の画像ファイルは「SALTY」トップページで「ＨＰ楽　々講座サンプル画面掲載」をクリック、→「010」をクリック、 →表示さ　れた「NEXT」「BACK」ボタンを右クリック、→「名前を付けて画像を保存」　をクリック、→「保存する場所」を「homepege」フォルダにして、「保存」　ボタンをクリックします。 B.「010_2.html」「next.gif」「back.gif」の３個のファイルが用意でき　たら、→「index.html」ソースを開き、 →下から２行目のの上　の行に下記のタグを入力します。　アンカータグとでリンクスポットにしたいボタンを囲います。　

　文字を使う場合は、２ページへ C. の属性、HREF="移動先ページのファイル名" を入力します。　

D.ボタンを右寄せで表示する ALIGN="right" を入力します。。　

E.ボタンに枠が付くのを防ぐ BORDER="0" を入力します。　

F.ここで問題が起きました。左右のマージンを指定するためにタグ　の属性 LEFTMARGIN="50px" RIGHTMARGIN="50px" を指定しましたね。この　指定はページ全体に及びます。そのために「NEXT」ボタンが右端に表示さ　れないのです。　の属性を解除する方法はありませんから、 LEFTMARGIN="50px" RI 　GHTMARGIN="50px" を削除してください。　 G.左右のマージンはタグの次行に、下記のように入力します。　の属性で指定する場合と違いますからご注意ください。　

H.この左右のマージンの指定を、

タグで、リンクスポットの前で解　除します。　

I.１ページ目と同じようにして２ページ目を作成、→「homepage」フォルダ　ーに保存します。作成するのが面倒なら次のようにしてください。　1.「index.html」を表示、→「表示」→「ソース」とクリック、→「メモ　　帳」の「ファイル」→「名前を付けて保存」とクリックします。　2.「ファイル名」欄の名前「010.html」を「010_2.html」に変更、→ 　　「保存する場所」が「homepage」フォルダーになっていることを確認、　　→「保存」ボタンをクリックします。　3.「010_2.html」をダブルクリックで開きます。 →「index.html」と全　　く同じですね。これでは見分けが付きませんから、どこか一部でも変更　　しましょう。　　タイトルや本文を変更する、背景画像を変更する、背景画像の代りに背　　景色を使う、画像を変更する、ＢＧＭを変更する、などをします。 J.「010_2.html」のソースも同じように修正します。但し、下記のように　戻り先ページのファイル名は "index.html"、ボタンは "back.gif"、表示　する位置は左ですから、"left" になります。　

-------------------------------------------------------------------- My Homepage

わたしのホームページ

わたしのホームページへようこそ！　ごゆっくりご覧ください。

「わたしのホームページ」へようこそ！

このホームページは「メモ帳」にタグを入力して作成しています。
これまでは、ソフトを使って作成していましたが、イメージ通りのページを作成することができませんし、いくらやってもＨＴＭＬの基本は身に付きませんでした。

そこで一念発起、タグの勉強を始めました。やってみると意外と簡単、それに楽しいのです。今では、最初からタグ入力を勉強をしていれば良かったと思っています。

では、ごゆっくりご覧ください！

画像の横に文字を回り込ませる場合は、画像のファイル名の後に、半角スペースを空けて、ALIGN="right" のように記述します。

DIV を用いると改行され、文字は画像の下に表示されてしまいます。

画像と文字との間隔を指定する場合は、ALIGN="right" の後に、半角スペースを空けて、HSPACE="20" のように、ピクセル単位で記述します。

回り込みを解除する場合は、BR CLEAR="all" と記述します。

******************************************************************** ※ご質問は下記ホームページの「ＰＣ質問箱」でお願いいたします。既に、　多数のご質問を頂き、読者の方々から適切な回答が寄せられています。 ※各号のブラウザで表示したサンプル画面は「SALTY」ホームページでご覧　頂けます。 ※途中から購読された方は「SALTY」ホームページで、バックナンバーの創　刊号からダウンロードしてご覧ください。 ※パソコン全般に関するマガジン「６４歳パソコン教師の日記」もよろしく　お願いいたします。まぐまぐID : 0000022784 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ┏┏┏ まぐまぐID : 0000092208 発行責任者 : 西久保希光　　　┏ ┏┏ ホームページ楽々講座 NO.010 2002.06.29 　　 ┏┏ ┏ SALTY Home Page : http://www.salty1.com/ 　　　　 ┏┏┏ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ※ このメールマガジンの読者登録解除は下記のホームページから出来ます。 http://www.salty1.com/rakuraku.html ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ このメールマガジンは、インターネットの本屋さん『まぐまぐ』を利用して発行しています。( http://www.mag2.com/ ) ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━