ステップバイステップガイド：HTML-の電子メールを作成する方法

メーリングリストは、マーケティングキャンペーンの重要な部分です。 多くの点で彼らのために電子メールを作成し、それは簡単なWebページの開発に似ています。 同時に、それはいくつかの重要な違いを考慮に入れる必要があります。 具体的には、HTML-電子メールを送信することは、彼らは技術的な意味で正しく作られており、その内容とスタイルは、あなたの目標を満たす場合にのみ有効となります。 この場合、素人がこのタスクに対応できないという認識があります。 この記事は書く方法と、HTML電子メールを送信する方法を、順を追って説明詳細な手順を提供します。

創造の特長

現代人は毎日5-6の平均を受け取り、そして時には10電子メールまで。 これは、以下の対応を読みに行く前にのみ、受信者の注意を引くための時間を持つように、秒未満を有することを意味します。 そうでなければ、あなたの送信HTML-電子メールは完全に無効になり、あなただけの時間を無駄にしました。

潜在的な顧客や他のターゲットオーディエンスの注目を集めてのあなたのチャンスを増やすニュアンスの一つは、モバイルデバイスに適用され、対応の創出です。 結局のところ、電子メールを閲覧するためにアドレス指定されている誰にそれらのほとんどは、おそらく、デスクトップパソコンやノートパソコンよりも頻繁にそれらを使用しています。

この目的には使用することができますについては、例えば、「応答性のデザインは、」簡単に画面サイズに適応します。

何レターテンプレートでなければなりません

意図した文書のレイアウトが、特派を送信する場合は、以下の要件を遵守する必要があります。

• 任意のタイプのデバイス上のテキストやその他のコンテンツの正確な表示を提供500-600画素の範囲を超えてはならない、すなわち。E.サイズは、非常に狭くなければなりません。
• あなたは読むことを不快になり、すべてのテキスト情報などのiOSデバイスのHTMLメールのために十分な大きさのフォントを使用する必要がある場合は、少なくとも13個のピクセルのフォントサイズ。
• あなたがするクリックすることができますどの要素には、十分な大きさと最も近いリンクから絶縁する必要があります。 この場合、受信者は簡単に最初の試行でそれらを活性化することができます。

トレーニング

HTML文字の開発前に、ドライブのいずれかに新しいフォルダを作成し、それは例えば、「ニュース」に名前を付ける必要があります。 また、あなたは、Dreamweaver CS3のソフトウェアをダウンロードしてインストールする必要があります。 アドビから本製品には、かなりシンプルなツールのデザインのWebサイトで、HTML形式での郵送の手紙の開発に適しています。

文書を作成し、保存します

あなたは手紙の文章を書く前に、以下を行う必要があります。

• かなりの人気番組・デザイナーのHTML-EメールのDreamweaver CS3（DW）を開きます。
• 「トランジションHTML 4.01»の種類を選択することで、ドキュメントを作成します。
• 延長«.htmlを»してファイルを保存します。
• トップメニューに編集コマンドを見つけるために、
• 代わりに、タグHTML»のチェックボックス「を使用CSSからダニを削除します。

ステップバイステップガイド

それでは、HTML、電子メールを作成する方法を見てみましょう。 これを行うには：

• 一貫してメニュータブ「挿入」と「表」を開き、テーブルの必要なパラメータを公開します。 例えば、行 - 列2 - 1、幅 - 700、ヘッダ - トップ。 境界を設定することができ、あなたは0を指定し、それらなしで行うことができます。
• メッセージヘッダーを形成します。 受益者の多数のために意図HTML文字ので、所望の受信者の名前を置換する、[FIRST_NAME]演算子を使用します。
• 下のウィンドウで、「プロパティ」タイトルテキストとのフォント、サイズと色のために必要なパラメータを入れて 背景色。
• ヘッダフィールドから「終了」。 「中心」とカーソルプット・オプションを移動するには、画面の下部に「真ん中で。」
• 準備されたテキストメッセージを挿入するか、タイプと選択して、右DWプログラムでそれを「書く」 、フォントサイズ、 ページとテキストの配置を。

ハイパーテキストリンクを作成します

私たちは、HTML文字は、より専門的で高度な作りしようとします。 非表示コンテンツのハイパーリンクでこの目標を持ちます。 これを行うには、ハイパーリンクとして選ばれたテキスト、で場所を選択します。 左隅に適切なアイコンを「開く」と、画面の上部にあるドロップボックスからのリンクを挿入する必要があります。 この場合は、新しいウィンドウでリンクを開くには、«_blank»チェックボックスにチェックを入れることを忘れないでください、そしてショーの後、受信者は、メインの手紙へのアクセスを失っていません。

画像を挿入する方法

