테마와 스킨

우리가 보았으로 마스터 페이지는 응용 프로그램 내의 페이지 (사이트) 웹사이트의 일련의 일반적인 구조에 영향을 미칩니다. 그러나, 거의 항상 페이지에서 페이지를 바꿀 수있는 다른 요소를 관리하기 위해 필요하지만 사이트의 구현에 동일한 페이지 (텍스트의 글꼴과 같은) 내에서 안정되어 있어야합니다. 이러한 시나리오에서는 테마라고하는 매우 유용한 도구입니다.

당신은 CSS 스타일 시트 (CSS)에 익숙한 경우 당신은 문제의 기능을 이해하기 어려울 수 없습니다. 모두 사실에 우리 웹 페이지의 시각적 스타일을 정의할 수 있기 때문에 두 기술은 비슷합니다. 그것은 '우리 사이트의 페이지 스타일, 그래픽 및 기타 요소를 지정하는 테마를 사용할 수 있습니다.

테마는 기본적으로 당신은 물론 자신을 정의할 수 있지만, 페이지의 요소가 ASP.NET을 가정해야하고 몇 가지 기본 포함되는 특성을 지정하는 텍스트 파일입니다.

예제를 통해 진행합니다. 새 Web Form을 (나는 그것이 EsempioTemi.aspx 전화) 작성 후 우리는 테마로 우리의 프로젝트에서 마우스 오른쪽 버튼을 클릭하고 추가를 ASP.NET 폴더 옵션을 선택하고 폴더 유형을 선택

이것은 기본 폴더 (Theme1라고도 함)와 함께 App_Themes 안에있는 폴더의 생성으로 연결

기본값의 폴더 이름을 바꿉니다 Theme1을 입력 스타일 시트 (스타일 시트)의 새로운 요소를 추가, 마우스 오른쪽 버튼으로 클릭합니다. 우리는 같은 default.css 전화

이 시점에서 우리는 스타일 시트의 특성을 설정해야합니다. 우리는 더블 클릭하면 우리는 body 태그를 포함 것을 볼 수 있습니다

추가하려면 새 항목이 추가 스타일 규칙 메뉴 스타일을 클릭하십시오

이것은 다음과 같은 창이 열립니다

저희 스타일 시트에 H1 요소를 추가하려는 가정합시다. 요소는 드롭 다운 메뉴에서 선택하고 H1 요소에있는 스타일 규칙 계층 구조 목록에 배치> 버튼을 클릭하십시오

일단 우리가 다음과 같이 스타일 시트가 변경되었는지 확인 확인을 클릭하십시오

항목을 편집하려면 우리는 태그에 마우스 오른쪽 버튼으로 클릭하고 스타일 옵션을 빌드 선택 삽입. 이것은 우리가 마음대로 몇 가지 속성을 설정하는 것 수정 스타일 대화 상자를 엽니다

OK를 클릭하면 우리는 우리의 선택은 스타일 시트에 포함된 참조

우리는 수업 지침 테마의 시작 부분에서 만든 Web Form에 추가하고 H1 태그에 뭔가를 작성하여 이제 우리 테마를 테스트

내가 응용 프로그램 스타일을 테스트했고 그것이 우리의 스타일 시트 IPOST에 따라 브라우저에 표시됩니다 입력한 텍스트를

동일한 것은 H1 태그에있는 동봉된의 모든 요소에 대해 발생합니다. 확실히 우리는 예를 들어이 태그를 사용해야하지만 비슷한 방법으로 원칙적으로 당신은 웹 양식의 모든 요소를​​ 사용자 정의할 수 있습니다.

마지막으로 나는 소위 피부에 간단히 터치합니다. 이러한 요소는 컨트롤 그룹의 일부 속성을 구성하는 방법입니다. 예를 들어, 여러 사용자 지정 속성을 특징으로 컨트롤의 특정 유형 (텍스트 상자와 같은)에 대한 다른 색상 스키마를 정의할 수도 있습니다.

적절한 피부를 정의하여 컨트롤 그룹에 대한 표시 옵션의 숫자가 각각의 각 인스턴스에 대해 속성을 설정할 필요없이 사용할 수 있습니다. 웹 양식 텍스트 상자가 열 포함하고 그들에게 몇 가지 서식을 제공하려는 경우 예를 들어, 그냥 적절한 피부를 정의하고 텍스트 상자의 각 할당합니다. 컨트롤의 특정 유형과 같은의 모든 인스턴스에 적용되는 속성을 정의 피부에있는 파일이 그렇다.

여기 예제. 스킨의 기본은 이전에 본라는 폴더 안에 새 폴더를 만들고 TestSkinFile라는 내부 피부 타입에 새로운 요소를 추가

다음과 같은 몇 가지 컨트롤에 대해 생성된 파일 사용자 정의에 삽입

이러한 방법으로, 우리는 피부의 웹 폼 구성 요소를 추가할 때, 그들은 기능 세트를 취할 것입니다. 물론 이것은, 피부가 페이지 내에서 선언해야합니다 그래서 주제에 대한 이전에 죽은 것과 유사한 이루어집니다.

• <<이전 레슨
• 색인 도움말
• 다음 수업>>