- ベストアンサー
Dreamweaverの背景
Dreamweaverを使ってHPを作っています。 一画面でいくつかの変化をつけたいと思っています。 用意したものは、 1.Flashで作ったロゴがくるくる回り最後は落ち着くという.swfファイル 2.背景用に作った枠内に収まる大きさ図がある.gifファイル 3.Dreamweaverの枠組です。 背景は白にします。その上に.gifファイルがのっかっているものを基本形にして、 各ページそれぞれのテーマで文字を打っていく予定です。 まずは１でロゴのアニメーションを見せた後、 ２に落ち着き、そこから展開させる方法を教えていただけませんか？ その後、.gifファイルが基本のページの上に文字を打ち込みたいのですが、 文字が図上を回りこんでしまいそれもうまくいきません。 どなたかアドバイスをお願い致します。
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
意図される事を間違って把握してるかも知れませんが・・。 Flashのイントロ(仮に"1.html")のあと"2.html"にリンクするという事でしたら。 Flashの最後にキーフレームを作成し、Actionのget URLで "2.html"を指定する。 >文字が図上を回りこんでしまいそれもうまくいきません グラフィックが背景ということであれば、[修正]--[ページプロパティ]--[背景イメージ]でその図のファイルを指定すれば背景になります。 また、普通に図を挿入して、その上に文字を重ねるにはスタイルシート等で {position:absolute;left:xxx;top:xxx}とする必要があると思います。 もしくは、グラフィックソフト(Fireworks)などで文字を含めたグラフィックスを作成する。
その他の回答 (1)
こんにちは。 どーしても、１ページで押さえる場合（ページ遷移しない場合）は、 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>
お礼
ご丁寧にありがとうございました。 早速やってみていますが、何分初心者なもので？？？がいっぱいです。 ゆくゆくはこのレベルまで達することを願いながらトライしていきます。
お礼
ご丁寧にありがとうございました。 いろんな方法があるんですね。 「ページのプロパティ」でとりあえずできましたが、何度も繰り返すので１枚で収まるようにやってみているところです。 ただ、ページ全体を使わず枠(テーブル）を作ってその中に収めたいので、ちょっと悩んでいるところです。 スタイルシートも勉強してみます。