Dreamweaver에서 삽입 패널을 사용하여 테이블, 이미지, OAM 파일, Bootstrap 구성 요소와 같은 오브젝트를 만들고 삽입하는 방법을 살펴봅니다.

[삽입] 패널에는 표, 이미지와 같은 오브젝트를 만들고 삽입할 수 있는 버튼이 있습니다. 이러한 버튼은 범주별로 구성되어 있습니다.

참고:

Dreamweaver CC 이상 버전에서 사용자 인터페이스가 간소화되었습니다. 따라서 이 문서에 설명된 옵션 중에 Dreamweaver CC 이상 버전에 없는 옵션이 있을 수 있습니다. 자세한 내용은 이 문서를 참조하십시오.

삽입 패널 숨기기 또는 표시

  1. [윈도우] > [삽입]을 선택합니다.

    참고:

    XML, JavaScript, Java 및 CSS와 같은 특정 유형의 파일을 사용하는 경우 이러한 코드 파일에 항목을 삽입할 수 없으므로 [삽입] 패널과 디자인 뷰 옵션이 흐리게 표시됩니다.

특정 범주의 버튼 표시

  1. [범주] 팝업 메뉴에서 범주 이름을 선택합니다. 예를 들어 [레이아웃] 범주의 버튼을 표시하려면 [레이아웃]을 선택합니다.

버튼의 팝업 메뉴 표시

  1. 버튼 아이콘 옆에 있는 아래쪽 화살표를 클릭합니다.
    삽입 패널의 팝업 메뉴 표시
    버튼의 팝업 메뉴 표시

    Dreamweaver CC의 삽입 패널
    Dreamweaver CC의 삽입 패널

오브젝트 삽입

  1. [삽입] 패널의 [범주] 팝업 메뉴에서 적절한 범주를 선택합니다.
  2. 다음 중 하나를 수행합니다.
    • 오브젝트 버튼을 클릭하거나 버튼 아이콘을 문서 창(디자인, 라이브 또는 코드 보기)으로 드래그합니다.

    • 버튼의 화살표를 클릭한 다음 메뉴에서 옵션을 선택합니다.

      오브젝트에 따라 해당 오브젝트 삽입 대화 상자가 나타나서 파일을 찾거나 오브젝트에 대한 매개 변수를 지정하라는 메시지가 표시됩니다. 또는 Dreamweaver가 문서에 코드를 자동으로 삽입하거나 태그 편집기 또는 패널을 열어 코드 삽입 전에 사용자가 정보를 지정할 수 있게 할 수 있습니다.

      일부 오브젝트의 경우 디자인 뷰에서 오브젝트를 삽입하면 대화 상자가 나타나지 않지만 코드 보기에서 오브젝트를 삽입하면 태그 편집기가 나타납니다. 또 다른 오브젝트의 경우 오브젝트를 디자인 뷰에서 삽입하면 오브젝트가 삽입되기 전에 Dreamweaver가 코드 보기로 전환됩니다.

    참고:

    지정된 연결과 같은 일부 오브젝트는 페이지를 브라우저 창에서 볼 때 보이지 않습니다. 디자인 뷰에서 이러한 보이지 않는 오브젝트의 위치를 표시하는 아이콘을 표시할 수 있습니다.

오브젝트 삽입 대화 상자를 사용하지 않고 빈 플레이스홀더 오브젝트 삽입

  1. 오브젝트에 대한 버튼을 Ctrl 키를 누른 상태에서 클릭(Windows)하거나 Option 키를 누른 상태에서 클릭(Macintosh)합니다.

    예를 들어 이미지 파일을 지정하지 않고 이미지에 대한 플레이스홀더를 삽입하려면 Ctrl 또는 Option 키를 누른 상태에서 [이미지] 버튼을 클릭합니다.

    참고:

    이 절차를 통해 모든 오브젝트 삽입 대화 상자를 건너뛸 수 있는 것은 아닙니다. AP 요소, 프레임세트 등의 여러 오브젝트는 플레이스홀더나 기본값 오브젝트를 삽입하지 않습니다.

삽입 패널의 환경 설정 수정

  1. [편집] > [환경 설정](Windows) 또는 [Dreamweaver] > [환경 설정](Macintosh)을 선택합니다.
  2. [환경 설정] 대화 상자의 [일반] 범주에서 [오브젝트 삽입 시 대화 상자 보기]를 선택 취소하여 이미지, 표, 스크립트 및 헤드 요소 등의 오브젝트를 삽입할 때 대화 상자를 숨기거나, 오브젝트를 만드는 동안 Ctrl 키(Windows) 또는 Option 키(Macintosh)를 누른 상태로 있습니다.

    참고:

    이 옵션을 해제하고 오브젝트를 삽입하면 오브젝트에 기본 속성 값이 지정됩니다. 오브젝트를 삽입한 후에 속성 관리자를 사용하여 오브젝트 속성을 변경합니다.

