プロが教える店舗＆オフィスのセキュリティ対策術

Dreamweaverの背景

解決済

  • 質問者：tapchibo
  • 質問日時：
  • 回答数：2件

Dreamweaverを使ってHPを作っています。
一画面でいくつかの変化をつけたいと思っています。
用意したものは、
1.Flashで作ったロゴがくるくる回り最後は落ち着くという.swfファイル
2.背景用に作った枠内に収まる大きさ図がある.gifファイル
3.Dreamweaverの枠組です。
背景は白にします。その上に.gifファイルがのっかっているものを基本形にして、
各ページそれぞれのテーマで文字を打っていく予定です。
まずは１でロゴのアニメーションを見せた後、
２に落ち着き、そこから展開させる方法を教えていただけませんか？
その後、.gifファイルが基本のページの上に文字を打ち込みたいのですが、
文字が図上を回りこんでしまいそれもうまくいきません。
どなたかアドバイスをお願い致します。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (2件)

No.1ベストアンサー

  • 回答者： 0011Allen
  • 回答日時：

意図される事を間違って把握してるかも知れませんが・・。



Flashのイントロ(仮に"1.html")のあと"2.html"にリンクするという事でしたら。
Flashの最後にキーフレームを作成し、Actionのget URLで "2.html"を指定する。

>文字が図上を回りこんでしまいそれもうまくいきません

グラフィックが背景ということであれば、[修正]--[ページプロパティ]--[背景イメージ]でその図のファイルを指定すれば背景になります。

また、普通に図を挿入して、その上に文字を重ねるにはスタイルシート等で
{position:absolute;left:xxx;top:xxx}とする必要があると思います。

もしくは、グラフィックソフト(Fireworks)などで文字を含めたグラフィックスを作成する。
    • good
    • 0
    • 件
通報する
この回答へのお礼

ご丁寧にありがとうございました。
いろんな方法があるんですね。
「ページのプロパティ」でとりあえずできましたが、何度も繰り返すので１枚で収まるようにやってみているところです。
ただ、ページ全体を使わず枠(テーブル）を作ってその中に収めたいので、ちょっと悩んでいるところです。
スタイルシートも勉強してみます。

通報する
お礼日時：2002/10/15 14:30

No.2

こんにちは。


どーしても、１ページで押さえる場合（ページ遷移しない場合）は、
JavaScriptと、CSSを組み合わせないと無理です。

やり方は、Dreamweaverを使用して、となると、あらかじめレイヤーの表示／非表示用のJavaScript（ビヘイビアで追加できます）を入れておいてから、

(1) レイヤーを２つ用意
(2) 一つ目のレイヤー（名前はflashlayと仮定）にFLASHファイルを入れて、表示設定は「表示」にしておく
(3) 二つ目のレイヤー（名前はgiflayと仮定）に、テーブルを入れて、セル背景に背景画像のURLを指定して（例：<TD background="image.gif">）、表示設定は「非表示」にしておく
(4) FLASHの最後のフレームに、getURL("JavaScript:MM_showHideLayers('flashlay','','hide','giflay','','show')")を入れる

で、できますよ。

＞.gifファイルが基本のページの上に文字
これは、テーブルのセル背景に画像を設定して、テーブルの縦横サイズを設定し、その中に文字かけば、大丈夫です。

以下、参考ソース書いておきますね。
※テーブルサイズやレイヤー位置は適当です。カスタマイズしてください。
色々試してみて下さい☆

<HTML>
<HEAD>
<TITLE>サンプル</TITLE>
<SCRIPT language="JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_showHideLayers() { //v3.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</SCRIPT>
<STYLE type="text/css">
<!--
#flashlay { position:absolute;visibility:visible;left:10px;top:10px;}
#giflay{position:absolute;visibility:hidden;left:10px;top:10px;}
-->
</STYLE>
</HEAD>
<BODY bgcolor="#FFFFFF">
<DIV id="flashlay">
※ここにフラッシュの埋め込みタグを挿入
</DIV>
<DIV id="giflay">
<TABLE width="300" height="300" border="0" cellspacing="0" cellpadding="0">
<TR>
<TD background="image.gif">
テキストをここに
</TD></TR></TABLE>
</DIV>
</BODY>
</HTML>
    • good
    • 0
    • 件
通報する
この回答へのお礼

ご丁寧にありがとうございました。
早速やってみていますが、何分初心者なもので？？？がいっぱいです。
ゆくゆくはこのレベルまで達することを願いながらトライしていきます。

通報する
お礼日時：2002/10/15 13:53

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

関連するカテゴリからQ&Aを探す

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報