사용 안내서 취소

분할 영역에 대한 HTML 옵션

분할 영역 옵션 대화 상자 표시

다음 중 하나를 수행합니다.

  • [분할 영역 선택 도구] 로 분할 영역을 두 번 클릭합니다. (도구가 표시되지 않을 경우 [자르기 또는 분할] 도구를 누른 상태로 있습니다.)
  • [분할 영역 선택 도구]가 활성 상태이면 옵션 막대에서 [분할 영역 옵션] 단추 를 클릭합니다. 웹 및 장치용으로 저장 대화 상자에서는 이 방법을 사용할 수 없습니다.

분할 영역 내용 유형 지정

분할 영역 데이터를 HTML 파일과 함께 내보낼 때 웹 브라우저에 표시되는 방식을 지정할 수 있습니다. 선택하는 분할 영역 유형에 따라 사용 가능한 옵션이 다릅니다.

  • 이미지 분할 영역에는 이미지 데이터가 포함되어 있습니다. 이것이 기본 내용 유형입니다.

  • [이미지 없음] 분할 영역을 사용하여 텍스트 또는 단색으로 채울 수 있는 비어 있는 표 셀을 만들 수 있습니다. [이미지 없음] 분할 영역에서 HTML 텍스트를 입력할 수 있습니다. [웹 및 장치용으로 저장] 대화 상자에서 [HTML 텍스트입니다.] 옵션을 설정하면 텍스트를 브라우저에서 볼 때 HTML로 해석됩니다. [이미지 없음] 유형의 분할 영역은 이미지로 내보낼 수 없으며 브라우저에서 미리 볼 수 있습니다.

참고:

자동 분할 영역에 대한 옵션을 설정하면 해당 분할 영역을 사용자 분할 영역으로 승격할 수 있습니다.

  1. 분할 영역을 선택합니다. Photoshop에서 작업하는 경우 [분할 영역 선택 도구]로 분할 영역을 두 번 클릭하여 [분할 영역 옵션] 대화 상자를 표시합니다.
  2. [분할 영역 옵션] 대화 상자의 [유형] 팝업 메뉴에서 분할 영역 유형을 선택합니다.

분할 영역 이름 바꾸기

이미지에 분할 영역을 추가할 때 내용에 따라 분할 영역 이름을 변경하는 것이 좋습니다. 기본적으로 사용자 분할 영역의 이름은 출력 설정 대화 상자의 설정에 따라 지정됩니다.

  1. 분할 영역을 선택하고 [분할 영역 선택 도구]로 분할 영역을 두 번 클릭하여 [분할 영역 옵션] 대화 상자를 표시합니다. [분할 영역 옵션] 대화 상자의 [이름] 텍스트 상자에 새 이름을 입력합니다.
    참고:

    [이미지 없음] 분할 영역 내용에는 [이름] 텍스트 상자를 사용할 수 없습니다.

분할 영역의 배경색 선택

배경색을 선택하여 해당 분할 영역의 투명 영역([이미지] 분할 영역)이나 전체 영역([이미지 없음] 분할 영역)을 칠할 수 있습니다.

Photoshop에서는 사용자가 선택한 배경색이 표시되지 않으므로 배경색 선택 결과를 보려면 브라우저에서 이미지를 미리 봐야 합니다.

  1. 분할 영역을 선택합니다. Photoshop 웹 및 장치용으로 저장 대화 상자에서 작업하는 경우 [분할 영역 선택 도구]로 해당 분할 영역을 두 번 클릭하여 [분할 영역 옵션] 대화 상자를 표시합니다.
  2. [분할 영역 옵션] 대화 상자의 배경색 팝업 메뉴에서 배경색을 선택합니다. [없음], [매트], [흰색], [검정] 또는 [기타](Adobe [색상 피커] 사용 시)를 선택합니다.

분할 영역에 URL을 할당하면 전체 분할 영역이 결과 웹 페이지에서 링크로 표시됩니다. 사용자가 링크를 클릭하면 웹 브라우저는 지정된 URL과 대상 프레임에 연결됩니다. 이 옵션은 [이미지] 분할 영역에만 사용할 수 있습니다.

  1. 분할 영역을 선택합니다. Photoshop에서 작업하는 경우 [분할 영역 선택 도구]로 분할 영역을 두 번 클릭하여 [분할 영역 옵션] 대화 상자를 표시합니다.
  2. [분할 영역 옵션] 대화 상자의 [URL] 텍스트 상자에 URL을 입력합니다. 상대 URL 또는 절대(전체) URL을 입력할 수 있습니다. 절대 URL을 입력하는 경우에는 반드시 적절한 프로토콜을 포함시켜야 합니다. 예를 들면 www.adobe.com이 아니라 http://www.adobe.com으로 입력해야 합니다. 상대 URL 및 전체 URL 사용에 대한 자세한 내용은 HTML 참조서를 참조하십시오.
  3. 필요한 경우 [대상] 텍스트 상자에 대상 프레임 이름을 입력합니다.

    _blank

    원래 브라우저 창을 열어 둔 채 새 창에서 연결된 파일을 표시합니다.

    _self

    원본 파일과 동일한 프레임에서 연결된 파일을 표시합니다.

    _parent

    자체 원본 상위 프레임 세트에서 연결된 파일을 표시합니다. HTML 문서에 프레임이 들어 있으며 현재 프레임이 하위 프레임인 경우 이 옵션을 사용하면 현재 상위 프레임에 연결된 파일을 표시할 수 있습니다.

    _top

    전체 브라우저 창을 연결된 파일로 대체하면서 현재의 모든 프레임을 제거합니다. 이름은 이전에 HTML 파일에서 해당 문서에 대해 정의된 프레임 이름과 일치해야 합니다. 링크를 클릭하면 새 프레임에 지정된 파일이 표시됩니다.

    참고:

    프레임에 대한 자세한 내용은 HTML 참조서를 참조하십시오.

