アクセシビリティ
デベロッパーリソース
 

画面から印刷まで：Dreamweaverでの印刷用CSSの作成


Stephanie Sullivan

Stephanie Sullivan

W3Conversions

目次

  1. はじめに
  2. メディアタイプ属性の指定：screen、print、all
  3. 印刷メディア用スタイルシートの作成
  4. スタイルシートの順序
  5. 印刷用ページの設定
作成日:
2009年1月12日
ユーザレベル:
すべて
製品:
Dreamweaver

Webページの印刷方法について、様々な疑問が生じることがあります。印刷用のシンプルなページを別に作成すべきでしょうか。あるいは、背景や画像を印刷するかどうかの判断を単にユーザに任せるべきでしょうか。カスケーディングスタイルシート（CSS）では、メディアタイプを利用して、１つのページのコンテンツを２種類の異なる方法で表示できます。

この記事では、メディアタイプと、それを利用してコンパクトな印刷用ページを作成する方法について説明します。Greg Rewisと私の共著『Mastering CSS with Dreamweaver CS4』（Dreamweaverをまだアップグレードしていない場合は、同書のCS3バージョンもあります）の固定幅について説明した章の末尾に、印刷用スタイルシートの作成規則に関する説明があります。この記事では、実際にサンプルCSSページを作成しながらこれらの原則を学びます。では始めましょう。

必要条件

この記事を効率良くフォローするには、次のソフトウェアやファイルが必要です。

Dreamweaver CS4

サンプルファイル：

この記事に必要な予備知識

CSSに関する多少の知識が必要です。

ページ 1 / 5
次のページ

著者について

Stephanie Sullivanは、米国の大手企業を顧客に持ち、Web標準、Dreamweaver、およびアクセシビリティに関する世界的なエキスパートとして知られています。CSSと(X)HTMLに関する高度な技術者でもあり、創設したW3Conversionsは、企業のWebチームのトレーニングや社内のデザインを効率的な標準ベースのWebサイトに変換する業務においては、業界屈指の権威として認められています。Dreamweaver CS3のCSSレイアウトの作成者でもあり、高い評価を受けているプロジェクトベースの書籍『Mastering CSS with Dreamweaver CS3』および『Mastering CSS with Dreamweaver CS4』の共著者としても有名です。また、影響力のあるWeb Standards ProjectのAdobe Task Forceの共同リーダーで、Community MXのパートナーでもあります。さらに、ダイナミックなプレゼンテーションを行う講演者としても世界中で活躍しています。時には、コーディング作業などのコンピュータ業務から離れ、スカッシュやビーチバレーで汗を流してリフレッシュすることも。80年代音楽の愛好家でもあります。