グッドデザイン賞を受賞したウォーターサーバー >>

ホームページへのバナーの貼り方とバナーにリンクを貼る方法を教えて下さい。

このQ&Aに関連する最新のQ&A

A 回答 (2件)

<img src=""バナーがある場所"">


で、バナーの表示ができます。
これにリンクを加えるには、
<a href=""リンク先""></a>で囲う必要がありますので、
<a href=""リンク先""><img src=""バナーがある場所""></a>
となります。
    • good
    • 3

専門家紹介

山本慎太郎

職業:ITコンサルタント

20年間のweb制作の経験を活かし、コンサルティングを行っています。
特にGoogle AnalyticsやGoogle Adwordsを得意とし、主に中小企業のサイトの改善を行っています。

Google Anaylytics認定資格者
Google AdWords認定資格者

詳しくはこちら

専門家

バナーはIMGタグで表示できます。


まず、表示したいバナーがよそのサイトの物でしたら、ダウンロードしてきてください。
画像の上で右クリック→名前を付けて保存です。

そして
<IMG SRC="バナーの場所">
でバナーを表示し
<A HREF="リンク先"><IMG SRC="バナーの場所"></A>
でリンクが張れます。
例えば、バナーがそれを表示するHTMLと同じ場所にあり、名前がbanner.jpgだとすると
<A HREF="リンク先"><IMG SRC="banner.jpg"></A>
となります。

参考URLは、初心者向けに丁寧にHTMLを解説されているサイトです。
ここで勉強してみてください。
またOkWeb(教えて!goo)で検索しても、同じ質問がたくさん出てくるはずです。

参考URL:http://tohoho.wakusei.ne.jp/www.htm
    • good
    • 6

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人はこんなQ&Aも見ています

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Qバナーにリンクを埋め込む方法

お教え下さい。

バナーにリンクを埋め込む方法(とでも表現すればいいのでしょうか?)を探しています。

バナー画像上に「クリック」とか「詳しくはココから」などの表記が施してあり、そこをクリックすると指定されたリンクサイトに飛ぶものです。

つまり、1枚のバナー画像上に複数のリンク先を埋め込むことを行ないたいのですが、方法をお教え下さい。宜しく御願い致します。

Aベストアンサー

とりあえず、どこにあるのかも探すのが困難かと思い、
#2さんの説明を補足します。

「とほほのWWW入門」
基本編・画像(GIF/JPEG) -->「とほほの画像入門」
「クリッカブルマップに挑戦しよう!!」
http://www.tohoho-web.com/wwwimage.htm#CLICKABLEMAP

こちらの、
◆ 単に絵を並べる方法
なら、とりあえず実現も容易かと・・・。

◆ クライアントサイドクリッカブルマップ
なら、さらに <map> タグの説明を参照し
http://www.tohoho-web.com/html/map.htm

包含可能要素とある、area も参照すれば・・・。
http://www.tohoho-web.com/html/area.htm


で、とりあえず例示を書き写して
いろいろ書き換えたりして、
どこをいじると何がどう変わるか試してみると良いかと思います。

その上で改めて判らない処を質問しないと、
回答する側も、1から10まで説明するという事は困難なので・・・。

尚、どうしても理解不能で
それでも望む事を実現したいのなら、
そのデザインを縦線や横線など記号,文字で提示して、
丸ごとソースを教えてもらう以外にないかと・・・。
もちろん、応用(変更,使い回し)は無理でしが・・・。

参考URL:http://www.tohoho-web.com/wwwimage.htm#CLICKABLEMAP

とりあえず、どこにあるのかも探すのが困難かと思い、
#2さんの説明を補足します。

「とほほのWWW入門」
基本編・画像(GIF/JPEG) -->「とほほの画像入門」
「クリッカブルマップに挑戦しよう!!」
http://www.tohoho-web.com/wwwimage.htm#CLICKABLEMAP

こちらの、
◆ 単に絵を並べる方法
なら、とりあえず実現も容易かと・・・。

◆ クライアントサイドクリッカブルマップ
なら、さらに <map> タグの説明を参照し
http://www.tohoho-web.com/html/map.htm

包含可能要素とある、area も参照...続きを読む

Qリンクの貼り方を教えてください。

初心者です。
メールにリンクを貼る方法を教えて下さい。

相手にメールする時、

ホームページのアドレスを
"ここ"
"こちら"とかの言葉にに変えてリンクを貼りたいのですが

分かりません。お教え願います

