라이브 뷰, 코드 보기 또는 PSD 파일에서 텍스트 및 연관된 속성을 추출하여 텍스트를 추가하고 서식을 지정하는 방법을 살펴봅니다.

문서에 텍스트 추가

문서 창에서 직접 텍스트를 입력하거나 텍스트를 잘라서 붙여넣는 방법으로 Dreamweaver 문서에 텍스트를 추가할 수 있습니다. 또한 다른 문서에서 텍스트를 가져올 수도 있습니다.

텍스트를 Dreamweaver 문서에 붙여 넣을 경우 [붙여넣기] 또는 [선택하여 붙여넣기] 명령을 사용할 수 있습니다. [선택하여 붙여넣기] 명령을 사용하여 붙여 넣은 텍스트의 서식을 다르게 지정할 수 있습니다. 예를 들어 서식이 적용된 Microsoft Word 문서의 텍스트를 Dreamweaver 문서에 붙여넣는 경우 적용된 모든 서식을 제거하고 이 텍스트에 CSS 스타일 시트를 적용하려면, Word에서 텍스트를 선택하여 클립보드에 복사하고 [선택하여 붙여넣기] 명령을 사용하여 텍스트만 붙여 넣을 수 있는 옵션을 선택합니다.

붙여넣기 명령을 사용하여 다른 응용 프로그램에서 텍스트를 붙여 넣을 경우 붙여넣기 환경 설정을 기본 옵션으로 설정할 수 있습니다.

참고:

Ctrl+V(Windows) 키 및 Command+V(Macintosh) 키를 누르면 코드 보기에 항상 텍스트만(서식 제외) 붙여넣습니다.

  1. 다음 중 하나를 수행하여 문서에 텍스트를 추가합니다.
    • Extract 패널을 사용하여 PSD 컴포지션에서 텍스트를 추출하십시오. 자세한 내용은 PSD 파일에서 텍스트 복사를 참조하십시오.
    • 문서 창에서 직접 텍스트를 입력합니다.
    • 다른 응용 프로그램에서 텍스트를 복사한 다음 Dreamweaver로 전환하여 문서 창의 디자인 뷰에 삽입 포인터를 위치시키고 편집 > 붙여넣기 또는 편집 > 선택하여 붙여넣기를 선택합니다.

    편집 > 선택하여 붙여넣기를 선택하는 경우 여러 가지 붙여넣기 서식 적용 옵션을 선택할 수 있습니다.

    아래의 키보드 단축키를 사용하여 텍스트를 붙여 넣을 수도 있습니다.

     

    붙여넣기 옵션

    키보드 단축키

    붙여넣기

    Ctrl+V(Windows)

    Command+V(Macintosh)

    선택하여 붙여넣기

    Ctrl+Shift+V(Windows)

    Command+Shift+V(Macintosh)

     

특수 문자 삽입하기

entity라고 하는 일부 특수 문자는 HTML에서 이름 또는 숫자로 표시됩니다. HTML에는 저작권 기호(©), 앰퍼샌드(&), 등록 상표 기호(®)와 같은 문자의 엔티티 이름이 있습니다. 각 엔티티는 이름(예: —)과 숫자 값(예: —)을 가지고 있습니다.

참고:

HTML은 코드에 꺾쇠 괄호 <>를 사용하지만, Dreamweaver에서 꺾쇠 괄호를 코드로 해석하지 않고 크거나 작음을 나타내는 특수 문자로 사용해야 할 경우도 있습니다. 이 경우 “&gt;”를 사용하여 크다(>)는 것을 나타내고, “&lt;”를 사용하여 작다(<)는 것을 나타냅니다.

