webページのプリントアウト

質問

htmlにcssでレイアウトしたwebサイト制作をしております。
プリント用に、レイアウトのcssを切ったプリント用cssを読ませておりますが
クライアントから「デザインも含めたプリントアウトはできないのか？」と聞かれました。

仮にプリント用のcssの読み込みをやめると
レイアウトcss上で割り当てた画像（メニュー画像など）がプリント時に表示されません。

デザインすべてを維持したプリントアウトは可能なのでしょうか？
説明がわかりにくかったらすみません。
どなたか教えてください。よろしくお願いします。

回答No.2

ORUKA1951 · ベストアンサー

無理です。
　クライアントにきちんと説明する必要があります。
★そのページに印刷用スタイルシートが用意してあるのは、
　1) 内容的に訪問者が印刷して利用する可能性があるページだから
　2) 印刷して利用するなら、
　　・無駄な背景画像などを印刷しない
　　・目次やページ数などは印刷したほうが良い。
　　・他のページやページないリンクは不要なので印刷しない
　　・A4用紙に納まるように配置。
　ほうが利用者のためである

　たとえば、印刷用スタイルシートが設定してある http://iruka.la.coocan.jp/craft/motor/index.html を印刷すると良く分かると思います。・・よく使わせていただいているページです。・・

　さて、それでも、背景も含めてスクリーン用のCSSを適用して印刷するには、一時的にソースを書き換えます。
(というかクライアントへの説明用だけでしょうから別ファイル prevew.html という名前でコピーしたほうが良い)

　たとえば先のページだと
<link rel="stylesheet" type="text/css" media="screen" href="../styleSheet/craft.css">
<link rel="styleSheet" type="text/css" media="print,handheld" href="../styleSheet/craftPrint.css">
となっているものを
<link rel="stylesheet" type="text/css"　media="all" href="../styleSheet/craft.css">
<!-- media=screenを削除してmedia="all"とする -->
<!-- link rel="styleSheet" type="text/css" media="print,handheld" href="../styleSheet/craftPrint.css" -->
として、ブラウザはfirefoxを利用して、[表示]→[印刷プレビュー]で、ページの縮小倍率を60%程度に設定すると、良いでしょう。
　先のページを表示して、ローカルに保存してソースを書き換えて試してみてください。・・・その結果を添付しておきます。・・・

　私は、そのようにしています。

　まあ、稟議を通すだけなら、winshot( http://www.woodybells.com/winshot.html )を使って、ハードコピーを貼り付けて稟議書資料を作ることが多いですが・・・(^^)

　ご苦労様です。頑張ってください。

お礼

大変わかりやすい説明ありがとうございます！
なるほどなるほど、と納得しました。
参考にさせていただきます。

回答No.3

ORUKA1951

画像が添付できなかったので・・

回答No.1

Tasuke22

プリンタに付属しているEasy-WebPrintとかじゃ
だめなんですか？　:-)

お礼

つたない質問文にお答えいただきありがとうございます。
今回はすべてのユーザーがデザインを維持した印刷をできるように、という話でした。
情報ありがとうございました。