ベストアンサー

デザイン的なHP制作

2007/02/23 01:06

こんばんわ。ひとつ質問させてください。現在HP制作で行き詰っています。それはデザイン的で、本格的なHP制作がしたいのです。そして、このようなHPを作りたいという目標HPがあります。では具体的なデザインといいますと、ずばり、芸能人の方々がお持ちのHPですが、本人の名前を挙げてもよいのかどうか…。歌姫H.Aさんのような、フレームが縦に３つわかれていて、その真ん中のフレームに縦型に伸びたデザインで、リンクのボタンなどもデザインされているようなものです。たとえばその日本の歌姫H.AさんのHPの「骨組み」などは、どのソフトで作られているのでしょうか… 画像などは、イラストレーターやフォトショップで加工し、動く絵はフラッシュだろうという予測はついているのですが…。ちなみに、HP制作はビルダー6.5とタグ打ち（メモ帳）などは知っていて、基本的な骨組みも出来ます。CSSも少し分かります。デザイン的なHＰの骨組みを作るソフト名などを教えてください。お願いします！現在仕えるソフトイラストレーターフォトショップビルダー直接のタグ打ちフラッシュ（リンクを飛ばすなどの基本的なアクションスクリプトは分かります）どうかお願いします。ソフトが分かればあとは、自分で本を買って勉強しますので。手助けをしていただけないでしょうか。

momoharu86
お礼率88% (52/59)

ホームページ作成ソフト
回答数5
ありがとう数4

みんなの回答 （5）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

kyonoryori
ベストアンサー率40% (30/74)

2007/02/23 13:31 回答No.5

はじめまして。ウェブ制作の仕事をしています。件のサイト拝見しました。たしかにフレームを使わずHTMLとCSSでコーディングしているようですね。レイアウトはCSSで行っているので、その方面の知識が薄いとちょっと難解かもしれません。他の方がおっしゃっているように、HTMLをコーディングする上でソフトは必須ではありませんが、理解して使用することで手間を短縮できるのは確かです。Dreamweaverは高価ですが、やはりよくできています。ただしHTML・CSSを理解しないで使うのはあまりおすすめしません。当面はエディタでちくちく作ればいいかなーとは思います。メモ帳より「秀丸」などの高機能エディタのほうがやりやすいと思います。ウェブサイトはざっと以下の流れで作ります。 (1)コンテンツ・構造を決定 (2)FireworksやPhotoshopなどでデザインを作成（トップページと中ページなど、必要な数だけ） (3)必要な画像をスライスで切り出し (4)HTML・CSSコーディング、必要ならFlashも作成 (2)をやらないとデザインの統一感が出ません。ここできっちり詰めてください。ここで見た目はすべて決まってしまい、(3)、(4)はそれをHTML上に再現するだけです（Flashは特殊なので除く）。ソフトの選択はけっきょく好みですが、私はメインはFireworks、複雑な画像処理・写真の加工にPhotoshopを使っています。たぶん質問者様が求めているのはこのあたりなのではないかと……。ウェブ制作総合の書籍もたくさん出ているので、１冊でざっと概要を、その後それぞれの技術を学ぶといいと思います。

質問者

お礼 2007/02/26 11:32

回答ありがとうございます！とてもわかりやすかったですし参考になりました！ウェブ制作の書籍を買ってみましたが、独学なので特にCSSがなかなか理解できず苦労していますが、努力してみます！

その他の回答 (4)

Hoyat
ベストアンサー率52% (4897/9300)

2007/02/23 01:34 回答No.4

作る気になればビルダーで十分なレベルです。まぁ多分Dreamweaverでしょうけどね。理由はFlashとの親和性です。 Metaタグの使用ソフトを消すのは基本的に当たり前に出来る事なんで。ソフトの操作で作られたものではなく如何にして自らインスピレーションを生みそれを具象化するかなんで正直ソフトは関係ないです。極端な話text手打ちでも出来る事しかやってないです。コード的には。以上HAさんのところの話です。何を指して「デザイン」的なのか？ですデコレーションを凝ったりギミックを凝ったりするのがデザインではないわけでソフトはあくまで道具に過ぎません。目指す方向が同じならフォトショでもイラレでも良いのでまず真似してみては如何ですか？貴方の使えるソフトだったら少なくともあのHPと同等以上の再現は可能です。それ以上のソフトは不要ですよ。

質問者

お礼 2007/02/23 02:32

回答ありがとうございます！真摯に受け止めました。＞極端な話text手打ちでも出来る事しかやってないです。という回答にようやくもやもやが晴れつつあります。ＨＰ制作を始めてまだまだなのですが、私にとってはあれは何か特別なソフトを使っているのではないかと考えていました。なぜなら、私が持っている基本タグではなかなか再現できないなぁと頭を抱えていたからです。しかし、専門的に知っている方からすれば、特に難しい技術を使っているわけではないという事がわかり、まずそれを知ることが出来て満足しています。ドリームウィーバーの勉強と、目標のサイトのデザインや骨組みの研究や勉強をしてみます！

kaze_o
ベストアンサー率0% (0/1)

2007/02/23 01:31 回答No.3

こんばんは >たとえばその日本の歌姫H.AさんのHPの「骨組み」などは、どのソフトで作られているのでしょうか… フレームページならビルダーでも作れたと思いますけど。歌姫H.Aって浜崎ですか？サイト見てみましたけどフレームは使われてない感じなので違うのかな…。

質問者

補足 2007/02/23 02:09

大変申し訳ございません。。私の説明が至らないばかりに…。浜崎さんのホームページで間違いありません。私の知る限りの知識で浜崎さんのサイトを拝見した場合、あのサイトはフレームで３つに区切られていて、その中にサイトが表示されているものばかりに考えていました。しかし、皆様の回答を読みまして、それが誤りであることに気付きました。説明と知識不足ですね… 本当に申し訳ありませんでした。

naokita
ベストアンサー率57% (1008/1745)

2007/02/23 01:29 回答No.2

ソフト等、使ってないと思いますよ。タグ打ちが出来るのならソフト等に頼らずに、そのサイトのソースを見て基本的な枠組をマネするだけでいいと思いますが・・・勉強にもなりますし。

質問者

お礼 2007/02/23 02:21

回答ありがとうございます！実は以前、ソースは拝見したのですが、画像の貼り付けなどの基本タグしか理解できませんでした… 根気よく読み解いていけば良かったのでしょうが、慣れない文字列に混乱して、全体像がつかめず、ある箇所、ある箇所と途切れ途切れにしか理解できず… タグは打てるといっても、上級者ではなく、ようやくタグを理解しはじめて、ＨＰ制作の流れが分り、作れる段階です。しかし、何かソフトに頼る前に、参考になるサイトで勉強するという事は私にとって良い教訓となりました。ありがとうございます！