많은 오래된 버전의 브라우저는 대부분의 이름이 지정된 엔티티를 올바로 표시하지 못합니다.

  1. 문서 창에서 특수 문자를 삽입할 위치에 삽입 포인터를 놓습니다.
  2. 다음 중 하나를 수행합니다.
    • [삽입] > [HTML] > [문자] 메뉴에서 문자 이름을 선택합니다.

    • 삽입 패널의 HTML 범주에서 문자 옵션을 클릭하고 팝업 메뉴에서 문자를 선택합니다.

    참고:

    여러 가지 다른 특수 문자도 사용할 수 있습니다. 다른 특수 문자를 선택하려면 [삽입] > [HTML] > [문자] > [기타]를 선택하거나, 삽입 패널의 HTML 범주에서 [문자] 버튼을 클릭한 다음 [기타 문자] 옵션을 선택합니다. [기타 문자 삽입] 대화 상자에서 문자를 선택한 다음 [확인]을 클릭합니다.

문자 사이에 공백 추가

HTML은 문자 사이에 공백을 하나만 허용하므로 문서에서 공백을 추가하려면 비분리 공백을 삽입해야 합니다. 문서에 비분리 공백을 자동으로 추가하도록 환경을 설정할 수 있습니다.

비분리 공백 삽입하기

  1. 다음 중 하나를 수행합니다.
    • 삽입 > HTML > 특수 문자 > 비분리 공백을 선택합니다.

    • Ctrl+Shift+스페이스바(Windows) 또는 Option+스페이스바(Macintosh)를 누릅니다.

    • 삽입 패널에서 HTML을 선택하고 [문자] 버튼을 클릭한 다음 [비분리 공백] 옵션을 선택합니다.

비분리 공백을 추가하도록 환경 설정 지정하기

  1. 편집 > 환경 설정(Windows) 또는 Dreamweaver > 환경 설정(Macintosh)을 선택합니다.
  2. [일반] 범주에서 [연속된 여러 공백 허용]이 선택되어 있는지 확인합니다.

단락 구분 추가하기

Dreamweaver에서도 대부분의 워드 프로세서 응용 프로그램과 마찬가지로 Enter 키(Windows) 또는 Return 키(Macintosh)를 눌러 새 단락을 만듭니다. 웹 브라우저에서는 단락 사이에 자동으로 빈 행을 삽입합니다. 행 분리를 삽입하여 단락 사이에 빈 행을 하나 추가할 수 있습니다.

단락 리턴 추가

  1. Enter 키(Windows) 또는 Return 키(Macintosh)를 누릅니다.

행 분리 추가

  1. 다음 중 하나를 수행합니다.
    • Shift+Enter(Windows) 또는 Shift+Return(Macintosh)을 누릅니다.

    • [삽입] > [HTML] > [특수 문자] > [행 분리]를 선택합니다.

    • 삽입 패널에서 HTML을 선택하고 [문자] 버튼을 클릭한 다음 [행 분리]를 선택합니다.

불릿 목록 및 숫자 목록 만들기

기존 텍스트나 문서 창에 새로 입력한 텍스트를 사용하여 숫자(순차) 목록, 불릿(비순차) 목록 및 정의 목록을 만들 수 있습니다.

정의 목록에는 불릿 포인트나 숫자와 같은 선행 문자가 사용되지 않으며, 이 목록은 일반적으로 용어집이나 설명에 사용됩니다. 목록이 중첩될 수도 있습니다. 중첩된 목록이란 안에 다른 목록이 들어 있는 목록을 말합니다. 예를 들어 순차 또는 불릿 목록이 다른 숫자 또는 순차 목록 안에 중첩될 수 있습니다.

[목록 속성] 대화 상자를 사용하여 전체 목록이나 각 목록 항목의 모양을 설정합니다. 숫자 스타일 설정, 번호 재설정 또는 각 목록 항목이나 전체 목록의 불릿 스타일 옵션을 설정할 수 있습니다.

새 목록 만들기

  1. Dreamweaver 문서에서 목록을 추가할 위치에 삽입 포인터를 위치시키고 다음 중 하나를 수행합니다.
    • HTML 속성 관리자에서 순차 목록 또는 목록 항목을 클릭합니다.

    • [삽입] > [HTML] > [목록]을 선택하고 비순차(불릿) 목록, 순차(숫자) 목록 중에서 원하는 목록 형식을 선택합니다.

      지정한 목록 항목의 선행 문자가 문서 창에 나타납니다.

  2. 목록 항목 텍스트를 입력한 다음 다른 목록 항목을 만들려면 Enter 키(Windows) 또는 Return 키(Macintosh)를 누릅니다.
  3. 목록 만들기를 끝내려면 Enter 키(Windows) 또는 Return 키(Macintosh)를 두 번 누릅니다.

