ホームページ作成　駆け込み寺

ＨＰ作成駆け込み寺

素材の使い方、ホームページの作り方を随時アップしていきます。
HPを作っていて感じた疑問、
素材屋レトロのページはどうやって作っているのか、など
お気軽にお便りください♪

メールフォーム

◆frame_ｘｘ.05.gifはありません◆

素材屋レトロの組テーブルのファイル名は、テーブルのセルに番号をふったつもりでつけました。
こんな感じです↓

1	2	3
4	5	6
7	8	9

オレンジの部分にはそれぞれ枠の画像が入りますが、5番はセルの背景色をそのまま利用して、好きな文字や画像を入れます。

◆文字を入れると枠がバラバラになっちゃう？◆

２・４・６・８の直線の枠は画像<IMG src="ファイル名">でセルに貼り付けると、文字を入れたときに枠がバラバラになってしまいます。
ですので、まっすぐな枠はセルの背景として使用します。
その際セルに、横方向の枠なら<height="ピクセル数">、縦方向の枠なら<width="ピクセル数">を指定します。
四隅の枠は簡単です<IMG src="ファイル名">でセル内に貼り付け、
セルの縦横のピクセル数を指定します。例・<TD width="20" height="20">
最後にテーブルタグの罫線の幅を０にすればOKです！例・<TABLE cellpadding="0" cellspacing="0">

一括ダウンロードの右側にタグを書いておきましたので、
ファイルをダウンロードしたフォルダ内のウェブページのソースにコピー＆ペーストしていただければ
組テーブルの出来上がりです♪

◆テーブルの大きさを思い通りにしたい！◆

タグの最初、<TABLE cellpadding="0" cellspacing="0">の部分に縦横の長さを入力します。
例・<TABLE cellpadding="0" cellspacing="0" width="200" height="200">
すると直線部分のセルだけが、にょーんと伸びます♪

文字入れ

【素材に好きな文字を入れる】

素材屋レトロの素材は文字を入れて使っていただいてもＯＫです。
質問を頂いたのでｗｉｎｄｏｗｓに最初から入っている画像編集用ソフト「ペインタ」を使ってＧＩＦのブランクメニューアイコンに
文字入れしてみました。

※ペインタでは透過するＧＩＦは作れません。今回は四隅を背景色に塗って馴染ませてみました。

[文字入れの説明を見る]

素材の使い方

【素材や文字を流すように動かす】

マーキーというタグを使えばアニメーションＧＩＦを使わなくても素材や文字を流れるように動かす事ができます。しかし、ＩｎｔｅｒｎｅｔＥｘｐｌｏｒｅｒでしか見ることができません。Ｎｅｔｓｃａｐｅでは動かずに表示されます。

タグ

<marquee direction="方向" scrollamount="スクロ－ルの早さ" width="横幅" height="縦幅" bgcolor="背景色" behavior="動き方" loop="回数">ここに素材や文字を入れてください</marquee>

方向…　left　right　up　down　のどれかを入れてください。

　　left　右から左へ流れます
　　right 左から右へ流れます
　　up　　下から上へ流れます
　　down 上から下へ流れます

スクロ－ルの早さ…数字で入れてください。（例・5）

横幅・縦幅…ピクセル数で入れてくだい。（例・300）

背景色…色名かカラーコードで入れてください。（色名例・red　カラーコード例・#FF0000）

動き方…　scroll　slide　alternate　のどれかを入れてください。

　　scroll　　　繰り返し流れます
　　slide　　　　端で止まります
　　alternate　端でＵターンして、行ったり来たりします

回数…繰り返す回数を数字で入力してください。（例・3）

文字の場合、色・大きさ・太字・斜体などのタグを併用すると効果的です。