HTML-이메일을 만드는 방법 : 단계별 안내를

메일 링리스트는 마케팅 캠페인의 중요한 부분입니다. 여러 가지 방법으로 그들에게 이메일을 작성하고 간단한 웹 페이지의 개발을 닮았다. 동시에 그것은 몇 가지 중요한 차이를 고려해야한다. 특히, HTML-이메일을 보내는 것은 그들이 기술적 인 의미에서 제대로 만들어진, 그리고 그 내용과 스타일이 당신의 목표를 달성 할 경우에만 유효합니다. 이 경우, 평신도가이 작업을 처리 할 수없는 인식이있다. 이 문서 작성 방법과 HTML-이메일을 보내도록하는 방법 단계 지침에 의해 상세한 단계를 제공합니다.

창조의 특징

현대인은 매일 5-6의 평균을 수신하고, 때로는 10 전자 메일까지. 이것은 다음과 같은 대응의 독서에 들어가기 전에 만,받는 사람의주의를 환기하는 시간을 가지고, 초 미만이 있다는 것을 의미한다. 그렇지 않으면 보내는 HTML - 이메일은 완전히 효과가 없을 것입니다, 당신은 시간을 낭비.

잠재 고객 또는 기타의 타겟 고객의 관심을 끌기의 당신의 기회를 증가 뉘앙스 중 하나는 모바일 기기에 적용되는 대응의 창조이다. 결국,이 이메일을 볼 다루어진다 누구에게 사람들의 대부분은 아마 데스크톱 컴퓨터와 노트북보다 더 자주 사용합니다.

이러한 목적으로 사용할 수 있습니다, 예를 들어, '반응 형 디자인은 "쉽게 화면 크기에 적응.

어떤 편지 템플리트해야

의도 된 문서의 레이아웃, 특파원을 보낼 때, 다음과 같은 요구 사항을 준수해야합니다 :

• 이는 임의의 타입의 장치에서 다른 텍스트 콘텐츠의 정확한 표시를 제공하는 500 내지 600 개 픽셀의 범위를 초과 할 수 없다, 즉. E. 크기는 매우 좁게한다.
• 당신은 읽기 불편 모든 텍스트 정보뿐만 아니라 아이폰 OS 디바이스의 HTML 메일에 대해 충분히 큰 글꼴을 사용해야 할 경우 최소 13 픽셀의 글꼴 크기.
• 당신이 클릭 할 수있는 요소는 가장 가까운 링크에서 충분한 크기와 절연해야한다. 이 경우,받는 사람은 쉽게 첫 번째 시도에서이를 활성화 할 수 있습니다.

훈련

HTML 문자의 발전을하기 전에 드라이브 중 하나 새 폴더를 생성하고, 예를 들어, "뉴스"의 이름을 지정해야합니다. 또한 다운로드하고 드림위버 CS3 소프트웨어를 설치해야합니다. Adobe에서이 제품은 매우 간단한 도구 디자인 웹 사이트이며, HTML 형식의 메일 링 문자의 개발에 매우 적합하다.

문서를 만들고 저장

당신이 편지의 텍스트를 작성하기 전에, 다음을 수행해야합니다

• 꽤 인기 프로그램 디자이너 HTML-이메일 드림위버 CS3 (DW)를 엽니 다;
• 전환 HTML 4.01» "의 유형을 선택하여 문서를 만들;
• «.html로»을 확장자를 가진 파일을 저장;
• 상단 메뉴에서 편집 명령을 찾을 수 있습니다;
• 대신에 태그를 HTML»의 체크 박스 "를 사용하여 CSS에서 진드기를 제거합니다.

단계별 가이드

이제, HTML-이메일을 작성하는 방법을 살펴 보자. 이 작업을 수행하려면 :

• 일관 메뉴 탭 "삽입"과 "표"를 열고 테이블의 필요한 매개 변수를 노출합니다. 예를 들어, 광고 - 2 열 - 1 폭 - 700 헤더 - 가기. 경계가 설정 될 수 있으며, 0을 지정, 그들없이 할 수 있습니다.
• 메시지 헤더를 형성한다. HTML 문자 수혜자 때문에 많은 수의 의도하므로 원하는 수신자의 이름을 대신하는, 오퍼레이터 [FIRST_NAME]을 사용한다.
• 아래쪽 창에서 "속성"는 제목 텍스트의 글꼴, 크기 및 색상에 필요한 매개 변수를 넣어 배경 색상.
• 헤더 필드에서 "종료". "중심"커서 넣어 옵션을 이동 화면의 하단에서 "중간에."
• 적당한 유형 및 선택하여 DW 프로그램에서 그것을 "쓰기"를 준비 문자 메시지를 삽입하거나 글꼴 크기, 페이지의 텍스트와 정렬을.

하이퍼 링크 만들기

우리는 HTML 문자보다 전문적이고 고급 만들려고합니다. 숨기기 콘텐츠 하이퍼 링크에서이 목표. 이렇게하려면, 하이퍼 링크로 선정 된 텍스트에서 장소를 선택합니다. 왼쪽에서 해당 아이콘 "개방"해야하며, 화면 상단의 드롭 상자에서 링크를 삽입합니다. 이 경우, 새 창에서 링크를 열려면,«_blank»체크 상자에 눈금을 넣어하는 것을 잊지 마세요, 그리고 공연 후받는 사람은 주 편지에 대한 액세스 권한을 상실하지 않았다.

이미지를 삽입하는 방법

