人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

ホームページの作り方の質問です。
ヤフーのトップページを見て頂けますか。
?同じものを作るのに、ドリームウェーバー、ファイヤーワークス、フラッシュ、どのソフトで作られますか?私の想像は、ファイヤーワークスとフラッシュなどで、画像、動画を作り。ドリームウェーバー上に貼り付ける。と考えています。合っていますか?作られ方の流れを教えて下さい。
?右側にログインする個人ツールがあります。水色の部分です。この濃い水色の部分と四角で囲まれた薄い水色の部分を作る流れを教えて下さい。また、薄い水色部分のメールと書かれた部分だけは、画像と文字が同じ選択肢になります。この部分も特記して頂けますか。どのようにしたらこうなるのか。お願いします。
私の予測??では、
1、個人ツールと書いている濃い水色の部分をファイヤーワークスで作る。その下の薄い水色の四角い囲いは、ドリームウェーバーでテーブルのように作る。ただ、水色内部のメール画像とメール文字を同じリンクにする方法がわかりません。(断っておきます。フィッシングではありません。個人ページの参考にさせて下さい。)

●質問者: rrr3
●カテゴリ:コンピュータ 芸術・文化・歴史
✍キーワード:ソフト トップページ ドリームウェーバー ファイヤー フィッシング
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● honey_orange
●20ポイント

http://www.tohoho-web.com/wwwbeg.htm

ホームページ入門

?のあなたの解釈は だいたい合っています

詳しくは こちらのサイトを参考になさってください

http://img.yahoo.co.jp/images/rb.gif

?の質問は

濃い水色部分も テーブルです

濃い水色と薄い水色で上下二段になっており

濃い水色の右端だけに URLのような画像が配置されているだけです


画像とテキストを 同じリンクにするには


<a href=”○○.html”>

<img src=”○○.gif”>

テキスト</a>


と 記述すればOKです

◎質問者からの返答

どうもです。


2 ● t83
●20ポイント

http://www.yahoo.co.jp/

Yahoo! JAPAN

1.StudioMXを使うならそれで合ってます

2.濃い水色の部分と四角で囲まれた薄い水色の部分はそれぞれ独立したtableとなっています。

個人ツールの部分は個人ツールの文字のあるところは背景色指定の四角いテーブルになっており「個人ツール」の文字は画像ではなくテキストデータになっています。で、右側の斜めに切れてる部分が三角形の画像になっています。そして薄い水色を濃い水色で囲ってあるところの上の方の濃い水色の線が少し太いですがこれも「個人ツール」と同じテーブルになっています。


で後は薄い水色のテーブルを上のテーブルと密着させて作るだけです。


メール画像とメール文字のリンクですが最初に画像と文字を設置し両方ともドラッグし右クリックメニューにある「Make Link」(持っているのが英語版なんで日本語版で相当する物を選んでください)を選べばできます。

◎質問者からの返答

どうもです。


3 ● battan
●20ポイント

http://www.macromedia.com/jp/

Adobe Systems Incorporated(アドビ システムズ社)

アドレスはダミーです。


一番手っ取り早いのはyahooのトップを名前を付けて保存し、ウィーバー

で、新規サイトとして登録して開いて見ることだと思います。


?についてはほぼ流れをつかんでいます。

多少CSSなどを使うことで画像化しなければならない部分は減るかもしれません。


?<A href=”http://www.yahoo.co.jp/r/ma”><IMG alt=Yahoo!メール src=”Yahoo! JAPAN.files/mail1.gif” align=textTop border=0><FONT color=#0000ff>メール</FONT></A>

という具合に画像と文字をAタグで囲みます。

ウィーバーでやる場合、画像と文字を選択してリンク先へドラッグ&ドロップすれば

良いかと思います。ウィーバーが気を利かせて、

<A href=”http://www.yahoo.co.jp/r/ma”><IMG alt=Yahoo!メール src=”Yahoo! JAPAN.files/mail1.gif” align=textTop border=0></A>

<A href=”http://www.yahoo.co.jp/r/ma”><FONT color=#0000ff>メール</FONT></A>

のように別々にリンクを貼ることがあります。別段気にしないのであればそのままで。

気になるようなら、タグエディタの方で間の</A><A href=”http://www.yahoo.co.jp/r/ma”>を削除してしまえば良いと思います。


基本的に個人ツール・ログインが1つのテーブルで、その他は別のテーブルになっています。

画像になってるるのは斜め部分のみで、後はテーブルのバックカラーにて作成しています。

◎質問者からの返答

わかりやすいですー。

どうもです。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