Dreamweaver에서 HTML 이메일을 만드는 방법

이미지 크레디트: Janka Dharmasena/iStock/게티 이미지

Dreamweaver를 시작한 다음 새로 만들기 열에서 "HTML"을 선택합니다.

디자인이 아직 선택되지 않은 경우 상단의 "디자인" 버튼을 클릭하여 코드 보기에서 디자인 보기로 변경합니다.

화면 하단의 속성 창에서 "페이지 속성..." 버튼을 클릭한 후 기본 글꼴 및 크기, 텍스트 색상, 배경 색상 또는 이미지(있는 경우), 페이지 여백.

카테고리 열에서 "링크(CSS)"를 선택한 다음, 링크의 글꼴, 크기 및 색상을 선택하십시오. 롤오버와 같은 마우스 위치 및 활성 또는 방문과 같은 링크 상태를 기반으로 하는 메시지. 메시지의 링크에 대한 밑줄 스타일을 선택합니다.

범주 열에서 ":제목(CSS)"을 클릭한 다음 메시지에 사용할 다양한 제목의 글꼴, 크기 및 색상을 선택합니다.

범주 열에서 "제목(인코딩)"을 선택하고 문서 제목(예: 메시지 제목)을 입력한 다음 그런 다음 "HTML5"와 같은 문서 유형과 "유니코드(UTF-8)"와 같은 문자 인코딩을 선택합니다. 때 "확인"을 선택하십시오. 완료.

빈 화면에 이메일 메시지를 입력합니다. 메시지를 입력할 때 또는 입력을 마친 후 화면 하단의 속성 창에서 스타일을 적용하여 텍스트 서식을 지정합니다.

속성 창의 형식 상자에서 머리글 유형을 선택하여 텍스트를 머리글로 스타일 지정합니다. "B"를 클릭하여 텍스트를 굵게 표시하거나 "I"를 클릭하여 기울임꼴로 표시합니다.

정렬되지 않은 목록 또는 정렬된 목록으로 스타일을 지정하려는 메시지의 텍스트를 강조 표시한 다음 속성 창에서 "순서 없는 목록" 또는 "순서된 목록" 버튼을 클릭하십시오. 텍스트를 블록 따옴표로 지정하려면 "Blockquote" 버튼을 선택하십시오. 서식을 제거하려면 "Remove Blockquote" 버튼을 선택하십시오.

클릭 가능한 링크로 변환할 텍스트를 강조 표시한 다음 속성 창의 링크 상자에 링크 URL을 입력합니다. 대상 선택 상자에서 링크를 여는 방법을 선택하십시오. 예를 들어 링크가 새 창에서 열리도록 하려면 "_blank"를 선택합니다.

"삽입"을 선택한 다음 "표"를 클릭하여 메시지에 표를 삽입합니다. 행과 열의 수를 선택하고 테이블 너비를 지정하고 테두리 두께를 입력합니다. 표 셀 내부를 채우고 표 셀 사이의 간격을 채우는 데 사용할 공백 수를 입력하십시오. 캡션과 표 요약을 포함하려는 경우 입력한 다음 "확인"을 클릭합니다. 화면에 나타나는 표에 텍스트를 입력합니다.

"삽입"을 선택하고 "이미지"를 클릭한 다음 "이미지"를 다시 선택하여 그림을 삽입합니다. 표시할 그림 파일을 찾아 선택합니다. 마우스로 드래그하여 메시지에서 그림의 위치를 ​​조정합니다.

"파일"을 선택하고 "브라우저에서 미리보기"를 클릭한 다음 이메일과 해당 형식을 미리보기 위해 설치된 브라우저가 여러 개인 경우 브라우저를 선택합니다. 메시지에 포함된 하이퍼링크를 클릭하여 제대로 확인되는지 확인합니다.

"Ctrl-A"를 눌러 전체 메시지를 선택한 다음 "Ctrl-C"를 눌러 복사하십시오. 이메일 프로그램으로 전환하고 새 이메일 메시지를 만든 다음 필요한 경우 메시지 유형을 "HTML"로 변경합니다.

"Ctrl-V"를 눌러 메시지를 이메일 프로그램에 붙여넣습니다. 받는 사람에게 메시지 주소를 지정하고 메시지 제목을 입력한 다음 보냅니다.

팁

경고