Aベストアンサー

 このような場合HTMLメールを使います。
 ただし、HTMLメールは携帯など相手の環境によっては、うまく表示
されなかったり、HTMLメール自体が嫌いな人もいますので、注意して
ください。
 メールソフトがわからないと答えようがないのですが、Outlook Express
の場合で説明します。

1.メッセージの作成画面を開きます。
2.書式(O)-リッチテキスト(HTML)(R)を選びます。
3.「ここ」「こちら」なども含め、メールの本文を書きます。
4.「ここ」「こちら」をドラッグ操作などで反転させます。
5.挿入(I)-ハイパーリンク(H)を選ぶと、リンク先のアドレスを
  聞いてきますので、URLを指定します。

QバナーのURLについて

超初心者です。
HPを作ったので検索エンジンに登録しようとしたところ、「タイトルバナーのURL」を書き込む欄がありました。
イラストレターでバナー用に作成した画像をトップページに貼り付けてあります。
ただの画像を貼り付けただけなので、URLなどありません。
タイトルバナーのURLってなんですか?
バカな質問かもしれませんが宜しくお願いいします。

Aベストアンサー

(ローカルではなく)ウェブから自分のHPのトップページをみて、
その画像を右クリックしてプロパティを開いて見て下さい。
真ん中辺りに「アドレス(URL)」が表示されていると思います。
「http://」で始まり「.gif」で終わっていると思いますがそれです。

Qメールの画像にハイパーリンクを貼る

OutLook Express で 作成したメールに画像オブジェクトを挿入して その画像にハイパーリンクを設定したいのですが できるのでしょうか

具体的には メールに署名のような形で 画像を貼り
その画像をクリックすると リンクされたWebページにジャンプするようにしたいのです

Micrsoft Ward で 文書を作成して 挿入された画像オブジェクトにハイパーリンクを設定する方法はわかるのですが
Outlook Expressで できるなら その方法を教えてください  よろしくお願いします
PC:WinXP(IE6) です

Aベストアンサー

新規メールの書式をHTMLにして
本文のアイコンの画像の挿入から
指定の画像を選択し画像を入れます。

そして画像を選択して
ハイパーリンクアイコンで必要なURLを設定します。

これで出来るかと思われます。

Q画像イメージの上下左右、欲しいところに好きな間隔を入れられますか?

こんにちは。タイトルの通りサイト作成で、
画像の上下左右、好きな方向に間隔を入れられるかその方法をお教えください。

参考までに、DreamWeaver(ドリームウィーバー)2004MXです。

画像とテキストの兼ね合いで、画像の右側や左側に、
ところどころで間隔が欲しいと思っています。

間隔をいじれるところといえば縦間隔、横間隔になりますが、
縦間隔なら「上」と「下」、横間隔なら「右」と「左」、
これらが一度に動いてしまうのです。
片方には確かに欲しい間隔が得られるのですが、
ほう片方に要らない間隔ができてしまい困っています。

例えば右だけに間隔が欲しい。
左だけに間隔が欲しい。

こういう場合って、何かやり方があるのでしょうか。

もともと余白込みの画像を用意するという手も講じましたが、
その場合はその場合で、その画像が他のレイアウトに流用しづらい
という弱点を生んでしまい、レイアウトごとに画像を用意しなければならないので
対症療法としてはうまくいきませんでした。

また、画像ごとにセルを用意して任意の余白を作り出す手もありましたが、
セルがあまりにも絡まりあってしまい、
かなりぐちゃぐちゃなものになるためうまくいきませんでした。

やはりもうちょっと詳しい方にお訊きしようと思いまして
質問を立てさせていただきました。
素人質問で大変申し訳ありません。
どうぞ宜しくお願いいたします。

こんにちは。タイトルの通りサイト作成で、
画像の上下左右、好きな方向に間隔を入れられるかその方法をお教えください。

参考までに、DreamWeaver(ドリームウィーバー)2004MXです。

画像とテキストの兼ね合いで、画像の右側や左側に、
ところどころで間隔が欲しいと思っています。

間隔をいじれるところといえば縦間隔、横間隔になりますが、
縦間隔なら「上」と「下」、横間隔なら「右」と「左」、
これらが一度に動いてしまうのです。
片方には確かに欲しい間隔が得られるのですが、
ほう片方...続きを読む

Aベストアンサー

HTMLの初歩です。具体的には、
-------------------------------------------
<img src="○○.gif" width="100" height="100" alt="*"
style="margin: 10px 20px 0 30px;">