삽입 패널의 즐겨찾기 범주에서 항목 추가, 삭제 또는 관리

  1. [삽입] 패널에서 범주를 선택합니다.
  2. 버튼이 표시될 영역에서 마우스 오른쪽 버튼으로 클릭하거나(Windows) Control 키를 누른 상태에서 클릭(Macintosh)한 다음 [즐겨찾기 사용자 정의]를 선택합니다.
  3. [즐겨 찾는 오브젝트 사용자 정의] 대화 상자에서 필요에 따라 변경하고 [확인]을 클릭합니다.
    • 오브젝트를 추가하려면 왼쪽의 [사용 가능한 오브젝트] 창에서 오브젝트를 선택한 다음, 두 창 사이에 있는 화살표를 클릭하거나 [사용 가능한 오브젝트] 창에서 오브젝트를 더블 클릭합니다.

    참고:

    한 번에 한 개의 오브젝트를 추가할 수 있습니다. 즐겨찾기 목록에 전체 범주를 추가할 목적으로 [일반]과 같은 범주 이름을 선택할 수는 없습니다.

    • 오브젝트나 분리 기호를 삭제하려면 오른쪽의 [즐겨 찾는 오브젝트] 창에서 오브젝트를 선택한 후 해당 창 위에 있는 [즐겨 찾는 오브젝트 목록에서 선택한 오브젝트 제거] 버튼을 클릭합니다.

    • 오브젝트를 이동하려면 오른쪽의 [즐겨 찾는 오브젝트] 창에서 오브젝트를 선택한 후 해당 창 위에 있는 위쪽/아래쪽 화살표 버튼을 클릭합니다.

    • 오브젝트 아래에 분리 기호를 추가하려면 오른쪽의 [즐겨 찾는 오브젝트] 창에서 오브젝트를 선택한 후 해당 창 아래에 있는 [분리 기호 추가] 버튼을 클릭합니다.

  4. [삽입] 패널의 [즐겨찾기] 범주에 있지 않은 경우 이 범주를 선택하고 변경 내용을 확인합니다.

즐겨찾기 범주의 버튼을 사용하여 오브젝트 삽입

  1. [삽입] 패널의 [범주] 팝업 메뉴에서 [즐겨찾기] 범주를 선택한 후 추가한 [즐겨찾기] 오브젝트의 버튼을 클릭합니다.

삽입 패널을 수평 삽입 막대로 표시

Dreamweaver의 다른 패널과 달리, 기본 결합 위치에서 [삽입] 패널을 드래그하여 문서 창 위쪽에 있는 수평 위치로 드롭할 수 있습니다. 이렇게 하면 패널이 툴바로 바뀝니다. 이 경우 다른 툴바와 같은 방식으로 표시하고 숨길 수 없습니다.

  1. [삽입] 패널의 탭을 클릭하고 문서 창의 맨 위로 드래그합니다.
    삽입 패널을 수평 삽입 막대로 표시
    삽입 패널을 수평 삽입 막대로 표시

  2. 문서 창의 맨 위의 주위에 수평 파란색 선이 보이면 [삽입] 패널을 위치로 드롭합니다.

참고:

수평 삽입 막대는 [클래식] 작업 영역의 기본적인 부분입니다. [클래식] 작업 영역으로 전환하려면 [응용 프로그램] 막대의 작업 영역 변환기에서 [클래식]을 선택합니다.

수평 삽입 막대를 패널 그룹으로 되돌리기

  1. [삽입] 막대의 왼쪽에 있는 수평 삽입 막대의 그리퍼를 클릭하고 막대를 드래그하여 패널을 결합한 위치에 놓습니다.
  2. [삽입] 패널의 위치를 정하고 드롭합니다. 파란색 선은 패널을 드롭할 수 있는 위치를 가리킵니다.

수평 삽입 막대 범주를 탭으로 표시

  1. 수평 삽입 막대의 왼쪽 끝에 있는 범주 이름 옆의 화살표를 클릭한 다음, [탭으로 표시]를 선택합니다.

수평 삽입 막대 범주를 메뉴로 표시

  1. 수평 삽입 막대에서 범주 탭을 마우스 오른쪽 버튼으로 클릭(Windows)하거나 Control 키를 누른 채 클릭(Macintosh)한 다음 [메뉴로 표시]를 선택합니다.

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

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