기존 텍스트를 사용하여 목록 만들기

  1. 목록으로 만들 일련의 단락을 선택합니다.
  2. [삽입] > [HTML] > [비순차 목록] 또는 [순차 목록] 또는 [목록 항목]을 선택합니다.

중첩된 목록 만들기

  1. 중첩시킬 목록 항목을 선택합니다.

  2. 마우스 오른쪽 버튼을 클릭하고 [목록] > [들여쓰기]를 선택합니다.

    Dreamweaver는 텍스트를 들여쓰고 원래 목록의 HTML 속성을 사용하여 별도의 목록을 만듭니다.

  3. 위와 같은 방법을 사용하여 들여쓴 텍스트에 새 목록 유형이나 스타일을 적용합니다.

전체 목록의 목록 속성 설정하기

  1. 문서 창에서 목록 항목을 하나 이상 만듭니다. 목록에 다른 항목을 추가하면 새 스타일이 자동으로 적용됩니다.
  2. 목록 항목의 텍스트에 삽입 포인터를 놓고 마우스 오른쪽 버튼을 클릭한 다음 [목록] > [속성]을 선택합니다. 시스템이 목록 속성 대화 상자를 표시합니다.

  3. 목록을 정의할 옵션을 설정합니다.

    목록 유형

    목록 속성을 지정합니다. 목록 항목은 목록의 각 항목을 지정합니다. 팝업 메뉴를 사용하여 불릿, 숫자, 디렉터리 또는 메뉴 목록을 선택합니다. 선택한 목록 유형에 따라 대화 상자에 다양한 옵션이 나타납니다.

    스타일

    숫자 또는 불릿 목록에 사용할 숫자나 불릿의 스타일을 결정합니다. 목록 내의 항목에 새 스타일을 지정하지 않으면 목록에 들어 있는 모든 항목에 이 스타일이 적용됩니다.

    시작 번호

    숫자 목록의 첫 번째 항목 값을 설정합니다.

  4. [확인]을 클릭하여 선택 항목을 설정합니다.

목록 항목의 목록 속성 설정하기

  1. 문서 창에서 속성을 설정할 목록 항목 텍스트에 삽입 포인터를 놓습니다.
  2. 마우스 오른쪽 버튼을 클릭하고 [목록] > [속성]을 선택합니다.

  3. 목록 항목에서 정의할 옵션을 설정합니다.

    새 스타일

    선택한 목록 항목의 스타일을 지정합니다. [새 스타일] 팝업 메뉴에 표시된 스타일은 [목록 유형] 메뉴에 표시된 목록의 유형과 관련되어 있습니다. 예를 들어 [목록 항목] 메뉴에 [불릿 목록]이 표시되면 [새 스타일] 메뉴에는 불릿 옵션만 표시됩니다.

    번호 재설정

    목록 항목의 번호를 특정 번호부터 시작되도록 설정합니다.

  4. [확인]을 클릭하여 옵션을 설정합니다.

텍스트 찾기 및 바꾸기

텍스트 찾기 및 바꾸기에 대한 자세한 내용은 텍스트 찾기 및 바꾸기를 참조하십시오.

약어 및 동의어 정의

HTML에서는 약어 및 동의어를 정의할 수 있는 태그를 제공합니다. 약어 및 동의어는 검색 엔진, 맞춤법 검사기, 언어 번역 프로그램 또는 음성 신시사이저용으로 페이지에서 사용됩니다. 예를 들어 페이지에서 약어 ME가 기계 엔지니어를 나타내거나 동의어 WHO가 세계 보건 기구를 나타내도록 지정할 수 있습니다.

  1. 페이지 텍스트에서 약어 및 동의어를 선택합니다.
  2. [삽입] > [HTML] > [텍스트 오브젝트] > [약어] 또는 [삽입] > [HTML] > [텍스트 오브젝트] > [동의어]를 선택합니다.
  3. 동의어나 약어의 전체 텍스트를 입력합니다.
  4. 언어를 입력합니다(예: 영어는 en, 독일어는 de, 이탈리아어는 it 등).

