会員登録で5000円分が当たります

こんにちは、
過去の質問でも検索したのですが、
希望する質問&回答が検索できませんでしたので、
教えてください。

ホームページに画像データ(JPG)やリンクでPDFを表示させる式はなんとなく分かったのですが、
画面上に直接PDFを表示させる式を教えてください。

ホームページ作成は初心者です。
基本的な質問で申し訳ありませんがお願いします。

リンクの式は、
<a href="/○○○○/gazou1.pdf" target="_blank">リンク</a>

画像を貼り付ける式は、
<img src="/○○○○/PDFgazou.jpg" alt="内容" width="900" height="1000" border="0">

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

A 回答 (5件)

#2です。

繰り返しになりますが、PDFファイルを直接表示することはできません。

表示できるのは
・テキスト
・画像ファイル(jpegやgifなど)
・アニメーション(アニメーションgif、flash, javascriptでのアニメーションなど)
・音声
くらいです。

PDFファイルの内容を表示するには、皆さんの回答のように一旦画像ファイルに変換するしかありません。ただ、これだとテキスト情報をコピーできないので、見る人によっては不満があるかもしれませんね。
pdf2html.exe(参考URLを参照)などのツールを使えば、PDFファイルをhtmlファイルに変換できます。私も使ったことがありませんので、どれくらいpdfファイルのレイアウトを保持できるか分かりませんが。

参考URL:http://www.geocities.co.jp/SiliconValley-Bay/199 …
    • good
    • 0
この回答へのお礼

2度の回答ありがとうございます。

教えていただいたように、
一旦画像ファイルに変換することにしました。

お礼日時:2003/05/20 16:56

私のホームページはPDFで埋まっています.私はホームページビルダーを使っており、ファイルの転送はFTPで行っています.


ホームページのページ編集画面でPDFの説明文を作成し、リンクの挿入をクリックします.直後に表示されるのはURLファイルだけですが、参照の下向き▼をクリックし「すべてのファイル」を指定すると、自分のホルダー中のPDFも表示されます.この中から該当するファイルを選んでOKとし、ファイルを保存、すべてのファイルを保存します.FTPで転送すればPDFはホームページに掲載されます

参考URL:http://homepage2.nifty.com/orthopub2/
    • good
    • 0

できなくはないと思います。

PDFを割り付けられるDTPソフトからHTMファイルを作ればいいと思います。
それより、PDFにしている文書をPDFにしないほうが楽だと思います。元の文書をEXCELに画像貼り付けしてから(拡張メタファイルになる)、さらにHTM文書に貼り付けたらどうでしょう。
    • good
    • 0
この回答へのお礼

ご回答ありがとうございます。

私も現在、PDFファイルをJPGに変換して
画面に表示するように設定をしているのですが、
このPDF⇒JPGを変換する手間を省いて、
直接、PDFを貼り付ける方法を探していました。


アドバイス、ありがとうございました。

お礼日時:2003/05/20 09:27

ずばり、ページ内の一部にPDFファイルを表示することはできません。

    • good
    • 0

普通に


<a href="xxx.pdf">リンク</a>
でいいんでは?

アクロバットリーダがインストされていればクリックした瞬間にアクロバットが起動されて表示されます

この回答への補足

回答ありがとうございます。

教えて頂いた
<a href="xxx.pdf">リンク</a>
の場合ですと、
例えば、画面(1)に文字(リンク)と表示されて、
リンクの文字をクリックすると画面(2)PDFが表示されます。
が、私の希望しているのは、
画面(1)の文字をクリックして、画面(2)PDFを表示するのではなく、
画面(1)の一部分にPDFが表示されている状態にしたいのです。

作ろうとしている画面は、申請書を作りたいのです。
一画面の中が複数のエリアに分かれています。
1つエリアには、PDFが表示されてて、
他のエリアには、テキストがあったり、
チェックボックスがあったりします。

質問がわかりにくくてすいません。

補足日時:2003/05/19 18:48
    • good
    • 0

このQ&Aに関連する人気のQ&A

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

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

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

QホームページにPDFファイルをリンクさせる方法

ホームページを公開していますが、今回エクセルで作成した文書をPDF化して、画像と同じ感覚で<img src="photo/excel-1.pdf">のHTMLタグでリンクしました。作成ソフトでは、うまくリンクしてAdobeReaderが起動、PDFファイルが表示されました。
ところが、Yahoo!のサーバーにUPして確かめたら「ページが見つかりません」のメッセージが出て表示されません。
解決策をどなたか教えて下さい。

Aベストアンサー

