사용자 인터페이스 및 마스터 페이지

현대 웹사이트의 특징은 확실히 세부 사항들을 작성하는 다양한 페이지의 사용의 용이성에 주목합니다. 예를 들어, 가장 인기있는 사이트는 설정은 모든 페이지에 동일 또한 페이지 자체를 탐색의 간단하고 직관적인 수단을 제공 색상과 문자의 패턴을 기반으로합니다. 모든 이들이 서로 다른 사용하기가 어렵습 페이지 사이트에 액세스하려면 나머지는 조금 일어날 여기 이것은 우리의 사이트에 방지해야하는지입니다.

페이지에게 일반적인 모양을 제공하고 사이트의 느낌이 솔루션은 모든 페이지가 파생되는 기본 클래스에서를 만드는 것입니다. ASP.NET은 단지 그의 특성 사이트의 페이지에서 상속됩니다 기본 페이지 (기본 페이지) 구현하는 페이지 클래스에 초점을 맞춘 모델을 기반으로하기 때문에

모든 페이지. 차례 System.Web.UI.Page에서 유래 기본에서 파생 ASPX 페이지. 페이지와 모든 단일 페이지 사이의 공통 요소의로드와 기본 페이지 거래가 나머지를 처리​​합니다.

구조의이 유형을 만들 수 ASP.NET에서 제공하는 도구는 소위 마스터 페이지입니다. 이러한 페이지는 사이트의 일반 페이지에 매우 유사하고 확장자를. 석사와 파일에 정의되어 있습니다.

마스터 페이지는 사용자가 마스터 페이지 요청과 응답 후자로 필터링 아르에 따라 페이지로 이동할 때 다음 템플릿으로 사용하고있다. 다음 ASP.NET 마스터 페이지는 단일 클래스에있는 콘텐츠 페이지 (. 영문) 조화를 이루고 있습니다. 콘텐츠 페이지는 파일에서 마스터 페이지를 삽입 요청하는 것입니다. 페이지에서 컨트롤의 컬렉션에 추가되는 컨트롤의 영문 양식.

우리 이제 마스터 페이지를 정의하고 사용하는 방법을 보자. 우리는 Visual Studio를 시작하고 입력 빈 웹 사이트의 새 프로젝트를 만듭니다. 우리 프로젝트의 유형 마스터 페이지의 새로운 요소를 추가합니다

페이지 수준보기 이전 강의와 비주얼 스튜디오에 의해 생성된 코드에서 볼 정상적인 웹 양식과 유사한 것은 다음이다

내가 나중에 논의하게 될 ContentPlaceHolder 컨트롤에 추가된 점에 유의하자. 마스터 페이지의 나머지는 저희 사이트에서 정상적인 페이지로 마음대로 정의할 수 있습니다하십시오.

예를 들어, 배경 색상 (배경) 이외의 설정을하여 몸을 태그를 변경하자

마스터 페이지는 이제 회색 배경 (# bbbbbb)이 있습니다.

이제 새 항목 추가 대화 상자의 하단을 확인, 우리의 프로젝트 웹 양식 (이것은 호출을 Default.aspx)에 새로운 요소를 추가할 수 있도록 선택 마스터 페이지

우리는 당신이 프로젝트 (우리의 경우 단 하나가있을 것입니다)에 추가하는 페이지에 대한 마스터 페이지를 선택할 수있는 또 다른 대화 상자를 제시 확인 정맥을 클릭하십시오

우리가 Default.aspx 페이지에 디자인 탭에 보면 우리는 그것이 페이지는 템플릿 설정을 상속하는 마스터 페이지에 대한 동일한 배경 색상이 쇼를 것을 볼 수 있습니다.

이것은 Default.aspx 페이지로 비주얼 스튜디오에 의해 생성된 코드입니다

거기에 우리는 페이지를 참조 MasterPage.master를 참조하십시오.

이 시점에서 우리는 당신이 원하는 모든 페이지 (사용자 정의 내용을 각) 만들 수 있으며 우리는 마스터 페이지에 첨부합니다. 우리가 마스터 페이지의 내용을 변경하는가는 다음 경우에 따라 모든 페이지 한 번에 업데이 트됩니다.

분명 무엇이 간단하게 제시하지만, 특히 복잡한 그래픽 사이트에 이러한 도구의 가능성을 제시합니다.

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