上10px 右20px 下0 左30px の四方の隙間が開く。
数値は例なので適当に変更を。
-------------------------------------------

<img src="○○.gif" width="100" height="100" alt="*"
style="margin: 5px 20px;">
上下5px 右右20px の2方の隙間が開く。

Q「以降」ってその日も含めますか

10以上だったら10も含める。10未満だったら10は含めない。では10以降は10を含めるのでしょうか?含めないのでしょうか?例えば10日以降にお越しくださいという文があるとします。これは10日も含めるのか、もしくは11日目からのどちらをさしているんでしょうか?自分は10日も含めると思い、今までずっとそのような意味で使ってきましたが実際はどうなんでしょうか?辞書を引いてものってないので疑問に思ってしまいました。

Aベストアンサー

「以」がつけば、以上でも以降でもその時も含みます。

しかし!間違えている人もいるので、きちんと確認したほうがいいです。これって小学校の時に習い以後の教育で多々使われているんすが、小学校以後の勉強をちゃんとしていない人がそのまま勘違いしている場合があります。あ、今の「以後」も当然小学校の時のことも含まれています。

私もにた様な経験があります。美容師さんに「木曜以降でしたらいつでも」といわれたので、じゃあ木曜に。といったら「だから、木曜以降って!聞いてました?木曜は駄目なんですよぉ(怒)。と言われたことがあります。しつこく言いますが、念のため、確認したほうがいいですよ。

「以上以下」と「以外」の説明について他の方が質問していたので、ご覧ください。
http://oshiete1.goo.ne.jp/kotaeru.php3?qid=643134

