• ベストアンサー

ホームページの作り方

地図検索ソフト マピオンラボ のような動きをするホームページを作りたいと持っています。 画像データを貼り付けて、上下左右に動かせて、縮小拡大も自由に出来るようにしたいのです。  参考になる本を探しているのですが、なかなか見つかりません。 どなたかご紹介いただけませんか? 

  • HTML
  • 回答数2
  • ありがとう数2

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

  • ベストアンサー
noname#25358
noname#25358
回答No.1

 一般には、あの手のプログラムは「Flash」で作られていることが多いようです。  HTMLのみではできませんので、Flash の勉強をするのが近道でしょう。  それと、表示するデータが地図であれば、自分で作るか、もしくは権利を入手しなければいけません。  市販のCD-ROMから吸い上げてネット上に公開すると違法ですのでご注意ください。

schako
質問者

お礼

回答ありがとうございます。 早速、Flash の本を探そうと思っています。 尚、画像データは、地図ではありません。

その他の回答 (1)

回答No.2

単に >上下左右に動かせて、縮小拡大も自由に出来る これだけでよければ、JavaScript と CSS の機能を用いて実現が可能です。 ただブラウザ等の閲覧者の環境をもろに受ける為、 配慮する事が多い為、あまりお勧めできる物ではありません。 ただ、ホームページの内容により閲覧者を限定したり配慮の程度とか Flash の場合でのデメリットとの比較次第で・・・。 尚、CSSでのポイントは、上下左右に動かすのは要素の位置指定などの機能、 縮小拡大は要素の高さ,幅を指定する機能・・・。 最後に権利関係ですが(#1の方の投稿とその礼文をうけて)、 別に地図に限った事ではありませんのでご注意を。 特に縮小拡大や上下左右に動かすという事は 単に転載自由の場合では許可事項に含まれておりませんので、 権利侵害,違法となる場合があります。 ご自分の完全オリジナルか、 縮小拡大や上下左右の動かす事も許可されている物か、 改めて許可を貰うかして下さい。 (未確認ですがもしかすると Flash の場合はHTMLと異なり媒体変換の扱いとなり、権利関係がさらに面倒かも・・・。まぁ自分の完全オリジナル画像なら元々権利は問題ないですが・・・。)

schako
質問者

お礼

回答ありがとうございます。 CSSだけでも可能なのですね。 調べてみようと思います。 尚、画像データの使用についてですが、ご指摘ありがとうございます。 個人用でも完全オリジナルは、なかなか作れませんからね、気をつけたいと思っています。

関連するQ&A

  • ホームページ用のオシャレな地図の見せ方

    ホームページ用のオシャレな地図の見せ方が思いつかず困っております。 6店舗ほど複数の店舗をひとつのページにおさめないといけないのですが、どうしても縮小されて見えづらくなってしまいます。そこでクリックすると拡大する動きをさせて、なおかつ少しオシャレな動きをさせたいのですが、なかなかそのようなオシャレな地図のサイトも見つからず困っています。できればジャバスクリプトでそのような動きをさせたいのですが、どなたかご存知の方いらっしゃいましたらご教授いただけますでしょうか。よろしくお願いいたします。

  • ホームページで画像を動かしたい

    こんにちは。 動くホームページを作成したいのですが、作成方法がわかりません。 というより、何で動いているのかがわかりません。 (Flashとか、アニメーションgifとか、cgiとか???の分類) 動きとしては、この様に動かしたいです。 http://www.sekisuihouse.co.jp/ (1) 植物を持った手 (2) 女優さん (3) 日本地図 (4) 建物 の様にメインの画像をいろいろな変えて表示させたいのです。 付随してくる文字や、絵は不要です。 この様な動きは何で動いて、どの様にして作るのでしょうか? お金を掛けることはできませんので、無料ソフトなどご紹介頂けると助かります。 また、よく見かけるような 「New」等の画像が点滅しているだけの物も着けたいです。こちらは無料でDLできるサイトをご紹介いただければ、自力で何とかなりそうです。 動かないホームページは作成済みで、そこに載せたいのです。 どなたかご教授ください。 使用ソフトは「HTML Project2」参考書籍は「できるホームページHTML入門」です。その他、ネット上での皆様のアドバイスです。 宜しくお願いします。

  • googleマップへのリンクをホームページで利用できるか?

    学校のホームページの地図ページに「googleマップで表示する」というリンクテキストを表示し、学校の住所が選択されてるURLを記述したいのですが、この場合は地図の商用利用にはならないからいいのでしょうか? googleマップの利用規約を読みましたがよくわからないので教えてください。 ちなみに、学校のホームページの地図ページの地図は画像データで表示し、googleマップの地図(拡大縮小機能)を使いたい方のためのリンクを張りたいと考えています。googleマップのを学校ホームページ内に表示する訳ではありません。 個人のホームページでないので、著作権・利用規約に違反するかしないかが心配で質問させていただきました。

  • フォトショップ画像を縮小したい

    フォトショップで作った画像を上下左右の比率を変えずに20パーセント縮小したい場合どうしたらいいのでしょうか。 バウンディングボックスを使って任意に縮小拡大は出来ますが、指定したパーセントで縮小拡大する方法はあるのでしょうか。 ご存知の方アドバイスよろしくお願いします。

  • 画像の結合ソフト

    複数ある地図データ(ファイル)を結合したいのですが、次のような物がありましたら、紹介して下さい。 ?結合部重ね合わせ部分が透明(一方が消える)になる。 ?画像の拡大、縮小、回転ができること。

  • iPhoneサイトにgooglemapを掲載したい

    iPhone用のウェブサイトにgooglemapの地図を掲載しています。 PCから見たGoogleMapの「HTML を貼り付けてサイトに地図を埋め込みます」というソースをそのまま利用しているのですが、iPhoneからみると右上にある「写真」「地形」を選択しても何も表示されません。 また、左上にある地図を上下左右・拡大縮小させるコントローラー?も全く動きません。 地図上を指でドラッグすると地図はスルスルと動いてくれるのですが、「写真」「地形」などを表示したり、拡大縮小するにはどうしたらいいのでしょうか? iframeのパラメーターに何か追加する必要があるのでしょうか? それとも「HTML を貼り付けてサイトに地図を埋め込みます」からではダメなのでしょうか?

  • フォトビューアーとホイール

    ただいまwin7のフォトビューアーを使用しているのですが 大きな画像となるといちいち クリックした状態で移動させるのが面倒でしかたありません。 そこで、違うのを使ってみようと思うのですが ホイールで拡大縮小にならず、上下の動きができる いい無料のソフトは無いでしょうか?

  • ホームページの更新

    会社のホームページを更新しています。つい最近、案内図にgoogleの地図を載せましたが、どうしても縮小された状態で埋め込まれてしまいます。  出来たら、最初から拡大した状態で表示されるようにしたいのですが、方法ご存知の方いましたら、力を貸していただけませんでしょうか?

  • フォトショップでの切り抜きの範囲の拡大縮小について

    フォトショップでの切り抜きの範囲の拡大縮小について教えてください。 ツールから切り取りツールを選択して、画像上に切り取り範囲を つけて(四角)、それの拡大縮小についてですが、 たとえば、600ピクセルx800ピクセル(または5cmx8cmなど) 切り抜く範囲の大きさをあらかじめ指定して切り抜きたいのですが そのようはことができるのでしょうか? 今しているのはまずは適当に大体の大きさで切り取り範囲を作ります。 それから情報ウィンドウをみて600になるように辺にマウスをあてて 全神経をマウスに集中してするのですが1ピクセル単位であわせるのは 至難の業です。それを幅方向、高さ方向で両辺しないといけないの 苦労します。 マウスを辺にもっていくと左右両矢印、または上下両矢印、 角であれば斜め両矢印になりますよね?それでマウスを用いて 微小調節をしておりますが、これをキーボードによる操作で 可能でしょうか?キーボードでたとえば左右上下の方向キーを 1度押すたびに1ピクセル拡大縮小ということをしたいです。 いろいろ試して見ましたがうまくいきません>< 切り抜きの範囲画でている状態で左右上下の方向キーを使うと 範囲の拡大縮小でなく、上下左右の移動にしかなりません。 これを拡大縮小で機能させる方法があれば教えてください

  • 画像の上下左右を切り取るツールを探しております。

    新規IDで失礼します。 ちょっと探してみたのですが思うようなソフトウェアが見つからなかったので こちらで回答を得られたらと思います。 今回は画像の上下左右を切り取るツールを探しております。 例えば 500x500pix の画像を 640x480pix にしたいという場合に そのままでは画像の比率が合わず画像が伸縮されてしまうので、 比率1.3333....を指定しその比率になる様画像の上下を切り取る、 のような動作を行ってくれるツールはありませんか? 切り取る範囲を選択できる事が本来であれば望ましいのですが無ければ無い物でも結構です。 拡大縮小は各自行いますので拡大縮小機能の有無は問いません。 ご回答お待ちしております、よろしくお願い致します。

専門家に質問してみよう