通常、HTML形式の文字は、好ましくは、著者の写真や関連するテーマの絵で、連絡先の詳細を完了します。 あなたは、画像のURLが必要になりますように、それは、インターネットからまたはインターネット上でダウンロードしてダウンロードすることができます。 これは最高の無料サービスのいずれかによって行われます。

そんな素敵なエンディングを発行します。

• 境界ピクセルのための別のベーステーブル3と列0パラメーターに、メッセージの下に挿入し、
• 彼らは絵を見たい表にカーソルを置きます。
• 下のウィンドウ、「中央」と各セクションの「上端」でマーク。
• トップメニュータブ「挿入」から選びます。
• コピーされた連絡先アドレスを貼り付け、ポップアップメニューに碑文「イメージ」をクリックしてください。
• プレス«[OK]を»2回。

レビュー

今、あなたはHTML文字を行う方法を知っていることを、あなたは受信者が正しい形式で表示されますことを確認する必要があります。 このため、提出する前に、あなたは、Dreamweaver CS3のブラウザであなたの仕事を見てみたいです。 これを行うには、中央の一番上のメニューで、地球とのアイコンをクリックしてください。 文字の代わりに、画面上に現れた場合は、アブラカダブラは、ブラウザの設定avtokodirovkuに入れなければなりません。

エンコーディング

「コード」 - 「プロジェクト」セクションおよびコード部に行くから。 分離し、すべてのことは、タグとの間にあるコピーウィンドウで。 ファイルを保存します。 次に、HTMLコードを挿入します。

HTML-メールを送信

「Smartresponder」（SR）メールはオープンにしてください。 その後：

• 選択するか、文字列「名前」と記入して、新しいメール作成「送信者に対処します。」
• 「手紙のテーマ」の行を埋めます。
• 左上のメニューのHTMLコードでマーク。
• 大規模なフィールド「ソース」のプログラムDW-コードにコピー埋め込みコード;
• ツール「プレビュー」の表示手段の正当性を確認してください。
• 文字のテキストバージョンを削除します。
• 「送信」ボタンをするために、次の適切なボタンを使用して、スパムのためにそれをテストします。

いくつかの人気のテンプレート

フレームワークを使用すると、大幅に執筆のプロセスを加速し、唯一のウェブ文書を作成するための基本を理解している開発者にそれをよりアクセシブルにするのに役立ちます。 最も人気のあるパターン：

• ケルベロス。 通常、モバイルアプリケーションGmailの、およびOutlookに表示された文字を作成するための、いわゆる応答テンプレートのこのセット。 これは、単独で、またはそれらを組み合わせることで、あなたはHTMLコードブロックを使用することができます。
• インクは -電子メール、ほとんど普遍的ですべてのデバイスとクライアントとの互換性のあるメールを収穫しています。
• 本当に単純なHTMLメールテンプレート。 テンプレートを使用すると、非常に簡単かつ高速です郵送文字を作成することができます。 しかし、彼らは、アクションへの呼び出しに入力されたコラムの形で、非常にシンプルなデザインを持っています。

HTMLを挿入する方法

私たちは今、わずかに異なる問題を考えてみましょう。 メールにHTMLコードを挿入するには、例えば、Gmailの、以下の例のように、Google Chromeブラウザを使用して、以下を行う必要があります。

• ボタン«のF12の»をクリックするか、メニューのコマンドの適切なシーケンスを選択します。
• 顧客の現在のコードページGmailに開いているウィンドウで、HTML文字を挿入する場所を見つけ、右クリックをし、«HTMLなどの編集»を選択してください。
• HTMLコードを貼り付けます。
• 2つのキーの組み合わせを押す«入力します»を«Ctrlキー»をして。

同じ目的のために、あなたは簡単にispolzovnii MozillaのThunderbirdのプログラムをダウンロードすることができます。 それを使用すると、「挿入」を選択まず、文字を作成することができますし、「HTML」やメーリングコードに貼り付けます。

楽器

Vordpressovsky電子ニュースレタープラグインを使用すると、専門的にニュースレターや加入者を管理することができます。 そして、その後、別のWordPressの管理パネルから直接行われます。 この状況は完全な制御とが、喜ぶことはできない電荷を完全に自由を提供します。

もう一つのシンプルなツール - 防弾背景画像、あなたは手紙によって作成された背景画像のためのコードを取得することができるシンプルなツールです。 それはあなたが対応がより美しくすることができます。 以下のために手紙の登録 、単にあなたが気に入った背景画像のURLを入力して色を確保し、これらのパラメータはHTMLメールや彼らの体全体に適用されるかどうかは、専用テーブルセルの一つのために意図されている必要があります。 結果はあなたのテンプレートにコピー＆ペーストしたい既製のコードです。

今、あなたは、HTML電子メールを送信する方法を知っていること。 その作成には、あなたがウェブが不足ではありませんした既製のテンプレートを使用する場合は特に、特に難しいことではありません。 そのため、特別な知識を持っていない人、簡単にこのタスクに対処することができます。