電子書籍の厳選無料作品が豊富!

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

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

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

A 回答 (3件)

無理です。


 クライアントにきちんと説明する必要があります。
★そのページに印刷用スタイルシートが用意してあるのは、
 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 )を使って、ハードコピーを貼り付けて稟議書資料を作ることが多いですが・・・(^^)

 ご苦労様です。頑張ってください。
「webページのプリントアウト」の回答画像2
    • good
    • 0
この回答へのお礼

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

お礼日時:2008/12/12 01:25

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

「webページのプリントアウト」の回答画像3
    • good
    • 0

プリンタに付属しているEasy-WebPrintとかじゃ


だめなんですか? :-)
    • good
    • 0
この回答へのお礼

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

お礼日時:2008/12/12 01:16

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