SharePoint 사이트 페이지 만들기

적용 대상
SharePoint Designer 2010

Microsoft SharePoint Designer 2010에서는 페이지를 SharePoint 사이트에 쉽고 빠르게 추가한 다음 브라우저나 SharePoint Designer에서 해당 페이지를 사용자 지정할 수 있습니다. 새 페이지를 만들 때 웹 파트 페이지, ASPX 페이지 또는 HTML 페이지 중 몇 가지 옵션을 선택할 수 있습니다.

참고

Microsoft SharePoint Server 2010의 게시 사이트에서 자주 사용되는 게시 페이지라는 또 다른 유형의 페이지가 있습니다.

이 문서에서는 SharePoint Designer 2010에서 사이트 페이지를 만드는 방법을 설명합니다.

이 문서의 내용

사이트에 추가하는 페이지의 형식

SharePoint Designer 2010에서 사이트에서 작업하다 보면 사이트의 디자인이나 기능을 지원하는 페이지를 자주 추가하게 됩니다. 대부분의 경우 사용자 지정된 보기 및 양식에 대한 페이지를 추가할 수 있습니다. 따라서 SharePoint Designer 2010의 요약 페이지에서 목록 또는 라이브러리에 대한 새 보기 또는 양식을 만들면 새 사이트 페이지가 자동으로 만들어집니다(목록 보기 페이지 또는 목록 양식 페이지라고도 함). 참고 항목 섹션에서 목록 보기 및 목록 양식에 대해 자세히 알아봅니다.

이 외에도 추가 데이터 원본에 대한 보기 및 양식을 만들거나 사이트 사용자가 웹 파트를 추가하거나 사용자 지정할 수 있는 페이지를 지정하는 등의 다른 목적으로 사이트 페이지를 추가할 수 있습니다. 이러한 경우 SharePoint Designer 2010에서 새 사이트 페이지를 만들 수 있습니다. 여기에 설명된 대로 세 가지 유형의 페이지를 만들 수 있습니다.

페이지 형식 설명
웹 파트 페이지 웹 파트를 추가하거나 사이트 사용자가 브라우저를 사용하여 웹 파트를 추가할 수 있도록 하는 데 사용할 수 있는 웹 파트 영역이 있는 ASPX 페이지를 만듭니다. 새 페이지는 테두리 및 탐색 요소를 포함하여 사이트의 나머지 부분과 모양과 느낌이 같습니다. 페이지는 사이트 master 페이지와 자동으로 연결됩니다. 새 웹 파트 페이지를 만들 때 각각 다른 웹 파트 영역 레이아웃이 있는 여러 웹 파트 페이지 템플릿 중에서 선택할 수 있습니다.
ASPX 페이지 빈 ASPX 또는 ASP.NET 웹 페이지를 만듭니다. ASPX 페이지를 만드는 경우 페이지가 예상대로 작동할 수 있도록 필요한 웹 파트 영역 및 페이지 요소를 추가해야 합니다. SharePoint Designer의 사이트 페이지에서 ASPX 페이지를 만드는 경우 master 페이지에 첨부되지 않으므로 사이트 나머지 부분의 모양과 느낌, 테두리 및 탐색이 표시되지 않습니다.
HTML 페이지 사이트에 빈 HTML 페이지를 만듭니다. 사용자가 만든 HTML 페이지는 SharePoint 사이트에 필요한 필수 ASP 코드가 없으므로 사이트에서 직접 볼 수 없습니다. 그러나 이 페이지를 사용하여 사이트에 HTML 문서를 저장할 수 있습니다.

참고

Microsoft SharePoint Server 2010 및 SharePoint Foundation 2010은 Microsoft ASP.NET 기술을 사용하여 정적 HTML 사이트 등에서 사용할 수 없는 방식으로 대화형 및 공동 작업 콘텐츠를 제공합니다. SharePoint 사이트에 페이지를 추가할 때 웹 파트 페이지 또는 ASPX 페이지는 전체 SharePoint 기능을 지원하는 ASP.NET 페이지이므로 거의 항상 웹 파트 페이지를 추가하려고 합니다.

맨 위로 이동

웹 파트 페이지 만들기

웹 파트 페이지는 하나 이상의 웹 파트 영역을 포함하는 ASPX 페이지입니다. 각 웹 파트 영역은 웹 파트의 컨테이너와 같은 역할을 합니다. 웹 파트 영역은 웹 파트의 organization 및 형식을 제어하도록 구성할 수 있습니다. SharePoint Designer 2010에서 웹 파트 페이지를 만들 때 사용 가능한 여러 레이아웃 중 하나를 선택할 수 있습니다. 웹 파트 페이지를 만든 후에는 웹 파트 영역을 다시 정렬하고 데이터 보기, 폼 및 기타 웹 파트를 추가할 수 있습니다. 사이트 방문자는 사이트에 대한 편집 권한이 있는 경우에도 웹 파트를 추가 및 제거할 수 있습니다.

