色コード一覧活用編CGI基礎講座CGI基礎知識(1)CGI基礎知識(2)CGI使用方法(1)CGI使用方法(2)CGI使用方法(3)CGI使用方法(4)CGI使用方法(5)CGI使用方法(6)予定CGI活用講座CGI作成準備(1)CGI作成準備(2)CGIテスト編(1)CGIテスト編(2)CGIテスト編(3)CGI作成編(1)CGI作成編(2)CGI作成編(3)CGI作成編(4)HTML基礎講座第5回、HTML基礎講座初級編(5)です。ここまで4回終わりました、タグ打ちには馴れましたか?今回、タグより、特殊なレイヤー機能を使用します。この講座では、ホームページを作る事が目的であり、HTMLは、必要な物に絞っております。講座内に、HTML一覧基礎編を用意しました。教材をご希望の方は、圧縮ファイルを用意しました。ここに、教材を置いてありますから、ダウンロードして下さい。なりますテキストは、前回の物を読み出してください。編集は、<body>の部分です。これまでと違い、ここからは、上のほうだけで、作業する事になります。style="text-align:left;">ここにバックグラウンド、背景を設定する部分があるんです。ここも、書式として、覚えてしまう(記録して置く)のが、良いでしょう。ファイル名を書き換えるだけですから。今度は、TITLEバック、ここが、今回の最大の難関なんです。0」を書き加えてあります。これは、表示順を指示するもにですが、今回のように、上から順になっていれば無くても表示できますが、はっきり、指示しておいた方が良いでしょう。height="300"></div>3行でセットなので、TITLEバックの画像を、背面に表示する為にレイヤーを追加しています。-1」と有るように、表示順が先なんです。このレイヤーを表示してから、本体のレイヤーを同じ位置に重ねて表示するというわけ。absolute」は、絶対位置指定、2枚のレイヤー共に、画面の左上隅を基点に表示されます。4px;」と同じ設定をしています。1000px;」とどちらもピクセル固定にして有ります。画像は、画面の伸縮に合わせて伸縮しないので、TITLEバックを指定するときは、横幅固定になります。この部分、かなりわかりにくい部分ですが、何とか記憶の片隅に詰め込んでください。あとは、好みによる、修正点を残すのみですね。0px;top:0px、left:0pxに打ち直しました、全体が、左上に隙間無く付きますね。cellpadding="0">いずれの行も、「cellpadding="0"」を最後に追加しあります。これにより、入子の表が隙間無く付きます。以上で、HTML基礎講座初級編は終了です。画像挿入の方法などは、Homepage初級者講座を参照してください。バナー画像、タイトル画像、背景画像、タイトルバック画像など、作成方法を知りたい方は、OnLineSooftコーナーを参照してください。教材ファイルは、当分の間は、何時でも見られる様に、しておきます。「旅の思い出写真集」のタイトルが付いてますが、教材です。このページの中に、リンクがあります。ダウンロードし易いように、Zip圧縮ファイルを用意しました。必要に応じてご利用下さい。HTML基礎講座、中級編でも、この現在ファイルを引き続き使用する予定です。HTML基礎講座第5回終了です。