Dreamweaverで背景色とテキストの色を変更する方法

Dreamweaverでは、[外観]カテゴリから使用できる背景とテキストの色を変更できます。HTMLオプションよりもCSSオプションが推奨されることに注意してください。外観(CSS)オプションを使用すると、Dreamweaverはbodyタグに対応するスタイルを自動的に作成します。[ページのプロパティ]ダイアログボックスでCSSオプションを使用すると、Dreamweaverは対応するスタイルを自動的に作成し、[CSSスタイル]パネルに一覧表示します。

[ページのプロパティ]ダイアログボックスでテキストのサイズや色などのグローバル設定を適用できますが、特定のインスタンスでは、これらの設定を他の書式設定オプションで上書きできます。たとえば、ページのプロパティですべてのテキストをHelveticaに設定してから、CSSを使用して見出しのフォントをArialに変更できます。

ページ全体のフォント設定、背景色、テキストの色、およびページ余白を変更するには、次の手順に従います。

[変更]→[ページのプロパティ]を選択します。

[ページのプロパティ]ダイアログボックスの[外観(CSS)]カテゴリが表示されます。

[ページフォント]ドロップダウンリストで、ページのテキストに使用するフォントを指定します。

この例では、フォント面はCambriaフォントで始まるコレクションに設定されています。フォントを指定しない場合、テキストはユーザーのブラウザで指定されたフォント(通常はTimes)で表示されます。

ページ上のすべてのテキストを太字または斜体で表示する場合は、[ページフォント]オプションの右側にあるドロップダウンリストで対応するフォントオプションを選択します。

これらのオプションのいずれかを選択すると、ページ内のすべてのテキストが太字または斜体で表示されます。ほとんどの設計者は、太字または斜体の使用を1つまたは複数の単語に特別な注意を引くように制限したいため、これら2つのフィールドを空白のままにします。

[サイズ]ドロップダウンリストで、ページのテキストに必要なフォントサイズを指定します。

繰り返しになりますが、見出しなど、ページ上の特定のテキストに対してこれらの設定を上書きできます。

[テキストの色]見本ボックスをクリックして、カラーパレットを表示します。お好きな色をお選びください。

選択した色は色見本ボックスを塗りつぶしますが、[適用]または[OK]ボタンをクリックするまでページのテキストの色は変更されません。

[背景色]見本ボックスをクリックして、カラーパレットを表示します。お好きな色をお選びください。

選択した色は色見本ボックスを塗りつぶしますが、[適用]または[OK]ボタンをクリックするまで色は背景を塗りつぶしません。

ページの背景にグラフィックまたは写真を挿入する場合は、[背景画像]ボックスの横にある[参照]ボタンをクリックし、[画像ソースの選択]ダイアログボックスで画像を選択します。

背景画像を挿入すると、[繰り返し]ドロップダウンリストからオプションを選択しない限り、ページ全体と下に自動的に繰り返し、つまり並べて表示されます。No-Repeatは、背景画像がまったく繰り返されないようにします。Repeat-XとRepeat-Yは、ページ全体で画像をそれぞれ垂直方向(x軸)または水平方向(y軸)に繰り返します。

ダイアログボックスの下部にある余白オプションを使用して、ページの左、右、上、または下の余白を変更します。

ほとんどのWebブラウザーは、ブラウザーウィンドウの上部と左側にWebページの周囲に少しスペースを追加します。これらの4つのフィールドすべてに0を入力すると、デフォルトの余白スペースが削除され、ブラウザーの端と同じ高さで始まるデザインを作成できます。

[適用]ボタンをクリックして、ページの色がどのように表示されるかを確認します。

[OK]をクリックして終了し、[ページのプロパティ]ダイアログボックスを閉じます。


PDFファイルのセクションをスクリーンショットする

PDFファイルのセクションをスクリーンショットする

Adobe Acrobat CS5のスナップショットツールを使用して、テキストと画像の両方を選択し、PDFファイル内の特定の領域の画像を作成できます。結果は通常、PDFファイル内のセクションのスクリーングラブと呼ばれます。結果は画像であり、あなたのテキストはありません[…]