Web Part Page는 사이트 master page와도 연결되므로 사이트의 다른 모든 페이지처럼 보이도록 사이트 테두리, 탐색 및 기타 공유 요소가 포함됩니다.

참고

SharePoint 사이트에 페이지를 추가하려면 페이지 추가 및 사용자 지정 권한이 있는 사이트 그룹의 구성원이어야 합니다. 이 권한은 기본적으로 모든 권한 및 Designer 권한 수준에 포함됩니다.

웹 파트 페이지를 만들려면 SharePoint Designer 2010에서 사이트를 열고 다음 단계를 수행합니다.

  1. 탐색 창에서 사이트 페이지를 클릭합니다.
  2. 페이지 탭의 그룹에서 웹 파트 페이지를 클릭합니다.
  3. 제공된 미리 보기에 따라 웹 파트 페이지 레이아웃을 선택합니다.
    SharePoint Designer 2010에 페이지 추가
  4. 새 웹 파트 페이지는 사이트 페이지 갤러리에 만들어집니다.
    SharePoint Designer 2010에 페이지 추가
  5. 필요한 경우 페이지 이름(기본값은 Untitled_1.aspx)을 클릭하여 이름을 바꿉니다.
  6. 페이지를 편집하려면 페이지를 다시 클릭하여 요약 페이지를 연 다음 파일 편집을 클릭합니다.
  7. SharePoint Designer 2010의 페이지 편집기에서 페이지가 열리며, 여기서 페이지에 보기, 양식 및 기타 웹 파트를 추가할 수 있습니다.
    SharePoint Designer 2010에 페이지 추가

맨 위로 이동

master 페이지에서 페이지 만들기

SharePoint Designer 2010에서는 기존 master 페이지를 기반으로 새 ASPX 페이지를 만들 수 있습니다. 이 방법을 선택하여 새 사이트 페이지를 만드는 경우 페이지에 콘텐츠를 추가하려면 몇 가지 추가 단계를 수행해야 합니다. 예를 들어 콘텐츠를 추가할 수 있는 페이지에서 기본 자리 표시자를 찾아야 합니다. 그런 다음 필요에 맞게 웹 파트 영역의 레이아웃을 추가하고 사용자 지정해야 합니다.

참고

이러한 단계를 수행하려면 사이트 관리자에게 문의하여 사이트에서 master page 편집을 사용하도록 설정해야 할 수 있습니다. 또한 이 방법으로 새 사이트 페이지를 만들면 사이트에 호스팅되지 않은 페이지가 생성되므로 성능 문제가 발생하지 않을 수 있습니다.

master 페이지에서 사이트 페이지를 만들려면 SharePoint Designer 2010에서 사이트를 열고 다음 단계를 수행합니다.

  1. 탐색 창에서 마스터 페이지를 클릭합니다.

  2. 새 사이트 페이지에 사용할 master 페이지를 강조 표시합니다.

  3. 마스터 페이지 탭의 그룹에서 마스터에서 페이지를 클릭합니다.
    SharePoint Designer 2010에 페이지 추가

    참고

    master page를 마우스 오른쪽 단추로 클릭한 다음 바로 가기 메뉴에서 Master Page에서 새로 만들기를 클릭하거나 파일 탭의 master 페이지에서 새 페이지를 만들 수도 있습니다.

  4. 마스터 페이지 선택 대화 상자에서 다음 옵션 중 하나를 선택합니다.

    • 현재 사이트의 기본 마스터 페이지로 설정된 master page를 사용하려면 기본 master 페이지를 클릭합니다.
    • 현재 사이트의 사용자 지정 master 페이지로 설정된 master page를 사용하려면 Custom Master Page를 클릭합니다.
    • 특정 마스터 페이지를 클릭하여 현재 사이트의 기본 master 또는 custom master로 설정되지 않은 선택한 master 페이지를 사용합니다. 찾아보기를 클릭하여 원하는 master 페이지를 찾아 선택합니다. (master pages는 현재 사이트와 동일한 사이트 모음에 있어야 합니다.)
  5. 작업이 끝나면 확인을 클릭합니다.

  6. 새 웹 파트 페이지 대화 상자에서 사이트 페이지의 이름을 입력하고 위치를 선택합니다.

  7. 예를 클릭하여 페이지를 고급 모드로 엽니다.

  8. SharePoint Designer 2010의 페이지 편집기에서 페이지가 열리며, 여기서 페이지에 보기, 양식 및 기타 웹 파트를 추가할 수 있습니다.

  9. 사용자 지정 콘텐츠를 추가할 콘텐츠 자리 표시자를 찾습니다.

