• ベストアンサー

HPのデザインについて。

HPのデザインで、どうしてもこれを使いたい！というデザインがあります。…が、どうやって作るのかがわかりません； HPビルダーを所有しています。 パソコンスキルはあるほう…だとは思います。 説明しづらいデザインなので、参考素材サイトをはらしていただきます。 http://www.pw-design.jp/material/index.html このようなボタンを作りたいのですが…。

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

  • ベストアンサー
  • kitama
  • ベストアンサー率75% (12/16)
回答No.2

一応、経験上… ボタンって言うのは、上のメニューでいいのでしょうか？ まず、画像ですよね。 私の場合は、イラレで作って、 画像化して、フォトショップで調整Web用に変換します。。 画像の色違いを、2種類作って、使っていると思います。 ほかのボタンかなぁ？ 違ってたらごめんなさい。

kotoyu
質問者

お礼

ご回答ありがとうございます！ 上のボタンであっています、ありがとうございます^^ あー、なるほど、わかりました…！ 画像変換のHTMLとかはどうしているんだろう？なんて思っていたのですが、そういえばそれはビルダーでできました…。 本当にありがとうございました＾＾

その他の回答 (3)

  • kame999
  • ベストアンサー率21% (610/2826)
回答No.4

付録してませんか 確かウエブアートかな? それらしい物は作れると思いますが

noname#105334
noname#105334
回答No.3

1です。 HTMLはほとんど関係ありません。 HTMLではそのアイコンを載せる指令をするだけです。 HTMLの勉強よりペイントの方の勉強をしなくてはいけません。 そのペイントソフトは何なのか分かりませんので作成講座のサイトのURLを載せることはできません。 が、凝ったものはやはりフォトショップじゃないと難しいと思います。 GIMP2というフリーソフトもありますが、一通り使えないとWeb用アイコンなんて作れません。 思い通り作りたいのなら、フォトショップのスキルは不可欠でしょう。 Photoshop Elementsという廉価版でもそれなりに作れます。 けど講座サイトを見るだけではなく、実際に自分で触って試行錯誤を重ねて作るのがいいと思います。

noname#105334
noname#105334
回答No.1

ホームページビルダーだけでは難しいのではないでしょうか？ フォトショップなどのドローソフト・ペイントソフトで作っているようです。 絵心がないと難しいですよ。

kotoyu
質問者

お礼

早速のご回答ありがとうございました。 やはりビルダーだけでは難しいですか； フォトショではありませんが、ペイントソフトは一応持っています。 作り方というか、HTML等はわかりますでしょうか？

  1. カテゴリ
  2. パソコン・スマートフォン
  3. ソフトウェア
  4. ホームページ作成ソフト