こんにちわ。

リンクさせるとはこのようなことでしょうか?
<a href="表示させたい.pdf">PDF文書を表示</A>

QPDFをホームページにアップする方法

現在PCの中にPDFがあります。
そのPDFをレンタルサーバのホームページへ
アップしたいのですがアップ方法が分かりません。

どなたか詳しい方教えて下さい。
宜しくお願いたします。

Aベストアンサー

作成しているHPの構成ファイル(HTMLや画像ファイル、フラッシュ動画ファイルなど)と同様にアップロードすれば良いです。
PDFファイルだから特別なアップ方法があるわけではありません。

レンタルサーバーによっては、
簡単作成とか言って
詳しくなくても作成できるようにと
FTPをHP上でできるようにしていて
HTMLか画像ぐらいだけアップ(または削除)できるようにしてる場合もあります。
その方法で作っておられるとしたら、現在アップできなくても仕方が無いかな…と(^^;)
もしそうなら、
この際、FTPソフト(FFFTPが有名)を使えるようになった方が良いかもしれません。

インストール後のFFFTPの初期起動時のメルアド入力は適当な文字列で結構(xx@xx.jpでも受け付けます)。使うことは、まずありません。
起動したら、左上の「接続」>ホストの設定クリック。
開いた窓「ホスト一覧」の右上の「新規ホスト」クリック。
「ホスト設定名」=これは、あなたが一覧を見てこのレンタルサーバーだと分かるように名前を付ける所(例:Yahooサーバー)
「ホスト名(アドレス)」=レンタルサーバーのFTPアドレスです。
(例:ftp.geocities.jp)
「ユーザー名」=レンタルサーバーのあなたのIDです。
「パスワード/パスフレーズ」=レンタルサーバーのパスワードです。
「ローカル初期フォルダ」=パソコン側のHP作成に関するファイルが収納されてるフォルダ指定します。
「ホスト側初期フォルダ」=サーバー側のindex.html(TOPページ)を置くフォルダ。ここの設定方法は各レンタルサーバーで違います。レンタルサーバーのサイト内でFTPソフトを使う場合の説明を記載されてます。それを参考にしてください。
(基準となるフォルダで、この中にさらにフォルダを作ったりできる。)
(例:/public_html や /、全く何も書かないサイトも存在)

これらの設定ができれば、下部のOKクリック。
これでホスト一覧にあなたが名前を付けたサーバー名があるはず。
それをクリック(選択)して下部の「接続」クリック。
左フレームにPCの中身
右フレームにサーバーの中身
が表示されます。
あとは、左(PC)からアップしたいファイルをクリック(選択)して
上部青い上向き矢印クリックするか、
アップしたいファイルを左クリックしてメニュー項目から「アップロード」クリックするとアップロードします。
逆のダウンロードも似た手順ですね。上部青い矢印が逆になりますw

また、サーバーのファイル削除は、サーバー(右側フレーム)のファイルをクリック(選択)して上部×印クリックもしくは、左クリックメニューの中の削除クリックでできます。
あとは、追々覚えていかれればと思います。

FFFTPダウンロードURLを参考に表示しておくので
お勧めは安定している古いバージョン1.82です。
チャレンジされてみては、いかがでしょうか?

参考URL:http://www2.biglobe.ne.jp/~sota/ffftp.html

作成しているHPの構成ファイル(HTMLや画像ファイル、フラッシュ動画ファイルなど)と同様にアップロードすれば良いです。
PDFファイルだから特別なアップ方法があるわけではありません。

レンタルサーバーによっては、
簡単作成とか言って
詳しくなくても作成できるようにと
FTPをHP上でできるようにしていて
HTMLか画像ぐらいだけアップ(または削除)できるようにしてる場合もあります。
その方法で作っておられるとしたら、現在アップできなくても仕方が無いかな…と(^^;)
も...続きを読む

QHPにPDFファイルを添付(ホームページビルダー)

バージョン:ホームページ・ビルダーV8
HP上にPDFファイルを貼り付つけく、以下の方法でやったのですがうまくできません。
お力添えの程、宜しくお願いいたします。

1.「スタンダード」でPDFを載せたいページを開く
2.※ファイル名を★★★とします
  「ファイルの挿入」→「PDFファイル」→「★★★.PDF」を選択し開く→「★★★.PDFへのリンク」と
  表示される
3.「ツール(T)」→「FTPツールの起動(F)」→「接続」→「★★★.PDF」を選択→右上がりの
  青い矢印
  (青い矢印を押すことにより、PCうえのファイルをサーバーへ転送)