Photoshop CCでのピクセルの測定、カウント、分析

Photoshop CCでのピクセルの測定、カウント、分析

研究者や科学者向けに設計されたPhotoshopCCの測定機能は非常に強力です。おそらく顕微鏡や望遠鏡から、ほぼすべてを測定し、技術的な画像に含まれるものの数を数えることができます。画像内の要素の正確なサイズがわかっている場合は、ほぼすべてのものを見つけることができます[…]

Adobe CS5Illustratorの液化ツール

Adobe CS5Illustratorの液化ツール

Adobe Creative Suite 5(Adobe CS5)IllustratorのLiquifyツールを使用すると、単純な歪みから複雑な歪みを作成することで、オブジェクトを曲げたり、波打ったり、ねばねばしたり、とがったりさせることができます。Liquifyツールは、オブジェクトに対してあらゆる種類の創造的または奇抜な(見方によって)歪みを実現できます。君は […]

AdobeXDでテキストのプロパティを調整する方法

AdobeXDでテキストのプロパティを調整する方法

Adobe XDプロジェクトにテキストがある場合は、テキストのプロパティの変更を開始できます。これらのプロパティには、フォントファミリ、フォントサイズ、フォントの太さ、配置、文字間隔(カーニングとトラッキング)、行間隔(先頭)、塗りつぶし、境界線(ストローク)、シャドウ(ドロップシャドウ)、および背景のぼかしが含まれます。それでは、これらのプロパティがどのように適用されるかを確認しましょう。読みやすさとフォントについて[…]

InDesignCCでQRコードを作成する方法

InDesignCCでQRコードを作成する方法

InDesignを使用して、QRコードグラフィックを作成および変更できます。QRコードは、単語、数字、URL、その他の形式のデータなどの情報を保存できるバーコードの形式です。ユーザーはスマートフォンなどのデバイスでカメラとソフトウェアを使用してQRコードをスキャンし、ソフトウェアはそれを利用します[…]

PhotoshopCCでアートボードを操作する

PhotoshopCCでアートボードを操作する

Adobe Illustratorと同様に、Photoshopアートボードは、1つのドキュメント内に個別のページまたは画面を作成する機能を提供します。これは、モバイルアプリケーションや小さなパンフレットの画面を作成する場合に特に役立ちます。アートボードは、レイヤーパネルを使用して作成された特別なタイプのレイヤーグループと考えることができます。これは […]

Adobe IllustratorCCでテキストを折り返す

Adobe IllustratorCCでテキストを折り返す

Adobe Illustrator CCでテキストを折り返すことは、プレゼントを折り返すこととまったく同じではありません。簡単です。この図に示すように、テキストの折り返しは、テキストをグラフィックの周りに強制的に折り返します。この機能は、どんな作品にも少し創造性を加えることができます。グラフィックは、テキストを強制的に折り返しています。まず、[…]を作成します

Illustratorで図形のサイズを変更する方法

Illustratorで図形のサイズを変更する方法

Adobe Illustrator CCでデザインする場合、正確なサイズ(たとえば、2 x 3インチ)の形状が必要になることがよくあります。シェイプを作成した後、正確な測定値にサイズ変更する最良の方法は、この図に示すように、[変換]パネルを使用することです。オブジェクトを選択してから、[ウィンドウ]→[変換]を選択します[…]

SVGに透明度を適用する方法

SVGに透明度を適用する方法

IllustratorでSVGグラフィックに透明度を適用する方法を学びます。背景が透明なSVGを出力し、透明効果を適用する方法を探ります。

AdobeXDでの画像の操作

AdobeXDでの画像の操作

画像をAdobeXDにインポートした後は、編集の制御はそれほど多くありませんが、他の形状と同じように画像のサイズを変更したり回転したりできます。コーナーウィジェットを使用して、インポートした画像のコーナーを簡単に丸めることもできます。閉じた形状を定義して画像をマスキングする[…]