DreamweaverでHTMLメールを作成する方法

画像クレジット： Janka Dharmasena / iStock / Getty Images

Dreamweaverを起動し、[新規作成]列で[HTML]を選択します。

デザインがまだ選択されていない場合は、上部の[デザイン]ボタンをクリックして、コードビューからデザインビューに変更します。

画面下部の[プロパティ]ウィンドウで[ページのプロパティ...]ボタンをクリックし、[ デフォルトのフォントとサイズ、テキストの色、背景色または画像（ある場合）、およびページ マージン。

[カテゴリ]列で[リンク（CSS）]を選択し、リンクのフォント、サイズ、色を選択します。 ロールオーバーなどのマウス位置、およびアクティブまたは訪問済みなどのリンクステータスに基づくメッセージ。 メッセージ内のリンクに下線スタイルを選択します。

[カテゴリ]列から[：見出し（CSS）]をクリックし、メッセージで使用するさまざまな見出しのフォント、サイズ、色を選択します。

[カテゴリ]列で[タイトル（エンコーディング）]を選択し、メッセージの件名などのドキュメントのタイトルを入力して、 次に、「HTML5」などのドキュメントタイプと「Unicode（UTF-8）」などの文字エンコードを選択します。 「OK」を選択する 終わり。

空白の画面にメールメッセージを入力します。 メッセージの入力時または入力終了後に、画面下部の[プロパティ]ウィンドウからスタイルを適用して、テキストをフォーマットします。

[プロパティ]ウィンドウの[フォーマット]ボックスで見出しの種類を選択して、テキストをヘッダーとしてスタイル設定します。 テキストを太字にするには「B」をクリックし、斜体で表示するには「I」をクリックします。

順序なしまたは順序付きリストとしてスタイル設定するメッセージ内のテキストを強調表示してから、[プロパティ]ウィンドウの[順序なしリスト]または[順序付きリスト]ボタンをクリックします。 「ブロック引用」ボタンを選択して、テキストをブロック引用としてフォーマットします。 「Blockquoteの削除」ボタンを選択して、フォーマットを削除します。

クリック可能なリンクに変換するテキストを強調表示してから、[プロパティ]ウィンドウの[リンク]ボックスにリンクのURLを入力します。 [ターゲット]選択ボックスで、リンクを開く方法を選択します。 たとえば、「_ blank」を選択して、リンクを新しいウィンドウで強制的に開きます。

[挿入]を選択し、[テーブル]をクリックしてメッセージにテーブルを挿入します。 行と列の数を選択し、テーブルの幅を指定して、境界線の太さを入力します。 表セル内のパディングおよび表セル間のスペースに使用するスペースの数を入力します。 キャプションと表の要約を含める場合は入力し、[OK]をクリックします。 画面に表示されるテーブルにテキストを入力します。

[挿入]を選択し、[画像]をクリックしてから、もう一度[画像]を選択して画像を挿入します。 表示する画像ファイルを見つけて選択します。 マウスで画像をドラッグして、メッセージ内の画像の配置を調整します。

[ファイル]を選択し、[ブラウザでプレビュー]をクリックしてから、複数のブラウザがインストールされている場合はブラウザを選択して、メールとそのフォーマットをプレビューします。 メッセージに含めたハイパーリンクをクリックして、正しく解決されることを確認します。

「Ctrl-A」を押してメッセージ全体を選択し、「Ctrl-C」を押してメッセージをコピーします。 電子メールプログラムに切り替えて、新しい電子メールメッセージを作成し、必要に応じてメッセージタイプを「HTML」に変更します。

「Ctrl-V」を押して、メッセージを電子メールプログラムに貼り付けます。 メッセージを受信者に宛てて、メッセージの件名を入力してから送信します。

ヒント

警告