この作業を行ったのですが、HPを確認すると・・・
PDFファイルのアイコンが表示されておらず、「★★★.PDF」という表示になっており、
尚且つ「★★★.PDF」をクリックしてみると、「指定したアドレス(URL)にはファイルやディレクトリが
存在しません」と表示されます。どこをどうすればよいのでしょうか?

また、通常PDFファイルを貼り付けた場合、ファイル名が表示されるのではなく、PDFファイルの
アイコンが表示されるものではないのでしょうか?
私の理想の形は、PDFファイルのアイコンが表示され、そのアイコンをWクリックするとファイルが
表示されるという形です。
分からないことばかりで、ご迷惑をおかけしますが宜しくお願いいたします。

バージョン:ホームページ・ビルダーV8
HP上にPDFファイルを貼り付つけく、以下の方法でやったのですがうまくできません。
お力添えの程、宜しくお願いいたします。

1.「スタンダード」でPDFを載せたいページを開く
2.※ファイル名を★★★とします
  「ファイルの挿入」→「PDFファイル」→「★★★.PDF」を選択し開く→「★★★.PDFへのリンク」と
  表示される
3.「ツール(T)」→「FTPツールの起動(F)」→「接続」→「★★★.PDF」を選択→右上がりの
  青い矢印
  (青い矢印を押すことにより、PCうえ...続きを読む

Aベストアンサー

>1.「スタンダード」でPDFを載せたいページを開く
>2.※ファイル名を★★★とします
  「ファイルの挿入」→「PDFファイル」→「★★★.PDF」を選択し開く→「★★★.PDFへのリンク」と
  表示される

これから次の処理はどうされたのでしょうか?
次の処理が入るはずです。

2_1:ファイル→名前を付けて保存(あるいは上書き保存)
  Pdfファイルの保存先を聞いてくるので「保管場所」を指定して保存。
  この操作で、PDFファイルとページとの関係(リンク)が相対番地に変換されます。

>3.「ツール(T)」→「FTPツールの起動(F)」→「接続」→「★★★.PDF」を選択→右上がりの
  青い矢印
  (青い矢印を押すことにより、PCうえのファイルをサーバーへ転送)

Pdfファイルはどこにアップされたのでしょう?
表示されないのは、リンク先として指定されている先にPdfファイルがないということです。
保存したページのソースを見てみましょう。
相対番地先にPDFファイルはアップされていますか?


>私の理想の形は、PDFファイルのアイコンが表示され、そのアイコンをWクリックするとファイルが
表示されるという形です。

この場合は、まずアイコンの画像を別途挿入し、その画像にPdfファイルへのリンクを貼ります。

Pdfファイルを挿入する形では、PDFのアイコンは表示されずに文字で「ファイル名」が表示されます。
挿入するときのオプションを「プラグイン」を選択すれば、PDFファイルが直接挿入されます。

>1.「スタンダード」でPDFを載せたいページを開く
>2.※ファイル名を★★★とします
  「ファイルの挿入」→「PDFファイル」→「★★★.PDF」を選択し開く→「★★★.PDFへのリンク」と
  表示される

これから次の処理はどうされたのでしょうか?
次の処理が入るはずです。

2_1:ファイル→名前を付けて保存(あるいは上書き保存)
  Pdfファイルの保存先を聞いてくるので「保管場所」を指定して保存。
  この操作で、PDFファイルとページとの関係(リンク)が相対番地に変換されます。

>3.「ツール(T)」→「...続きを読む

QHPにPDFデータを載せるのはどのようにしたらよいのでしょうか?

WORDで作成した注文書をPDFに変換してその注文書をHPでクリックしてダウンロードしていただくようにしたいのですがどのようにしたらよいでしょうか?
HP作成ソフトはホームページビルダーV6です。
よろしくお願いします。

Aベストアンサー

 こちらをご参考に↓
http://www-06.ibm.com/jp/domino01/swhc/esupport.nsf/faqview/1BA847CC2A7917574925733300170226?opendocument

 なお、ファイル名は、半角英数字で記述します。

 「HTMLソース」で編集できるなら、単にリンクを張ればよいでしょう。↓
http://www.tohoho-web.com/how2/link.htm#appDoc

QホームページビルダーでPDFを貼り付けたいのですが・・・

ホームページビルダーV9で、PDFを貼り付けたいのですが、うまくいきません。
ナビメニューのファイル挿入から、PDFファイルを貼り付けて、WEB上で見てみると、リンクされてPDFは開くのですが、白紙です。何が原因でしょうか?もし分かる方いれば助けて下さい。

Aベストアンサー

私も困りました。私がした方法を、紹介します。
ビルダーを開き、PDFを挿入したいページを開き、ファイルの挿入→PDFファイル→PDFファイルを指定して→開く→するとファイル名.pdfが表示されます。ファイル名.pdfをドラッグして、右クリックすると属性変更開きます。ページ上では、日本語のファイル名でいいです。実際のファイルに付いている名前が、英文字にしてください。ファイル名の所に名前を変更した、英文字.pdfにします。(英文字になっていれば、OKです)できたら閉じます。どこに、ファイルが、あるか分からないときは、参照(B)を開き、ファイルの種類のところを、すべてのファイルするとpdfファイルが入ったものも表示されますので、指定して 開くをファイル名に表示されたら、OKを押して閉じます。 これで、ページでの、操作は、終わりです。 そして、サーバーにページ転送します。 このとき、pdfファイルも、転送されるのですが、実際には、転送されていないようです。次に、ビルダーのツール(T)の中の、FTPツール起動があるので、そこで、サーバーに、接続します。もうご存じだと思いますが、画面の左側が、自分のPCの中の、ファイルです。右側が、サーバーの中のファイルです。接続されていれば、中のファイルが、表示されていると思います。左側の、自分のPCのファイルの中に先ほどの、英文字.pdfファイルを指定して、右矢印を押すとでサーバーに転送されます。 右側の、サーバーに、PDFファイルが、転送されたことが、確認できたら、切断をして、ドアのマークで、閉じます。これで、設定は、終了です。 確認として、インターネットに接続して、確認してみてください。できているといいですね。書き方については、見ずらいと思いますが、ご了承ください。

私も困りました。私がした方法を、紹介します。
ビルダーを開き、PDFを挿入したいページを開き、ファイルの挿入→PDFファイル→PDFファイルを指定して→開く→するとファイル名.pdfが表示されます。ファイル名.pdfをドラッグして、右クリックすると属性変更開きます。ページ上では、日本語のファイル名でいいです。実際のファイルに付いている名前が、英文字にしてください。ファイル名の所に名前を変更した、英文字.pdfにします。(英文字になっていれば、OKです)できたら閉じます。どこに、ファイルが、あるか...続きを読む

Qhtmlでのpdf資料のリンク方法

こちらの質問方法が悪かったようです。再度質問させてください。現在建築設計事務所を営んでおり、自社サイトを自分でHTMLを使って構築しているのですが、過去のデザイン物件のページの一部に「詳しい資料はこちら」といったテキスト画像を配置して、そこをクリックするとアクロバットが立ち上がり、作成した図面等が掲載されているPDFが表示されるようにしたいと考えています。その方法を教えてください。HTMLに記載するコード、特にPDFファイルとリンクするためのコード、PDFファイルを置くべき位置、その他注意事項があれば教えてください。よろしくお願いいたします。

Aベストアンサー

>「詳しい資料はこちら」といったテキスト画像
「ペイント」などを使ってこの画像(120px×25pxの大きさとして)
を作り「img01.gif」として「data」という名前のフォルダに格納した。
>作成した図面等が掲載されているPDF
(例えば「sample1.pdf」というファイル名として)これも
「data」というフォルダに格納したとします。
「data」フォルダはこのページのhtmlファイルを
格納しているフォルダと同じフォルダ内にあるとします。

>そこをクリックすると作成した図面等が掲載されている
>PDFが表示されるようにしたい
とのことなので

「img01.gif」という画像にハイパーリンクを設定することに
なりますので

<a href="./data/sample1.pdf"><img src="./data/img01.gif" alt="詳しい資料はこちらから(PDF版)" width="120" height="25"></a>

といった形でいいでしょう。

Qイラストレータの画像をJPG形式で保存したい

イラストレータの画像(ai形式)を一番画質を劣化させずにJPG形式に保存する方法を教えて下さい。

Aベストアンサー

画像サイズ、ファイルサイズをどうするのか、どのような画像なのか等、情報が少ないのです。

しかし私自身も興味深かったので、以下の6種類で試してみました。個人的見解が、十二分に入りますがあしからず。
圧縮度等に関しては、ファイルサイズがなるべく均等になるように、「Web用に保存」は最高値、「書き出し」中間値で行いました。
環境:
Windows2000、Illustrator CS、Photoshop CS


1.「Web用に保存」でjpg
2.「書き出し」でjpg
3.「書き出し」でbmp保存後、Photoshopで「Web用に保存」でjpg
4.「書き出し」でbmp保存後、Photoshopで「保存」でjpg
5.Photoshopに貼り付け後、「Web用に保存」でjpg
6.Photoshopに貼り付け後、「保存」からjpg

結論から言いますと、1.のIllustrator上での「Web用に保存」で最高で行った場合が、色やエッジ、文字等がきれいに感じられました。
3~6はやはりベクターからラスタ変換での劣化、jpg変換時の劣化と、2度の劣化が原因だと思います。


最初にも書いた条件の詳細が分からないので、役に立つか分かりませんが、参考までに・・・。

画像サイズ、ファイルサイズをどうするのか、どのような画像なのか等、情報が少ないのです。

しかし私自身も興味深かったので、以下の6種類で試してみました。個人的見解が、十二分に入りますがあしからず。
圧縮度等に関しては、ファイルサイズがなるべく均等になるように、「Web用に保存」は最高値、「書き出し」中間値で行いました。
環境:
Windows2000、Illustrator CS、Photoshop CS


1.「Web用に保存」でjpg
2.「書き出し」でjpg
3.「書き出し」でbmp保存後、Photoshopで「Web用に保存...続きを読む

QPDFファイルをホームページビルダーでアップするには?

ホームページビルダーV9をつかっています。
PDFファイルに保存したある資料をホームページに載せようと思っています。保存先はマイドキュメントですが、リンク先に設定すると、(左側のメニューバーにあるリンクの挿入の「「PDFファイル」でリンクしています。)プレビューでは見ることができるのですが、実際アップしていみるとエラーになってしまいます。

保存先に問題があるのでしょうか?
リンクの仕方が悪いのでしょうか?
PDFにしてあるのでアップできないのでしょうか?

この問題の解決法を教えてください。

Aベストアンサー

PDFファイルはサーバー上のどこに入っているのでしょうか。
ビルダーでリンクした時と同じ構成でアップしていますか?
サーバー上でフォルダの名前を変えてしまえばリンクは切れてしまいます。
ファイル名もそうです。
index.html
  │
  ├A.html
  └Bフォルダ
     └C.PDF
この状態でビルダーでA.htmlにCファイルをリンクさせたとしたら、
B/C.PDF になります。
このBフォルダの名前を変えても、リンク先はBフォルダのC.PDFなので、存在しないファイルと認識されます。
後、名前が全角だとエラーになるサーバーもあります。(その方が多いかも?)

分かりにくい説明ですみません;;

QHTML上に貼り付けたPDFが表示されない

HTML内にobjectタグでPDFファイルを貼り付けたのですが、PCによって表示されない場合があるのです。(WinXP、IE6、ADOBE READER 8の環境で、表示されるPCとされないPCがあります。)

ソースは下記のようなものです。
こちらのサイトで紹介されていたソースを使わせていただきました。
http://jiji.justblog.jp/my_page/2008/01/object-pdf-html.html


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
<meta http-equiv="Content-Style-Type" content="text/css" >
<title>タイトル</title>
</head>
<body bgcolor="#000000" marginwidth="0" marginheight="10px">
<center>
<!--[if ie]>
<object
classid="clsid:CA8A9780-280D-11CF-A24D-444553540000"
data="pdf/xxxxxxxx.pdf"
height="99%"
width="97%"
id="MyPdf" >
<!--[if !ie]><![ignore[--><![ignore[]]>
<object
codetype="application/pdf"
data="pdf/xxxxxxxx.pdf"
height="99%"
width="97%"
id="MyPdf" >
<!--<![endif]-->
</object>
</center>
</body>
</html>

どのような原因が考えられますでしょうか?
どうぞよろしくお願いいたします。

HTML内にobjectタグでPDFファイルを貼り付けたのですが、PCによって表示されない場合があるのです。(WinXP、IE6、ADOBE READER 8の環境で、表示されるPCとされないPCがあります。)

ソースは下記のようなものです。
こちらのサイトで紹介されていたソースを使わせていただきました。
http://jiji.justblog.jp/my_page/2008/01/object-pdf-html.html


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html;...続きを読む

Aベストアンサー

ブラウザの描画エリアにPDFを表示する設定にしないと
私の環境(IE6, Adobe Reader 8)では表示されませんでした。

この設定を行うには、Adobe Reader を起動し
メニューの「編集→環境設定」を選びます。
次に、左のリストから「インターネット」を選び、
「PDF をブラウザに表示」にチェックを入れます。

デフォルトでこの設定は有効になっているはずですが、
ブラウザが重くなるのを嫌って無効にしている人もいます。


人気Q&Aランキング