関連するQ&A

  • HPデザイン

    http://www.0574.jp/ ↑に、いろんなHPランキング登録されています。 どうやったら、皆さんみたいな可愛いデザインHPが作れるのでしょうか？テンプレートをまねているのですか？ ちなみに、私はビルダーですが、誰でもできるHPしか作成できません。。。

  • ＨＰのデザイン

    http://home1.netpalace.jp/9/top.cgi このような形（タイトル部分とボタンとメインが別になっているもの）のＨＰをつくっているのですが なかなかデザインが決まりません。 なので上記のＵＲＬのようなＨＰの形（のデザイン）が乗っているサイトがあれば教えていただきたいです。 ＨＰのサンプルでもかまいません。 できるだけカワイイかんじのものがよいです。 なかなか無いとは思いますが・・・（＾＾； よろしくお願いします。

  • 保育系のかわいいデザインのHPを探しています。

    かわいいデザイン、またはおしゃれなデザインのHPを探しています。 保育園、幼稚園、企業内保育、認定こども園など保育系ならなんでもOKです。 現在参考にしているサイトは http://www.mitsuike.ed.jp/ http://www.kazetomidori.ed.jp/ http://www.tsukikage.com/ の３サイトです。 みなさんのおすすめのかわいい、もしくはおしゃれなデザインのHPを教えてください。 ※もし、保育系でなくても「これはおすすめだ！」というサイトがあればお願いします。

  • ＨＰデザインの悩みです。

    あるＴＶゲームのＨＰの管理人をしているんですが、 ＨＰデザインというものに困り果てています。 （管理人歴は半年といったところでしょうか・・。） トップデザインはＨＰの「顔」ですから良くしたいのは どの管理人でも同じ事でしょう。 しかし、「あまりにも」時間がかかりすぎて、 結局のところ不本意なデザインとなってしまいます。 トップページ一つ作るのに、１５時間ほどかかりました。 訳あって、ＨＰのアドレスは公開できませんが、 物凄く悩んだ末、書きこませていただきました。 http://www.yin.or.jp/user/moriya99/atoz/index.htm ↑AtozＨＰ作成体験 http://www.gun.dyn.to/~hp60/index.html ↑個人計算機倶楽部 http://www.annie.ne.jp/~sheepers/komain.html こういうページを参考に頑張りましたが、 やはり見ていてグッタリしてしまい、 参考になりませんでした。 シンプルかつ軽くて、お客様の目線から見て、 目に優しく、読みやすい・・・・・贅沢ですね。 他の方に聞いても皆さん誉めていただけるのですが、 自分では不本意です。 皆そう思っている、悩んでいるのは貴方だけではない！ とそう思う方も多い事かと思います。 しかし、無理を承知でお願いします。 皆さんはどうやって自分のＨＰを「かなり」満足のいく トップにしたでしょうか？ 「満足した」ＨＰを出来ればそこで終わりかと思います。 進歩もしないし・・・。 今まで何千というサイトを見てきましたが、 なかなかヒントが見つかりません。 真似になってしまいます。 まあ・・デザインは真似から、とも言いますが・・・。 やはりＨＰデザインは「参考書」など買って一から 勉強すべきでしょうか・・・。 何かアドバイスをお願いします。

  • あるＨＰのデザインをビルダーで再現する方法は？

    http://www.nttdocomo.co.jp/やhttp://www.kds.kddi.com/topics/index.htmlのサイトの構造をしりたいです。 http://www.kds.kddi.com/topics/index.htmlのトップデザインを参考にすながら、自分のサイトを作っています。 　よく見ると、「What' new」「トピックス」一番右は「いろいろなサイトのＰＲ」と３列にまとまっていて見やすいのでこれを参考にしながら、自分のサイトを作っています。 　ＨＰビルダーＶ９を使ってて、標準モードで作っています。次に、上記のサイトのように３列に分けてそれぞれの箇所を作っていきたいんですが、文字入力を選んで挿入すると、横１列全部使ってしまうので、縦３列にはできません。 　ワードの段組み機能を思い出したのですが、ビルダーでも段組をして縦３列を作るのでしょうか？ 　どうやっていいのか分かりません。縦３列にするにはどうすればいいのでしょうか？

  • ★ＨＰビルダーをマスターするのに最適な方法があれば教えて下さい。

    ★ＨＰビルダーをマスターするのに最適な方法があれば教えて下さい。 ＨＰビルダー（１０）を使って、商品を売る販売サイトを作ろうと思います。 一応２，３のＨＰは作ったのですが、見栄えやデザインが凝っていなくて、ぱっとしません。 そこでヤハリ、イラストレータの勉強もしなだめなのかな・・・と思っていたころ、 近所にパソコン教室があって「ＨＰビルダーマスターコース」７時間２２０００円というのを見付け 相談しました。 こういうサイトを作りたいのですけども・・ と講師に言うと 「ああ、こんなのはイラストラーターなんか使わなくてもビルダーだけでも作れるよ」 と伝えれました。 このようなデザインのサイトを作りたいです。 （直接ＨＰに飛びます） （見本） ★http://dc92s8eu6bub6.cloudfront.net/revolution/sale10/index.html http://hdd-trable.pcbox.biz/index.html http://www.iphone-repair-shop.biz/ 一番作りたいのは★をつけたようなデザインされたものです。 本当にＨＰビルダーだけでもこのようなサイトが作れるのでしょうか？ またパソコン教室に通うのもいいですが、家でＤＶＤを見ながら何回も復習したりできたらいいなと思います。 ビルダー用教材用のお勧めＤＶＤなどあれば教えて下さい。 よろしくお願いします。

  • デザインが良いサイト

    ホームページビルダーで、サイトを作ろうと思っているのですが、 なかなかレイアウトが思いつきません・・・。 サイトは4つ作ったことがあり、スタイルシートなどもほぼマスターしており、FLASHも作れます。 ホームページビルダーで作れる範囲で、デザインが良いサイトを教えて下さい。（クールでシンプル） 少々、参考にさせていただこうと思います。 僕がデザインが良いと思ったのは、下記のサイトです。 ・http://www.yamato-movie.jp/（個人ではないですが）

  • 訪問者のブラウザの大きさが変わってもＨＰのデザインを崩れなくさせる方法。

    僕は今ビルダー１０を使ってＨＰを作ってます。 サイトのデザインが決まり、 表やバナー等を挿入し、位置も整えました。 そしてブラウザボタンを押して、 ブラウザで見てもちゃんと整っている事を確認しました。 しかし、ブラウザの端っこを掴んでブラウザの大きさを小さくしてみると、 それまでちゃんと揃ってた表やバナーが一気に形を変えて崩れました。 このgooでもそうですが、 大抵のＨＰではブラウザの大きさを変えても、 入りきらない部分が隠れるだけで、 デザインが崩れてしまう事は無いと思います。 なんで僕のＨＰは崩れてしまうんでしょうか？ 崩れずに固定させる方法を教えてほしいです。

  • このようなHPのデザインにしたいんですが、、２

    すみません、先に質問した方を削除お願いします。HP作成を考えているんですが、初心者です。→田中麗奈のHPなんですが、http://www.tanakarena.co.jp/ 画像は動かなくていいんですが、画像は動かなくていいんですが、あと、オンライン詩集のサイトhttp://www.h7.dion.ne.jp/~tsukiyog/こんな感じなんです。こんな感じのHPのデザインにするには何のソフトが必要でしょうか？？それとも無料で自作でできるでしょうか？ まだ、ホームページ・ビルダー、Nvu、Dream Weaverぐらいしかソフトは知りません。 教えてください。

    • ベストアンサー
    • CSS
  • デザイン的なHP制作

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

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する