브라우저 메시지 및 Alt 텍스트 지정

브라우저에 나타날 메시지를 지정할 수 있습니다. 옵션은 [이미지] 분할 영역에만 사용할 수 있으며 내보낸 HTML 파일에만 나타납니다.

  1. 분할 영역을 선택합니다. Photoshop에서 작업하는 경우 [분할 영역 선택 도구]로 분할 영역을 두 번 클릭하여 [분할 영역 옵션] 대화 상자를 표시합니다.
  2. [분할 영역 옵션] 대화 상자에서 원하는 텍스트를 입력합니다.

    메시지 텍스트

    선택한 분할 영역에 대해 브라우저의 상태 영역에 표시되는 기본 메시지를 변경합니다. 기본적으로 해당 분할 영역의 URL이(있으면) 표시됩니다.

    Alt 태그/Alt

    선택된 분할 영역에 [Alt] 태그를 지정할 수 있습니다. 그래픽이 표시되지 않는 브라우저에서는 분할 영역 이미지 대신 [Alt] 텍스트가 표시됩니다. [Alt] 텍스트는 이미지가 다운로드되는 동안 이미지 대신 나타나거나 일부 브라우저에서는 도구 설명으로 나타납니다.

분할 영역에 HTML 텍스트 추가

[이미지 없음] 유형의 분할 영역을 선택하면 결과 웹 페이지의 분할 영역에 표시될 텍스트를 입력할 수 있습니다. 이때 일반 텍스트나 표준 HTML 태그로 서식이 지정된 텍스트를 입력할 수 있습니다. 또한 수직 및 수평 정렬 옵션을 선택할 수 있습니다. 특정 HTML 태그에 대한 자세한 내용은 HTML 참조서를 참조하십시오.

Photoshop에서는 문서 창에 HTML 텍스트가 표시되지 않으므로 텍스트를 미리 보려면 웹 브라우저를 사용해야 합니다. 다양한 운영 체제를 기반으로 다양한 브라우저에서 다양한 브라우저 설정을 사용하여 HTML 텍스트를 미리 보고 웹상에 텍스트가 올바르게 표시되는지 확인해야 합니다.

참고:

[이미지 없음] 분할 영역의 텍스트 양은 내보낸 페이지의 레이아웃에 영향을 줄 수 있습니다.

  1. 분할 영역을 선택합니다. [분할 영역 선택 도구]로 분할 영역을 두 번 클릭하여 [분할 영역 옵션] 대화 상자를 표시합니다. 웹 및 장치용으로 저장 대화 상자에서 분할 영역을 두 번 클릭하여 추가 서식 옵션을 설정할 수 있습니다.
  2. [분할 영역 옵션] 대화 상자의 [분할 영역 유형] 메뉴에서 [이미지 없음]을 선택합니다.
  3. 텍스트 상자에 원하는 텍스트를 입력합니다.
  4. (웹 및 장치용으로 저장 대화 상자 전용) 텍스트에 HTML 서식 태그가 있을 경우 [HTML 텍스트입니다.] 옵션을 선택합니다. 이 옵션을 선택하지 않으면 HTML 태그가 무시되고 모든 텍스트가 웹 페이지에 서식 없는 일반 텍스트로 나타납니다.
  5. (웹 및 장치용으로 저장 대화 상자 전용) 필요한 경우 이 대화 상자의 [셀 정렬]에서 옵션을 선택합니다.

    기본값

    수평 정렬에 브라우저의 기본값을 사용합니다.

    왼쪽

    분할 영역의 왼쪽에 텍스트를 정렬합니다.

    중심점

    분할 영역의 중심에 텍스트를 정렬합니다.

    오른쪽

    분할 영역의 오른쪽에 텍스트를 정렬합니다.

    기본값

    수직 정렬에 브라우저의 기본값을 사용합니다.

    위쪽

    분할 영역의 위쪽에 텍스트를 정렬합니다.

    기준선

    결과 HTML 표에서 동일한 행에 있는 셀의 첫 번째 텍스트 줄에 대한 공통 기준선을 설정합니다. 행의 각 셀에서 [기준선] 옵션을 사용해야 합니다.

    가운데

    분할 영역에서 텍스트를 중앙에 수직으로 표시합니다.

    아래쪽

    분할 영역의 아래쪽에 텍스트 정렬를 정렬합니다.

관련 항목 더 보기

쉽고 빠르게 지원 받기

신규 사용자이신가요?