참고

페이지의 주요 부분에 웹 파트를 추가하려면 PlaceHolderMain 콘텐츠 자리 표시자를 사용하는 경우가 많습니다. 이 자리 표시자에 콘텐츠를 추가하려면 PlaceHolderMain(마스터)의 오른쪽에 있는 화살표를 클릭한 다음 사용자 지정 콘텐츠 만들기를 클릭합니다.

SharePoint Designer 2010에 페이지 추가
콘텐츠 개체 틀 옆에 있는 텍스트 (사용자 지정) 에서 볼 수 있듯이 콘텐츠 영역을 편집할 수 있게 됩니다.

  1. 이제 페이지에 사용자 지정 콘텐츠를 추가할 수 있습니다. 예를 들어 사용자 지정 보기, 폼, 웹 파트 및 웹 파트 영역을 추가할 수 있습니다.

맨 위로 이동

독립 실행형 ASPX 또는 HTML 페이지 만들기

Web Part Page나 master page와 연결된 페이지 대신 독립 실행형 ASPX 또는 HTML 페이지를 만들어야 할 때가 있습니다. 예를 들어 팝업 창 역할을 하는 ASPX 페이지나 사이트의 다른 페이지를 지원하는 ASPX 페이지가 필요할 수 있습니다. 사이트에서 다운로드할 수 있는 HTML 페이지를 만들 수 있습니다.

독립 실행형 ASPX 또는 HTML 페이지를 만들려면 SharePoint Designer 2010에서 사이트를 열고 다음 단계를 수행합니다.

  1. 탐색 창에서 사이트 페이지를 클릭합니다.

  2. 페이지 탭의 그룹에서 페이지를 클릭한 후 다음 옵션 중 하나를 선택합니다.

    • ASPX를 클릭하여 사이트에 독립 실행형 ASPX 페이지를 만듭니다.
    • HTML을 클릭하여 사이트에 독립 실행형 HTML 페이지를 만듭니다.

참고

HTML 페이지에는 SharePoint에 필요한 필수 ASP.NET 기술이 포함되어 있지 않으므로 페이지에서 제대로 렌더링되지 않을 수 있습니다.

  1. 사이트 페이지 갤러리에 새 페이지가 만들어집니다.
    SharePoint Designer 2010에 페이지 추가

  2. 필요한 경우 페이지 이름을 클릭하여 이름을 바꿉니다.

  3. 페이지를 편집하려면 페이지를 다시 클릭하여 요약 페이지를 연 다음 파일 편집을 클릭합니다.

  4. 예를 클릭하여 페이지를 고급 모드로 엽니다.

    참고

    고급 모드는 사이트 페이지의 전체 내용을 편집하여 사이트 모음에서 페이지를 사용자 지정(고스트 해제라고도 함)할 수 있는 SharePoint Designer 2010의 페이지 편집 상태입니다.

  5. SharePoint Designer 2010의 페이지 편집기에서 페이지가 열리며, 여기서 텍스트, 이미지, 링크를 추가할 수 있으며, ASPX 페이지의 경우 보기, 양식 및 기타 웹 파트를 추가할 수 있습니다.
    SharePoint Designer 2010에 페이지 추가

  6. 이 독립 실행형 페이지를 있는 그대로 사용하거나 ASPX 페이지의 경우 사이트 master 페이지에 첨부할 수 있습니다. 참고 항목 섹션에서 사이트 페이지를 master pages와 연결하는 방법에 대해 자세히 알아봅니다.

맨 위로 이동

다음 단계

SharePoint 사이트에 사이트 페이지를 원하는 만큼 추가할 수 있습니다. 페이지를 만들어 사용자 지정 보기, 양식 및 사이트 방문자가 사용하는 기타 웹 파트를 호스팅할 수 있습니다. 사이트 페이지를 기반으로 하는 master pages는 여러 master pages에서 선택할 수 있습니다. 참고 항목 섹션에서 master pages에 대해 자세히 알아봅니다.

사이트 페이지 외에도 사이트 사용자가 사이트에서 만든 페이지 레이아웃 및 master pages를 기반으로 게시 페이지를 만들 수 있는 게시 사용 사이트를 설정할 수 있습니다. 게시는 Microsoft SharePoint Server 2010의 기능입니다. 참고 항목 섹션에서 자세히 알아보세요.

맨 위로 이동