방법: ASP.NET 페이지 테마 정의

아티클
10/22/2014

업데이트: 2007년 11월

Visual Web Developer에서는 페이지 테마를 정의하여 응용 프로그램에 있는 하나 이상의 페이지에 적용할 수 있습니다. 또한 서버의 여러 응용 프로그램에서 사용할 수 있는 테마를 컴퓨터 수준에서 만들 수도 있습니다.

테마는 페이지 모양에 대한 스타일시트, 서버 컨트롤의 모양을 정의하기 위한 컨트롤 스킨 및 테마를 구성하는 기타 지원 이미지나 파일을 비롯한 여러 지원 파일로 구성됩니다. 테마의 내용은 테마가 페이지 테마로 정의되었든 전역 테마로 정의되었든 동일합니다.

테마는 @ Page 지시문의 Theme 또는 StyleSheetTheme 특성을 사용하거나 응용 프로그램 구성 파일에 pages 요소(ASP.NET 설정 스키마) 요소를 설정하여 적용할 수 있습니다. Visual Web Developer에서는 StyleSheetTheme 특성을 사용하여 적용한 테마만 표시합니다.

페이지 테마를 만들려면

솔루션 탐색기에서 페이지 테마를 만들 웹 사이트의 이름을 마우스 오른쪽 단추로 클릭한 다음 ASP.NET 폴더 추가를 클릭합니다.
테마를 클릭합니다.

App_Themes 폴더가 없을 경우에는 폴더를 만듭니다. 그런 후 Visual Web Developer는 테마에 대한 새 폴더를 App_Themes 폴더의 자식 폴더로 만듭니다.
새 폴더의 이름을 입력합니다.

이 폴더의 이름은 페이지 테마의 이름으로도 사용됩니다. 예를 들어, 이름이 \App_Themes\FirstTheme인 폴더를 만들면 테마 이름은 FirstTheme가 됩니다.
새 폴더에 컨트롤 스킨, 스타일시트 및 테마를 구성하는 이미지에 대한 파일을 추가합니다.

스킨 파일 및 스킨을 페이지 테마에 추가하려면

솔루션 탐색기에서 테마의 이름을 마우스 오른쪽 단추로 클릭한 다음 새 항목 추가를 클릭합니다.
새 항목 추가 대화 상자에서 스킨 파일을 클릭합니다.
이름 상자에 .skin 파일의 이름을 입력한 다음 추가를 클릭합니다.

일반적인 규칙에 따르면 Button.skin 또는 Calendar.skin과 같은 .skin 파일이 컨트롤당 하나씩 만들어집니다. 그러나 필요한 수만큼 .skin 파일을 만들 수 있습니다.

.skin 파일에서 선언 구문을 사용하여 표준 컨트롤 정의를 추가하는데 이때 테마에 대해 설정하려는 속성만 포함시킵니다. 컨트롤 정의에는 특성이 포함되어야 하며 ID="" 특성은 포함되지 않아야 합니다.

다음 코드 예제에서는 Button 컨트롤에 대한 기본 컨트롤 스킨을 보여 주며 모든 Button 컨트롤에 대한 색 및 글꼴을 테마에 정의합니다.

<asp:Button  
  BackColor="Red" 
  ForeColor="White" 
  Font-Name="Arial" 
  Font-Size="9px" />

Button 컨트롤 스킨은 skinID 특성을 포함하지 않습니다. 이 스킨은 테마가 지정된 응용 프로그램에서 skinID 특성을 지정하지 않는 모든 Button 컨트롤에 적용됩니다.

참고:
컨트롤 스킨을 만드는 쉬운 방법은 페이지에 컨트롤을 추가한 후 원하는 모양이 되도록 구성하는 것입니다. 예를 들어, 페이지에 Calendar 컨트롤을 추가한 후 요일 머리글, 선택된 날짜 및 기타 속성을 설정할 수 있습니다. 그런 후 해당 컨트롤 정의를 페이지에서 스킨 파일로 복사할 수 있습니다. 그러나 ID 특성은 제거해야 합니다.

