印刷禁止するには?

[新着] Webテンプレートを仮オープンしました



0   名前: NAO : 2007/04/19(木) 09:16  [URL]  ID:T1cvH3Rp sub-Cl
ホームページ作成の中、著作権の関係上印刷を禁止しなければいけないので、
試行錯誤したところ、「うたまっぷ」の歌詞のページのようにしたい(印刷ボタンを押しても、歌詞を印刷することができないようになっている)
と思うのですが、どのようにすればよいでしょうか?

1   名前: カヅサツ ◆ThCi95HEzw : 2007/04/19(木) 09:16  [URL]  ID:O5hEMlpW sub-r2
> 「うたまっぷ」の歌詞のページのようにしたい(印刷ボタンを押しても、歌詞を印刷することができないようになっている)

私の環境では普通に印刷できましたが。

2   名前: Ryu : 2007/04/19(木) 09:16  ID:braAjNZo sub-nt
うたまっぷの歌詞部分はFlashで作られているようです。
同じようにしたいというのならば、Flash作成ソフトを購入orダウンロードするしかないのではないでしょうか。
ちなみに私が持っている「FlashMaker3」ではこういった処理は出来ないようです・・・
ということで、作り方についてはご容赦ください。

「Flashなのは分かってた」とかいう後出しはなしよ


3   名前: Ryu : 2007/04/19(木) 09:16  ID:braAjNZo sub-nt
カヅサツさん、本当ですか?
私の環境(IE6.0、FireFox2.0)では出来ませんでした。
ちなみにIEはほぼ白紙。FireFoxでは曲名等は出ますが、歌詞部分は印刷できませんでした。
・・・なんでだろう?

4   名前: 猫好き : 2007/04/19(木) 09:16  ID:7Z/V9GV9 sub-2K
私もIE・Firefoxでは印刷できませんが、Operaは楽勝でした。
まあ、なんだか内容が「うたまっぷの歌詞は印刷できるかどうか」に摩り替りつつありますが、
これはRyuさんのおっしゃるとおり、Flashです。

Bodyにdisplay: none;かけちゃえば?
って思ったのですが、これだとFirefoxとネスケは効かないんですよね…。

というか、キャプチャとられちゃったらどうするのでしょうか?


5   名前: カヅサツ ◆ThCi95HEzw : 2007/04/19(木) 09:16  [URL]  ID:O5hEMlpW sub-r2
> カヅサツさん、本当ですか?
> 私の環境(IE6.0、FireFox2.0)では出来ませんでした。

Windows版 IE 7.0, Opera 9.2 で印刷できました。
Firefox 2.0 ではご指摘の現象が出て印刷できません。

で、結論を言いますと

> 印刷を禁止しなければいけないので、

無理です。

6   名前: カヅサツ ◆ThCi95HEzw : 2007/04/19(木) 09:16  [URL]  ID:O5hEMlpW sub-r2
> 内容が「うたまっぷの歌詞は印刷できるかどうか」に摩り替りつつありますが、

ご質問は「印刷を禁止しなければいけないので、『うたまっぷ』の歌詞のページのようにしたいのだがどうすれば良いか」なので、「『うたまっぷ』の歌詞のページは印刷できるかどうか」は重要なファクタと思われますがどうでしょうか。

