Adobe
Tutorials
効果的なHTMLメールの作成
テキストだけのメールメッセージでは物足りないと感じることはありませんか?メールマガジン、招待状、セール広告などを、画像、カラー、スタイルなどを使ったメールにすれば、読み手の注意を一層ひきつけることができます。これらを全て実現するHTML形式のメールは、Adobe® GoLive® 6.0でWebページをデザインするのと同じ要領で簡単に作成できます。HTMLメールを読めないメールアプリケーションなどもありますが、スタイルを工夫したグラフィックデザインで読み手をあっと言わせましょう。
main
1. HTMLページおよび画像用フォルダの作成
ファイル/新規サイトを選択して、GoLiveサイトウィザードを開きます。このウィザードを使用して、ブランクサイトを作成し、名前をつけます。サイト名を付けるときは、必ず「プロジェクトフォルダを作成する」を選択してください。サイトウィンドウでIndex.htmlファイルをダブルクリックして開き、このページを使用してHTML電子メールをデザインします。 大きいサイト内にフォルダを作成することもできます。重要なのは、ファイルをまとめておくことです。画像用に別のフォルダを作成しないでください。
   
 
step01_int
2. ページのデザイン
HTML形式のメールをデザインする際は、メールクライアントアプリケーションを考慮しながら、作業するようにしましょう。デザインはシンプルに、レイアウトグリッド、コンポーネント、アクション、フローティングボックス、DHTML、ロールオーバー、JavaScript、SWF(Flash)、フレームセット、ネスト化テーブルなど、メールアプリケーションが認識できないGoLive機能は使わず、標準フォントを使用します。必要最低限の画像だけを挿入し、Adobe ImageReady®などのアプリケーションで画像をWeb用に最適化します。HTMLを認識しない電子メールアプリケーション用には、テキスト内のリンクに絶対パスを含めておきましょう。 受信者のメールアプリケーションのウィンドウサイズを制御することはできません。ただし、ウィンドウサイズに応じてページが表示されるようにできます。いくつかの表を縦に並べ、それぞれの表の幅をパーセンテージで設定します。例えば、表を中央に配置し、幅に80%を設定した場合は、どのサイズのウィンドウでも表はウィンドウの80%を占め、ウィンドウの端から10%の位置に表示されます。
   
 
step02_int
3. リンクには絶対URLを使用
テキストリンクまたは画像を選択し、テキストインスペクタの「URL」、または画像インスペクタの「ソースURL」の横にあるポップアップメニューから「編集」を選択します。次に、リンク用の絶対URL(http://www.yourdomain.com/sitename/imagenameなど)を入力します。この手順を繰り返して、ページにテキストリンクまたは画像を追加します。画像用の絶対URLを入力すると、画像はプレースホルダに置き換えられます。 HTML形式のメールメッセージを送信すると、メッセージは受信者のコンピュータに保存されますが、メッセージが参照する画像とページは送信側のWebサーバ上にあります。電子メールアプリケーションが画像またはWebサイト上の他のページを検索できるようにするには、絶対URLを使用する必要があります。絶対URLとリンクする画像は、GoLiveのレイアウトモードまたはプレビューモードでは表示されないので、デザインを完成してからリンクを変更する方が簡単です。
   
 
step03_int
4. 画像をWebサーバにアップロード
ツールバーのFTPサーバ接続/切断ボタンをクリックします。(FTPサーバへのアクセスを設定していない場合は、まずツールバーのサイト設定ボタンをクリックし、使用するサーバの接続情報を指定します。)サイトウィンドウの「ファイル」タブをクリックしてから、アップロードする画像を選択し、サイト/FTPサーバ/選択したアイテムをアップロードを選択します。必要な場合は、アップロードオプションダイアログボックスで変更を行います。 HTMLページはWebサーバにアップロードする必要はありません。ただし、ページをアップロードしておけば、使用する電子メールアプリケーションがHTMLをサポートしない受信者が、ブラウザを使用してメッセージをオンライン表示できるようになります。
   
 
step04_int
5. メールアプリケーションの設定
「送信」タブをクリックして、メール送信の形式にHTMLを設定します。Outlook Expressを使用する場合は、ツール/オプションを選択し、「送信」タブをクリックし、メール送信の形式にHTMLを設定します。Netscape 6.2を使用する場合は、編集/設定を選択し、「メールとニュースグループ」をクリックして、「形式」をクリックしてから、HTMLを読み込むことができない電子メールアプリケーションの形式を指定します。その他不明な点や、他のメールアプリケーションを使用する場合は、そのアプリケーションのマニュアルを参照してください。 通常、50人以下にメッセージを送信する場合で、HTML形式のメールメッセージを頻繁に送信しない場合は、電子メールアプリケーションから直接送信します。ただし、HTML形式のメールを頻繁に送信する場合や、データベースにアドレスが収集されている大規模グループに送信する場合は、独自のバッチ電子メールのマージアプリケーションまたはオンラインサービスの使用を検討してください。
   
6. HTML形式メールメッセージのテスト
次は、自分にメッセージを送信して、メールアプリケーションウィンドウでの表示を確認して問題を修正します。 WindowsでOutlook Expressからメッセージを送信するには、ファイル/ひな形の選択を選んで、HTMLページを選択します。Mac OSでOutlook ExpressまたはEntourageから送信するには、Apple社のWebサイトで入手できる無償スクリプト「Send Complex HTML」を使います。Netscape 6.2からメッセージを送信するには、Netscape Composerでページを開いてページの内容をコピーし、新規メッセージウィンドウの本文に貼り付けます。
   
 
step06_int
7. HTML形式のメールメッセージの送信
メールアプリケーションでHTMLページを設定して、件名を追加し、「宛先」フィールドにアドレスを挿入します。 大規模グループに送信する場合は、電子メールアプリケーションのアドレス帳にグループを作成し、そのグループを使用すると簡単です。受信者のIDが他の受信者にわからないようにするには、「Bcc:」フィールドにアドレスまたはグループ名を入力し、「宛先」フィールドはブランクのままにするか、自分のアドレスを入力します。
   
 
step07_int
その他関連チュートリアルや製品情報については以下のURLをご覧ください
http://www.adobe.co.jp/framemaker/
2002 Adobe Systems Incorporated. All rights reserved.