일반적으로 HTML 형식의 편지는 바람직하게는 저자의 사진이나 관련 주제별 사진과 함께, 연락처를 완료합니다. 그것은 인터넷이나 이미지의 URL을해야하므로, 인터넷에서 다운로드하여 다운로드 할 수 있습니다. 이것은, 무료 서비스 중 하나에 의해 수행된다.

이러한 좋은 결말을 발행하려면 :

• 3 열 경계점 0 다른 기지국 파라미터 테이블에 상기 메시지 하단에 삽입;
• 그들이 사진을보고 싶은 테이블에 커서를 넣어;
• 하부 윈도우 "중간"및 각 섹션 "상단부"마크;
• 상단 메뉴 탭 '삽입'에서 선택;
• 팝업 메뉴에서 비문 "이미지"를 클릭 할, 복사 된 연락처 주소를 붙여 넣기;
• 2 회«확인»을 누릅니다.

리뷰

이제 HTML 문자를 수행하는 방법을 알고, 당신은받는 사람이 올바른 형태를 볼 수 있는지 확인해야합니다. 이를 위해 제출하기 전에 당신은 드림위버 CS3 브라우저에서 작업을보고 싶어요. 이 작업을 수행하려면 중앙 상단 메뉴에있는 지구본 아이콘을 클릭합니다. 대신 문자가 화면에 나타난 경우, 헛소리, 당신은 설정 avtokodirovku 브라우저에 넣어해야합니다.

부호화

은 "코드"- 그리고 "프로젝트"섹션에서하면 코드 부분으로 이동합니다. 창에 해당 분리하고 모든 태그는 와 사이에있는 복사. 파일을 저장합니다. 다음, HTML 코드를 삽입합니다.

HTML-이메일 보내기

메일 공개 "Smartresponder"(SR)을 확인하십시오. 다음 :

• 선택하거나 문자열 "이름"을 작성하여 새 전자 메일 작성 "보낸 사람 주소를."
• "편지의 테마"라인을 채우기;
• 왼쪽 상단 메뉴의 HTML 코드에 표시;
• 소스 코드는 큰 분야 "소스"에서 프로그램 DW-코드에 복사;
• 도구 "미리보기"의 표시 수단의 정확성을 확인;
• 편지의 텍스트 버전을 삭제;
• '보내기'버튼 옆에있는 해당 버튼을 사용하여 스팸을 테스트합니다.

몇몇 인기있는 템플릿

프레임 워크를 사용하면 상당히 쓰기의 과정을 가속화하고 전용 웹 문서 작성의 기본을 이해 한 개발자에 더 접근 할 수 있도록하는 데 도움이됩니다. 가장 인기있는 패턴

• 켈베로스. 소위 반응 템플릿 세트는 문자, 일반적으로 모바일 애플리케이션 Gmail에서 표시 및 Outlook에서를 만들 수 있습니다. 그것은 당신이 단독으로 또는 이들을 결합하여 하나, HTML 코드 블록을 사용할 수 있습니다.
• 잉크 - 이메일, 모든 장치와 클라이언트와 거의 보편적와 호환되는 우편물을 수확입니다.
• 정말 간단한 HTML 이메일 템플릿. 템플릿은 메일 링 문자가 매우 쉽고 빨리 만들 수 있습니다. 그러나, 그들은 행동 요청에 입력 컬럼의 형태로 매우 심플한 디자인을 가지고 있습니다.

에 HTML을 삽입하는 방법

우리가 지금 약간 다른 문제를 생각해 보자. 아래의 예를 들어, 구글 크롬 브라우저, 당신은해야 같이 사용 예를 들어, Gmail에 전자 메일에 HTML 코드를 삽입하려면 :

• 버튼«의 F12의»를 클릭하거나 메뉴의 명령의 적절한 순서를 선택;
• 고객의 현재 코드 페이지 Gmail로 열린 창에서 HTML 문자에 삽입 할 수있는 장소를 찾아 오른쪽 클릭을하고«HTML로 편집»을 선택합니다.
• HTML 코드를 붙여
• 이 개 키 조합을 눌러«입력»를«Ctrl 키»를합니다.

같은 목적을 위해 당신은 쉬운 ispolzovnii 모질라 썬더 버드 프로그램을 다운로드 할 수 있습니다. 그것으로 당신은 "삽입"을 선택 먼저, 편지를 만들 수 있습니다 다음의 "HTML"와 우편 코드에 붙여 넣습니다.

악기

Vordpressovsky 전자 뉴스 레터 플러그인은 전문적으로 뉴스 레터와 가입자를 관리 할 수 있습니다. 그리고 다음, 다른 하나는 워드 프레스 관리자 패널을 통해 직접 수행됩니다. 이 상황은 완벽하게 제어하고 있지만 기뻐할 수없는 충전, 완전 무료를 제공합니다.

당신이 문자에 의해 생성 된 배경 이미지에 대한 코드를 얻을 수있는 간단한 도구입니다 방탄 배경 이미지, - 또 다른 간단한 도구. 그것은 당신이 대응이 더 아름다운 만들 수 있습니다. 들어 편지의 등록 단순히 이러한 매개 변수는 HTML 메일의 몸 전체에 적용하거나에만 테이블 셀 중 하나를위한 것입니다 여부를 당신이 좋아하는 배경 이미지의 URL을 입력하고 색상을 보유하고 있어야합니다. 결과는 복사 할 및 템플릿에 붙여 넣을 준비가 만든 코드입니다.

이제 HTML-이메일을 보내는 방법을 알고있다. 그것의 창조는 웹이 부족하지있는 준비가 만든 템플릿을 사용하여 특히, 특히 어려운 일이 아니다. 그러므로, 특별한 지식이없는 사람들을 쉽게이 작업에 대처 할 수 있습니다.