Dreamweaverでテキストを追加および書式設定する方法 - ダミー

多くの人がDreamweaverでテキストや画像を使って簡単に基本的なWebページを作成することができ、驚いています。 DreamweaverのHTML書式設定オプション（見出しタグと段落タグなど）を使用して、基本的なテキスト書式設定を行うことができます。初めは物事を単純にするために、これらの基本的なHTMLタグから始めてください。

DreamweaverのWebページにテキストを追加する方法

ページにテキストを追加するには、クリックしてカーソルをページの上部に挿入して入力します。 Microsoft Wordで作成したファイルなど、別の場所にあるテキストを追加する場合は、テキストをコピーして、再入力する代わりにDreamweaverに貼り付けることができます。

<！ - 1 - >

Dreamweaverでは、別のプログラムのテキストをコピーして貼り付けるときに、書式設定を維持する方法が多数用意されています。この機能は、Microsoft Wordからテキストをコピーするときに特に重要です。なぜなら、そのままテキストを貼り付けると、Microsoft Wordに固有の多くの余分なコードが含まれ、Webページに問題を引き起こす可能性があるからです。

[コピー/貼り付け]カテゴリの[設定]を変更して、[編集]→[貼り付け]を選択すると、Dreamweaverの書式設定のデフォルトを変更できます。 [編集]→[形式を選択して貼り付け]を選択して、新しいコンテンツを貼り付けるたびにこれらのオプションを表示することもできます。

<！

テキストのみ：

Dreamweaverは、書式設定と挿入を取り除きます。プレーンテキスト。 構造を含むテキスト：
Dreamweaverには、段落、リスト、表、その他の構造的書式設定オプションがあります。 構造体を含むテキスト基本書式設定：
Dreamweaverには、太字や斜体などの基本的な書式設定だけでなく、構造書式も含まれています。

構造+フルフォーマットのテキスト：
以前のオプションに加えて、Dreamweaverには、Microsoft Wordなどのプログラムでスタイルシートによって作成された書式設定が含まれています。 改行を保持する：
他の書式設定オプションを保持しない場合でも改行は保持されます。テキストのみを選択した場合、このオプションは使用できません。 Word段落の間隔を整理：
このオプションは、Microsoft Wordに固有の特殊な書式設定コードを削除します。また、Web上のテキストには不要です（お勧めしません）。 スマート・クォートをストレート・クォートに変換する：
スマート・クォートは、デザイナーがプリント・ドキュメントで使用したいと思うくっきりとした引用符の一般的な名前で、特殊文字をウェブ上に正しく表示する必要があります。すべてのWebブラウザで機能しません。この潜在的な問題を回避するには、このボックスを選択し、すべてのスマート引用符をまっすぐ引用符に変換します。 Dreamweaverで見出しタグを使用してテキストを書式設定する方法

見出しの最適な書式設定オプションの1つは、見出しタグのコレクションです。 HTMLでは、見出しタグ（

、

など）を使用してタイトルまたは見出しのテキストを書式設定すると、多くの利点があります。見出しタグは、

、

などの相対サイズで表示されるように設計されています。

Webページのデフォルトのテキストサイズがどのようなものであっても（ブラウザの設定とコンピュータプラットフォームによってテキストサイズが異なる場合があります）、

タグでフォーマットされたテキストは常に

でフォーマットされたテキストよりも大きくなります。

多くの検索エンジンは、

タグでフォーマットされたテキストのキーワードを優先しているというのが一般的な考えです。なぜなら、ページ上の最も重要なテキストが一般的に最も大きなサイズの見出しに含まれているからです。同様に、検索エンジンのエキスパートは、

タグをページごとに1回だけ使用する必要があることを伝えます。

見出しタグでテキストを書式設定するには、次の手順を実行します。

書式設定するテキストを強調表示します。

プロパティインスペクタで、ワークスペースの下部にあるインスペクタの左側にあるHTMLボタンが選択されていることを確認します。

「書式」ドロップダウンリストを使用して見出しオプションを選択します。

見出しタグを適用すると、テキストが自動的に大きくなり、デザインビューで太字になります。

クレジット：Casey Stollによる写真

一般に、プロパティインスペクタは基本書式を適用する最も簡単な方法ですが、書式→段落書式を選択し、サブメニューが表示されます。

Dreamweaverで段落や改行を追加する方法

Web用のページデザインを作成するときは、まず混乱するような多くの制限内で作業する必要があります。ウェブデザインとプリントデザインは根本的に異なり、見た目よりもシンプルな作業も複雑にすることができます。段落や改行をどのように作成するのがよい例です。

Dreamweaverのデザインビューで作業しているときにEnterキー（Windows）またはReturnキー（Mac）を押すと、コードに段落タグ

が挿入されます。空白行で囲みます。

空白行を追加せずに改行する場合は、Shiftキーを押しながらEnterキー（またはReturnキー）を押して

タグをコードに挿入し、改行を1つ作成します。

ベストプラクティスは、複数の段落タグまたは区切りタグを使用してWebページに余分なスペースを作成することを避けることです（そのように作成すると、すべてのブラウザで空白が維持されるわけではありません）。ページ上の段落や他の要素の間に多くのスペースを追加する場合は、CSSを使用するのが最善の方法です。

コードビューで作業していてEnterキーまたはReturnキーを使用してスペースを追加する場合は、コード内に空白スペースを追加します。余分なスペースでコードを読みやすくすることができるので、HTMLコードの余分なスペースが便利ですが、一般に、ページがデザインビューまたはWebブラウザーで表示される方法には影響しません。