きれいに印刷できるホームページを作りたい

質問

ホームページを印刷すると、右が切れてしまうことが多いのですが、どうすればA4の用紙にきれいに印刷できるホームページを作成できるでしょうか？左右のバランスは必須ですが、できれば上下もきちんと印刷したいです。これは絶対にやりたいことなので、どんな方法でも良いので教えて下さい。よろしくお願いします。

回答No.6

ayame200 · ベストアンサー

Ｎｏ．３です。少し長いけれど、がんばって読んでください。
タグがある程度解っているという前提で答えます。

スタイルシートをＨＴＭＬ内に組み込むかたちの書き方の例です。
＜ＨＥＡＤ＞～＜／ＨＥＡＤ＞の中に配置します。
どこでも問題は無いと思いますが、＜ＴＩＴＬＥ＞～＜／ＴＩＴＬＥ＞の後、とか決めてしまったほうが後が楽。

<STYLE type="text/css">
<!--
H1 { page-break-before: always } /* Ｈ１の前で改ページ　 */
-->
</STYLE>

このままコピペしてみてください。ページで見出し＜Ｈ１＞と指定してある場所の前で印刷時は改ページされます。
上記コードのＨ１をたとえばＴＡＢＬＥとかにした場合は、表の前での改ページが指定できます。
No.4のnekozzzさんの手法で表の中に書く場合にも、使えますね。
beforeをafterにすれば、もちろん指定した場所の後で、改ページとなります。

以上、もしチンプンカンプンなら、後は本屋さんでＨＴＭＬの本を買ってくることをオススメします。高くってもせいぜい3000円程度なので、毎日100円節約すれば一月でまかなえる♪

回答No.5

omoidekun

最近では、 HPの右端が切れてしまうことを回避できるソフトがついてくるプリンタもあります。
ご自分の使用されているプリンタの機能を調べてみることをお勧めします。
一例として、キャノン製プリンタのそういった機能を紹介したページのリンクを張っておきます。

参考URL：

http://cweb.canon.jp/bj/lineup/application/webprint/index.html

補足

これは便利ですね。でも家はエプソン(レーザー)なんです。ありませんか？探しましたが見つかりませんでした・・・

回答No.4

nekozzz

ホームページビルダーを使って私が行なっている簡単な方法を説明します。
まず、表を作ります。（最初は２段１列くらいでいいです）その表の横幅（wide）を630くらいに設定して、中央に配置します。そして、表のプロパティで枠線を0にして消します。その中にテキストや画像を入れると、アップロードした時、印刷がきれいです。
※画像は「プロパティ」で右寄せしたり左寄せしたりすると、テキストが横に回り込んで、まるで雑誌記事のようになって読みやすくなりますよ。

お礼

横はこれで十分キレイですね。ありがとうございます。あとは縦ですか・・・

回答No.3

ayame200

自分で作るときに、ブラウザの印刷プレビューとかで確認しながら改行、画像サイズ、テーブル幅、とかを決めていけば、一番簡単だと思います。
あと、文字のサイズは、ｐｔ．で決めてしまえば、人によって変わることも無くて、思うとおりのレイアウトが崩れることも少ないと思います。
個人的な好みですが、フレームを使ったページは印刷が面倒なので、フレームも避けたほうがいいかも。
スタイルシートの
page-break-before: always
なんかを使えば印刷時の改ページを指定できるから、これも使えるかな。

補足

上記スタイルシート？の、具体的な書き方を教えていただけませんか？

回答No.2

whitepepper

印刷が前提となる場合、あるいは画面と印刷を一致させたい時は、PDFファイルにします。ワープロソフトなどでドキュメントを作り、AdobeAcrobatを使ってPDFに変換し、それをサイトにアップロードします。

補足

お金がないのでソフトを買うのはちょっと・・・

回答No.1

kajyukun

Fine Printというソフトがおすすめです。