7   名前: 猫好き : 2007/04/19(木) 09:16  ID:7Z/V9GV9 sub-2K
>重要なファクタと思われますがどうでしょうか。
あまり深く取らないでいただければ幸いです(汗
喧嘩売ったわけでもなんでもないので…。
もちろん、そこがスタート地点ですからある程度は必要だと思います。

ただ、「できる」「できない」の回答だけが並んでいたので、恐らく質問者さんは「印刷できないようにする」方が重要であって、「うたまっぷが印刷できるかどうか」は聞いていないのではないかな〜?
と思った次第です。
あくまでもうたまっぷは一例だったのではないでしょうか?

なので、
>> 印刷を禁止しなければいけないので、
> 無理です。

の回答で質問者さんはご納得いただけたのではないかと。

8   名前: 某制作 : 2007/04/19(木) 09:16  ID:dBNgdka7 sub-t1
気持ちはお察しします。
労力を費やして作ったものを
守りたい気持ちは。。。

ただし
クライアントの画面に映るということは
一度クライアント側にデータが送られているということ

すなわち
印刷しづらくする事は可能でも
印刷を完全に防ぐ事は不可能です。

9   名前: カヅサツ ◆ThCi95HEzw : 2007/04/19(木) 09:16  [URL]  ID:O5hEMlpW sub-r2
>>7

> あくまでもうたまっぷは一例だったのではないでしょうか?

「IEで印刷し辛くなればそれで良し」だったのではないでしょうか? 右クリック禁止など、大多数の環境で○○が禁止できればそれで良しとする人は、まぁ少なくないですから。

もちろん可能性を言い出したらキリがありません。だから、最初は(あくまで最初だけは)「印刷を禁止しなければいけないので、『うたまっぷ』の歌詞のページのようにしたいのだがどうすれば良いか」という質問を鵜呑みにしてから、それに対する諸条件の検討を入るのが良いと考えます。

もちろん、猫好きさんが「「うたまっぷが印刷できるかどうか」は聞いていないのではないか」と考えてアドヴァイスするのは自由ですが、「摩り替りつつありますが」などと言われては、私は弁明するしかありません。

10   名前: NAO : 2007/04/19(木) 09:16  ID:T1cvH3Rp sub-Cl
沢山のコメントありがとうございます。
「うたまっぷ」はあくまで私が見つけた参考例なので、気になさらないでください^^;
IEの方を対象に考えておりますので、IEで印刷不可にできれば助言を頂きたいのですが…
完全で無くても構いません。要するに素人が安易に印刷出来なければそれでいいのです。

11   名前: カヅサツ ◆ThCi95HEzw : 2007/04/19(木) 09:16  [URL]  ID:O5hEMlpW sub-r2
であれば、印刷用スタイルシートで印刷させたくない要素を display: none; すれば良いです。

12   名前: Ryu : 2007/04/19(木) 09:16  ID:braAjNZo sub-nt
個人的にはパスワード付きPDFが一番簡単で確実なのではないかなと思います。
Flashは作ったことが無いので分かりませんが、PDFならば保存時にセキュリティを設定するだけですから、製作者は楽です。閲覧者が楽かはちょっと別の問題になりますが。
ただ、画面キャプチャに弱いのはこの方法も同様です。

13   名前: NAO : 2007/04/19(木) 09:16  ID:T1cvH3Rp sub-Cl
<P align="center">  <IMG src="image12.gif" width="593" height="170" border="0"><BR>
<BR>
<BR>
   <B><FONT color="#0000cc" size="+2">△△</FONT></B><BR>
<BR>
<BR>
   <IMG src="image4.gif" width="561" height="103" border="0"><BR>
<BR>
<BR>
<BR>
<BR>
   <U><B><FONT color="#d94600" size="+2">○○</FONT></B></U><BR>
<BR>
<BR>
</P>
ただ今こんな感じなのですが、一体どこに入れればよいのでしょうか?

14   名前: カヅサツ ◆ThCi95HEzw : 2007/04/19(木) 09:16  [URL]  ID:O5hEMlpW sub-r2
> どこに入れればよいのでしょうか?

印刷用スタイルシートのことですか?
だとすれば、印刷させたくないのはどれですか? あるいは全部?

15   名前: NAO : 2007/04/19(木) 09:16  ID:rCp2Wpe5 sub-Cl
全部…と言いたいところですが、重要なのは画像なので、画像が安易に印刷できないように出来れば幸いです。

16   名前: カヅサツ ◆ThCi95HEzw : 2007/04/19(木) 09:16  [URL]  ID:O5hEMlpW sub-r2
それではサンプルを作りますので、以下を教えてください。

・各画像は何のための画像ですか? 例えば見出しのためですか? とくにない場合は段落と考えます。
・△△と○○はどんな文章ですか? 太くしたり下線を引いてあるのはなんのためでしょう?
 例えば太くすることで見出しを表現していますか? あるいは下線を引くことで単に強調していますか?

17   名前: NAO : 2007/04/19(木) 09:16  ID:rCp2Wpe5 sub-Cl
ありがとうございます。
各画像は私本人が製作した為著作権が発生する画像です。見出しでは御座いません。
△△や○○が見出しのようなものです。若干強調したいと言ったところです。

18   名前: カヅサツ ◆ThCi95HEzw : 2007/04/19(木) 09:16  [URL]  ID:O5hEMlpW sub-r2
あ、「△△」がimage12.gifの見出しで、「○○」がimage14.gifの見出しということでしょうか。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
	"http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja" dir="ltr">
<head>
<title></title>
<style type="text/css">
body{
	text-align: center;
	font-size: x-large;
}
dd{
	margin: 2em 0em;
}
@media print{
	dt{
		display: none;
	}
}
</style>
</head>
<body>
<dl>
<dt><img src="./image12.gif" width="593" height="170" alt="画像が表示されない環境で代わりに表示されるテキスト"></dt>
<dd>△△</dd>
<dt><img src="image4.gif" width="561" height="103" alt=""></dt>
<dd>○○</dd>
</body>
</html>

19   名前: 駐車 : 2007/04/19(木) 09:16  ID:rCp2Wpe5 sub-Cl
そうですね。
先ほど使わせて頂いた所、見事に素人(知識が無い方)では印刷できないようになっておりました。ありがとうございます。

20   名前: NAO : 2007/04/19(木) 09:16  ID:rCp2Wpe5 sub-Cl
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 11.0.0.0 for Windows">
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<TITLE></TITLE>
</HEAD>
<BODY bgcolor="#FFFFFF" onCopy="alert('コピーは出来ません!');return false">
<P align="center"><BR>
</P>
<P align="center">     <B><FONT color="#0000cc" size="+2">△△</FONT></B><BR>
<BR>
<BR>
</P>
<P align="center">    <IMG src="image12.gif" width="593" height="170" border="0"><BR>
<BR>
<BR>
   <B><FONT color="#0000cc" size="+2">○○</FONT></B><BR>
<BR>
<BR>
   <IMG src="image4.gif" width="561" height="103" border="0"><BR>
<BR>
<BR>
<BR>
<BR>
   <U><B><FONT color="#d94600" size="+2">☆☆</FONT></B></U><BR>
<BR>
<BR>
</P>
<P align="center">     <IMG src="image18.gif" width="625" height="381" border="0"></P>
</BODY>
</HTML>

実際に作ろうとしているページです。
具体的に何処をどうすれば良いのか教えて頂ければ幸いです。

21   名前: NAO : 2007/04/19(木) 09:16  ID:rCp2Wpe5 sub-Cl
18>駐車になってますが、NAOです^^;

22   名前: カヅサツ ◆ThCi95HEzw : 2007/04/19(木) 09:16  [URL]  ID:O5hEMlpW sub-r2
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
	"http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja" dir="ltr">
<head>
<meta http-equiv="content-type" content="text/html; charset=shift_jis">
<meta http-equiv="content-style-type" content="text/css">
<title></title>
<style type="text/css">
body{
	color: #000000;
	background-color: #FFFFFF;
	text-align: center;
	font-size: x-large;
}
dl{
	margin: 1em 0em;
}
dt{
	color: blue;
	font-weight: bold;
}
dd{
	margin: 2em 0em;
}
@media print{
	dt{
		display: none;
	}
}
</style>
</head>
<body>
<dl>
	<dt>△△</dt>
	<dd><img src="image12.gif" width="593" height="170"
	alt="画像が表示されない環境で代わりに表示されるテキスト"></dd>
	<dt>○○</dt>
	<dd><img src="image4.gif" width="561" height="103"
	alt="画像が表示されない環境で代わりに表示されるテキスト"></dd>
	<dt>☆☆</dt>
	<dd><img src="image18.gif" width="625" height="381"
	alt="画像が表示されない環境で代わりに表示されるテキスト"></dd>
</dl>
</body>
</html>

23   名前: NAO : 2007/04/19(木) 09:16  ID:rCp2Wpe5 sub-Cl
何度もありがとう御座います。おかげで解決致しました。

24   名前: NAO : 2007/04/19(木) 09:16  ID:rCp2Wpe5 sub-Cl
何度もありがとう御座います。
一度試した所、印刷できそうなのですが…
できれば方法を教えて頂きたいです。

25   名前: 匿名 : 2007/04/19(木) 09:16  ID:dctgs7ep sub-Cl
	dt{
		display: none;
	}
	dd{
		display: none;
	}
にしてみるとどうですか。

26   名前: モノ ◆7YMtX/NYmu : 2007/04/19(木) 09:16  ID:dctgs7ep sub-Cl
あ、>>24の意図は、「画像を印刷できなくする」のが目的でいいんですよね…?

27   名前: カヅサツ ◆ThCi95HEzw : 2007/04/19(木) 09:16  [URL]  ID:O5hEMlpW sub-r2
>>25-26
あ、その通りです。ごめーん

28   名前: NAO : 2007/04/19(木) 09:16  ID:rCp2Wpe5 sub-Cl
試行錯誤してなんとかできました^^;
ありがとう御座います^^

一覧へ戻る