복사 및 붙여넣기 환경 설정 지정하기

[편집] > [붙여넣기]를 사용하여 다른 응용 프로그램에서 텍스트를 붙여 넣을 경우 선택하여 붙여넣기 환경 설정을 기본 옵션으로 설정할 수 있습니다. 예를 들어 항상 텍스트만 붙여넣거나 기본 서식을 적용한 텍스트를 붙여 넣을 경우 [복사/붙여넣기 환경 설정] 대화 상자에 기본 옵션을 설정할 수 있습니다.

참고:

텍스트를 Dreamweaver 문서에 붙여 넣을 경우 [붙여넣기] 또는 [선택하여 붙여넣기] 명령을 사용할 수 있습니다. [선택하여 붙여넣기] 명령을 사용하여 붙여 넣은 텍스트의 서식을 다르게 지정할 수 있습니다. 예를 들어 서식이 적용된 Microsoft Word 문서의 텍스트를 Dreamweaver 문서에 붙여넣는 경우 적용된 모든 서식을 제거하고 이 텍스트에 CSS 스타일 시트를 적용하려면, Word에서 텍스트를 선택하여 클립보드에 복사하고 [선택하여 붙여넣기] 명령을 사용하여 텍스트만 붙여 넣을 수 있는 옵션을 선택합니다.

참고:

복사/붙여넣기 환경 설정 대화 상자에서 설정된 환경 설정은 디자인 뷰에서 붙여넣은 자료에만 적용됩니다.

  1. 편집 > 환경 설정(Windows) 또는 Dreamweaver > 환경 설정(Macintosh)을 선택합니다.
  2. [복사/붙여넣기] 범주를 클릭합니다.
  3. 다음 옵션을 설정하고 [확인]을 클릭합니다.

    텍스트만

    서식이 적용되지 않은 텍스트를 붙여넣습니다. 원본 텍스트에 서식이 적용되어 있으면 행 분리 및 단락을 포함한 모든 서식이 제거됩니다.

    구조적 텍스트

    구조를 유지하지만 기본 서식은 유지하지 않는 텍스트를 붙여넣습니다. 예를 들어 단락, 목록 및 표의 구조를 유지한 채 텍스트를 붙여넣고 굵게, 기울임체 및 다른 서식은 제거할 수 있습니다.

    기본 서식이 적용된 구조적 텍스트

    구조적이면서 간단한 HTML 서식이 적용된 텍스트를 붙여 넣을 수 있습니다(예: 단락, 표 및 b, i, u, strong, em, hr, abbr 또는 acronym 태그로 서식이 적용된 텍스트).

    전체 서식이 적용된 구조적 텍스트

    모든 구조, HTML 서식 및 CSS 스타일을 유지하는 텍스트를 붙여 넣을 수 있습니다.

    참고:

    전체 서식 옵션은 외부 스타일 시트로부터의 CSS 스타일을 유지할 수 없으며, 텍스트를 가져오려는 응용 프로그램이 텍스트를 클립보드에 붙여 넣을 때 스타일을 유지하지 않는 경우에 스타일을 유지할 수 없습니다.

    행 분리 유지

    붙여 넣은 텍스트의 행 분리를 유지합니다. 이 옵션은 [텍스트만]을 선택하면 비활성화됩니다.

    Word 단락 구분 정리

    [구조적 텍스트] 또는 [기본 서식이 적용된 구조적 텍스트]를 선택한 경우 텍스트를 붙여 넣을 단락 사이의 공백을 제거하려면 이 옵션을 선택합니다.

    둥근 따옴표를 직선 따옴표로 변환 둥근 따옴표를 직선 따옴표로 변환합니다.

이 작업에는 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License의 라이센스가 부여되었습니다.  Twitter™ 및 Facebook 게시물은 Creative Commons 약관을 적용받지 않습니다.

법적 고지 사항   |   온라인 개인 정보 보호 정책