Q画像をURLに変換(http://××)したいのですが・・・

マイピクチャーにある画像を加工してホームページのスタイルシート(CSS)に使いたいのです。
  http://×××のようなURLに変換したいのです。過去ログなどを探してみましたが自分では理解できませんでした。
 お手数ですがご教授お願いします!
過去ログ→http://okwave.jp/kotaeru.php3?q=1739889

Aベストアンサー

私の知る限りでは、「http://~」というURLに変換するツ
ールはないように思います。

CSSやHTMLなどで画像やファイルの場所を指定する場合
は、URL(http://~)でなくて、相対パスと呼ばれるもの
でも大丈夫です。
http://www.tohoho-web.com/css/reference.htm#background-image

background-image: url(http://www.yyy.zzz/image/back.gif);
background-image: url(image/back.gif);

この場合は、ご質問にある過去ログの回答のソフトで画像
の相対パスの自動入力が可能です。
HTMLタグだけでなく、CSSにも対応しています。


※ただし、編集または表示しているページから見て、呼び
出す画像やリンク先が違うサーバーにある場合は、アドレ
ス(http://~)で指定しなければなりません。
呼び出す(表示させたい)画像を編集中のファイルとは違う
サーバーに置く場合は、いったん相対パスで自動入力させ
てから、後で書き換えると楽かもしれません。

サーバー1(http://www1.example.ne.jp/~user1/)
トップページ(index.html)
+画像フォルダ(image1) ― 画像1(photo1.jpg)
             ― 画像2(icon1.gif)

サーバー2(http://cgi1.example.ne.jp/~user1/)
掲示板(bbs.cgi)

例えばHTMLと画像はサーバー1に置けるが、サーバー2は
CGI専用で画像を置けないという場合でなければ、相対
パスで大丈夫です。

相対パス
※トップページと画像フォルダは同じ位置にあります。
フォルダを開いてみた場合、トップページと画像フォル
ダは見えますが、中にある画像2つは画像フォルダを開か
ないと見えない状態です。
この状態でトップページ(index.html)に書かれる画像の
相対パスは、次のようになります。
画像1が「(./)image1/photo1.jpg」
画像2が「(./)image1/icon1.gif」
画像をフォルダに入れない場合、トップページと画像は同じ位置(階層)にあるので、相対パスは次のようになります。
画像1が「(./)photo1.jpg」
画像2が「(./)icon1.gif」
※()の中はつけてもつけなくてもどちらでも大丈夫です。
※()や「」は必要ありません。
※過去ログの回答にあるソフトで、この相対パスでの自動
入力が可能ですのでお試しください。

※別のサーバーに画像を置く場合、相対パスは使えません。

ここからは相対パスではだめな場合の対処方法です。

サーバー2にある掲示板(bbs.cgi)から、サーバー1にある
画像2を呼び出したい場合はアドレスを次のようにする必
要があります。
「http://www1.example.ne.jp/~user1/image1/icon1.gif」
ホームページ作成時になるべく実際のサーバーの状態と近
くなるように「サーバー1」「サーバー2」というフォルダ
を作成します。(実際は同じフォルダ内であれば、お好き
な名前でかまいません)

この状態でサーバー2のbbs.cgiを編集中にソフトの画像自
動挿入機能を使用して画像2を呼び出すと、画像2の相対
パスが「../サーバー1/image1/icon1.gif」として挿入
されます。

2つのサーバーのアドレスを記載したファイルを作り、ホー
ムページファイル編集時にこのファイルも一緒に開いて、
必要な時だけコピー&ペーストして使用します。
「http://www1.example.ne.jp/~user1/」をコピーして、
編集中のファイルの「../サーバー1/image1/icon1.gif」
のいらない部分「../サーバー1/」を選択状態にしてから
貼り付けます。
そうすると必要な画像のアドレスになります。
「http://www1.example.ne.jp/~user1/image1/icon1.gif」

説明だけ見ると難しく感じるかもしれませんが、実際に操
作してみると簡単だと思いますので、まずは実際にお試し
ください。
※上はただの例ですから、ご自分のホームページのアドレ
スを記載してください。
※必ずご自分のホームページ領域に画像を転送(アップ)し
て利用するようにしてください。(大部分の素材屋さんは
直リンクを禁止していますので、素材屋さんにある画像の
アドレスをそのまま使用することはルール違反になりま
す。)

※直リンク=自分のホームページに素材屋さんのサーバ
ーに置いてある画像を呼び出して使用すること

すでに知っていることまで書いたかもしれませんが、分
からなかったら補足して聞いてください。(^^;

私の知る限りでは、「http://~」というURLに変換するツ
ールはないように思います。

CSSやHTMLなどで画像やファイルの場所を指定する場合
は、URL(http://~)でなくて、相対パスと呼ばれるもの
でも大丈夫です。
http://www.tohoho-web.com/css/reference.htm#background-image

background-image: url(http://www.yyy.zzz/image/back.gif);
background-image: url(image/back.gif);

この場合は、ご質問にある過去ログの回答のソフトで画像
の相対パスの自動入力が可能です。
HTMLタグだけでなく...続きを読む

QEXCELをJPEGで保存ができますか。

写真があります。

EXCELで挿入→写真で
EXCELに写真を貼り付けます。

いろいろな文字を入れて
EXCELで保存することはできます。

ところで
しかし保存の方法をEXCELをJPEGで保存したいのですが。
できますか

JPEGで保存すると写真屋さんで印刷ができると言われたので
このようなことができたら、教えてください。

よろしくお願いします。

Aベストアンサー

スクリーンショットをJpegで保存すると言うのでよいのでしょうか?

1. エクセルのJpeg化したい画面を表示しAlt+PrintScreenを押します。
2. Paint等を開きCtrl+Vで貼り付けます。
3. Jpegで保存します。

Q白い部分を透明にすることは可能ですか?

ペイントで白い部分を透明にすることは可能ですか?
やり方を教えてください。
ペイントじゃできないのかも教えてください。

Aベストアンサー

 残念ながらペイントでは、まわりが、白いままです。
 
 お使いのパソコンのOSが、一致するようでしたら
 
 無料のソフト「GIMP」(ギンプ)を使用することをおすすめします。

 ・Gimp2のダウンロードページ
 http://www.geocities.jp/gimproject2/download/gimp-download.html


 ・GIMP(ギンプ)の使い方
透過(透明な部分を作る技法)
 保存は、gifかpngの拡張子にして下さい

  http://www.geocities.jp/gimpmanual/manual.html

 ※jpgは、写真を構成するのが、目的な拡張子ですので
   まわりが、白くなり透明には、なりません。

Q前年比の%の計算式を教えてください

例えば前年比115%とかよくいいますよね?

その計算の仕方が分かりません・・・
例えば 前年度の売り上げ2.301.452円
    今年度の売り上げ2.756.553円
の場合前年比何%アップになるのでしょうか?計算式とその答えを
解りやすく教えて下さい・・・
バカな質問でゴメンなさい(><)

よろしくお願いします。

Aベストアンサー

 
(今年の売上÷前年の売上×100)-100=19.8%の売上増加

 


このQ&Aを見た人がよく見るQ&A

人気Q&Aランキング