다음을 통해 공유


방법: ASP.NET 마스터 페이지에 대한 콘텐츠 페이지 만들기

업데이트: 2007년 11월

콘텐츠 페이지는 마스터 페이지와 연결된 ASP.NET 웹 페이지입니다. 마스터 페이지는 레이아웃을 설정하고, 이후에 대체할 수 있는 텍스트와 컨트롤에 대한 ContentPlaceHolder 컨트롤을 하나 이상 포함합니다. 콘텐츠 페이지는 런타임에 마스터 페이지의 ContentPlaceHolder 컨트롤과 병합되는 텍스트 및 컨트롤만 포함합니다. 자세한 내용은 ASP.NET 마스터 페이지 개요를 참조하십시오.

Visual Web Developer에서는 콘텐츠 페이지를 만들 수 있는 여러 가지 방법을 제공합니다. 예를 들어 마스터 페이지를 편집 중인 경우 바로 가기를 사용할 수 있습니다. 새 페이지에서 적절한 지시문을 추가하여 콘텐츠 페이지를 만들 수도 있습니다.

콘텐츠 페이지를 만든 후에는 마스터 페이지의 각 ContentPlaceHolder에 해당하는 사용자 지정 콘텐츠를 만들 수 있습니다. 또는 마스터 페이지의 기본 콘텐츠가 표시되도록 명시적으로 선택할 수도 있습니다.

Visual Web Developer에서 콘텐츠 페이지를 추가하려면

  1. 솔루션 탐색기에서 웹 사이트의 이름을 마우스 오른쪽 단추로 클릭한 다음 새 항목 추가를 클릭합니다.

  2. Visual Studio에 설치되어 있는 템플릿 목록에서 Web Form을 클릭합니다.

  3. 마스터 페이지 선택 확인란을 선택한 다음 추가를 클릭합니다.

    마스터 페이지 선택 대화 상자가 나타납니다.

  4. 폴더 내용 상자에서 현재 만들고 있는 페이지와 연결할 마스터 페이지를 클릭한 다음 확인을 클릭합니다.

마스터 페이지를 편집하는 동안 콘텐츠 페이지를 만들려면

  • 편집기에 마스터 페이지가 열려 있는 상태에서 페이지의 임의의 위치를 마우스 오른쪽 단추로 클릭하고 콘텐츠 페이지 추가를 클릭합니다.

    Visual Web Developer에서 Defaultx.aspx라는 새 콘텐츠 페이지가 만들어집니다. 여기서 x는 일련 번호입니다.

    참고:

    콘텐츠 페이지에 다른 이름을 할당하려면 페이지를 닫고 솔루션 탐색기에서 이름을 마우스 오른쪽 단추로 클릭한 다음 이름 바꾸기를 클릭합니다.

콘텐츠 페이지를 선언적으로 만들려면

  1. 새 ASP.NET 웹 페이지를 만듭니다.

  2. 소스 뷰로 전환합니다.

  3. 페이지에서 @ Page 지시문을 제외한 나머지 항목을 모두 제거합니다.

  4. 다음 코드 예제와 같이 마스터 페이지를 참조하는 MasterPageFile 특성을 @ Page 지시문에 추가합니다.

    <%@ Page Language="VB" MasterPageFile="~/Master1.master" %>
    
    <%@ Page Language="C#" MasterPageFile="~/Master1.master" %>
    
    참고:

    @ Page 지시문에는 CodeFile과 Inherits 같이 여기에 표시되지 않은 다른 특성이 포함될 수 있습니다.

  5. 마스터 페이지의 ContentPlaceHolder 컨트롤에 해당하는 Content 컨트롤을 페이지에 추가합니다.

    참고:

    콘텐츠 페이지에는 @ Page 지시문과 Content 컨트롤만 포함될 수 있습니다.

HTML 디자이너에서 콘텐츠 만들기

기본적으로 Visual Web Developer에서 콘텐츠 페이지를 만들면 마스터 페이지에 정의된 각 ContentPlaceHolder 컨트롤에 대해 Content 컨트롤이 만들어집니다. 각 Content 컨트롤에 사용자 지정 콘텐츠를 추가하거나, 마스터 페이지에 정의된 기본 콘텐츠(있는 경우)로 명시적으로 되돌릴 수 있습니다.

디자인 뷰에서 페이지에 콘텐츠를 추가하려면

  • 디자인 뷰에서 컨트롤 또는 요소를 Content 컨트롤로 끌어 오거나, 컨트롤을 클릭하고 콘텐츠를 입력합니다.

디자인 뷰에서 기본 마스터 페이지 콘텐츠를 표시하려면

  1. Content 컨트롤을 마우스 오른쪽 단추로 클릭하고 스마트 태그 표시를 클릭합니다.

  2. 마스터 콘텐츠 기본값으로 설정을 클릭합니다.

    마스터 페이지에 정의되어 있는 기본 콘텐츠가 적용된 Content 컨트롤이 Visual Web Developer에 표시됩니다. Content 컨트롤의 제목 표시줄에 **(마스터)**가 포함되어 콘텐츠 페이지가 아니라 마스터 페이지의 정보가 표시되고 있음을 나타냅니다.

    이 모드에서는 Content 컨트롤에 표시된 콘텐츠를 편집할 수 없습니다.

  3. 사용자 지정 콘텐츠를 만들려면 컨트롤을 마우스 오른쪽 단추로 클릭하고 스마트 태그 표시를 클릭한 다음 사용자 지정 콘텐츠 만들기를 클릭하여 컨트롤을 다시 편집 모드로 전환합니다.

    콘텐츠 페이지의 태그에서 Content 컨트롤이 제거됩니다.

    참고:

    마스터 페이지에서 해당하는 ContentPlaceHolder 컨트롤을 재정의할 경우에만 콘텐츠 페이지에 Content 컨트롤이 필요합니다.

참고 항목

작업

연습: Visual Web Developer에서 ASP.NET 마스터 페이지 생성 및 사용

개념

ASP.NET 마스터 페이지 개요