컨트롤 스킨을 만드는 쉬운 방법은 페이지에 컨트롤을 추가한 후 원하는 모양이 되도록 구성하는 것입니다. 예를 들어, 페이지에 Calendar 컨트롤을 추가한 후 요일 머리글, 선택된 날짜 및 기타 속성을 설정할 수 있습니다. 그런 후 해당 컨트롤 정의를 페이지에서 스킨 파일로 복사할 수 있습니다. 그러나 ID 특성은 제거해야 합니다.

만들려는 각 컨트롤 스킨 파일에 대해 2-3단계를 반복합니다.

참고:
컨트롤당 기본 스킨을 하나만 정의할 수 있습니다. 스킨 컨트롤 선언에 SkinID 특성을 사용하여 동일한 형식의 컨트롤에 대해 명명된 스킨을 만듭니다.

페이지 테마에 CSS 스타일시트 파일을 추가하려면

솔루션 탐색기에서 테마의 이름을 마우스 오른쪽 단추로 클릭한 다음 새 항목 추가를 클릭합니다.
새 항목 추가 대화 상자에서 스타일시트를 클릭합니다.
이름 상자에 .css 파일의 이름을 입력한 다음 추가를 클릭합니다.

페이지에 테마가 적용되면 ASP.NET은 스타일시트에 대한 참조를 페이지의 head 요소에 추가합니다. 자세한 내용은 방법: ASP.NET 테마 적용을 참조하십시오.

전역 테마 만들기

전역 테마는 서버의 모든 웹 사이트에 적용됩니다. 전역 테마에 대한 폴더를 만드는 위치는 IIS(인터넷 정보 서비스)를 사용하여 웹 사이트를 실행할지 아니면 ASP.NET Development Server를 사용하여 웹 사이트를 테스트할지에 따라 달라집니다.

참고:
파일 시스템 웹 사이트로 작업할 경우 Visual Web Developer는 기본적으로 테스트를 위해 ASP.NET Development Server에서 웹 사이트를 실행하고 다른 형식의 웹 사이트의 경우 Visual Web Developer는 테스트를 위해 IIS에서 페이지를 실행합니다.

전역 테마를 만들려면

다음 경로를 사용하여 Themes 폴더를 만듭니다.
```
%windows%\Microsoft.NET\Framework\version\ASP.NETClientFiles\Themes
```
참고:

전역 테마의 폴더 이름은 페이지 테마에 해당하는 App_Themes가 아닌 Themes입니다.

전역 테마 파일을 저장할 Themes 폴더의 하위 폴더를 만듭니다.

하위 폴더의 이름은 테마의 이름이 됩니다. 예를 들어, 이름이 \Themes\FirstTheme인 폴더를 만들면 테마 이름은 FirstTheme가 됩니다.

참고:
전역 테마의 폴더 이름은 페이지 테마에 해당하는 App_Themes가 아닌 Themes입니다.

새 폴더에 컨트롤 스킨, 스타일시트 및 전역 테마를 구성하는 이미지에 대한 파일을 추가합니다.

참고:
전역 테마를 정의할 때는 Visual Web Developer를 사용하여 스킨 및 스타일시트 파일을 직접 추가할 수 없습니다. 테마를 페이지 테마로 정의한 후 테스트한 다음 웹 서버에서 전역 테마용으로 사용되는 폴더로 복사하는 것이 더 쉬울 수 있습니다.

웹 사이트가 ASP.NET Development Server로 테스트 중인 파일 시스템 웹 사이트이면 테마를 바로 테스트할 수 있습니다.
로컬 IIS 웹 사이트를 사용하여 웹 사이트를 테스트할 경우에는 명령 창을 열고 aspnet_regiis -c를 실행하여 IIS가 실행되는 서버에 해당 테마를 설치합니다.
원격 웹 사이트나 FTP 웹 사이트에서 테마를 테스트할 경우 다음 경로를 사용하여 Themes 폴더를 수동으로 만들어야 합니다.
```
IISRootWeb\aspnet_client\system_web\version\Themes
```

참고 항목

개념

ASP.NET 테마 및 스킨 개요