ホームページの作り方の質問です。

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

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2005/09/12 20:52:50
  • 終了:--

回答(3件)

id:honey_orange No.1

honey_orange回答回数544ベストアンサー獲得回数72005/09/12 21:44:59

ポイント20pt

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

ホームページ入門

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

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

②の質問は

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

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

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


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


<a href=”○○.html”>

<img src=”○○.gif”>

テキスト</a>


と 記述すればOKです

id:rrr3

どうもです。

2005/09/13 15:40:44
id:t83 No.2

t83回答回数22ベストアンサー獲得回数02005/09/12 21:58:36

ポイント20pt

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

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

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


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


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

id:rrr3

どうもです。

2005/09/13 15:41:49
id:battan No.3

battan回答回数63ベストアンサー獲得回数12005/09/13 02:56:58

ポイント20pt

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つのテーブルで、その他は別のテーブルになっています。

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

id:rrr3

わかりやすいですー。

どうもです。

2005/09/13 15:43:17

コメントはまだありません

この質問への反応(ブックマークコメント)

トラックバック

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません