Visual Web Developer에서 ASP.NET 웹 페이지 편집 개요
업데이트: 2007년 11월
Visual Web Developer 페이지 디자이너를 사용하여 웹 페이지(HTML 페이지와 ASP.NET 웹 페이지 모두 해당)를 만들고 편집할 수 있습니다. 이 디자이너에서는 페이지가 브라우저에 나타나는 것과 거의 비슷하게 표시되는 디자인 뷰와 페이지의 태그(예: HTML)가 표시되는 소스 뷰 등 두 가지 페이지 뷰를 제공합니다.
디자인 뷰
디자인 뷰에서는 현재 화면에 표시된 내용과 출력 내용이 동일한 WYSIWYG 편집기를 제공합니다. 텍스트를 편집기에 직접 입력하고 메뉴 및 도구 모음 명령을 사용하여 서식을 지정할 수 있습니다. 또한 도구 상자에서 요소를 끌어 올 수 있으며 원하는 경우 x 및 y 좌표를 사용하여 2차원 방식으로 요소를 배치할 수도 있습니다.
복잡한 구성이 필요한 컨트롤에는 가장 일반적으로 필요한 작업을 신속하게 수행하는 데 사용할 수 있는 스마트 태그 메뉴가 표시됩니다.
소스 뷰
소스 뷰에는 페이지의 태그(텍스트, HTML 요소 및 컨트롤 요소)가 표시되며 여기에서 직접 편집할 수 있습니다. 디자이너에서는 소스 뷰에 대해 다음과 같은 기능을 제공합니다.
유효성 검사 디자이너에서는 Microsoft Word의 맞춤법 검사와 비슷한 방식으로 태그의 구문을 검사하고 오류에 밑줄을 표시합니다. 다양한 스키마 또는 브라우저 정의에 대해 유효성을 검사하도록 디자이너를 구성할 수 있습니다. 자세한 내용은 Visual Web Developer에서 태그 유효성 검사를 참조하십시오.
IntelliSense 사용자가 입력할 때 디자이너에서는 현재 작업 중인 컨텍스트에 적합한 옵션을 제공합니다. 예를 들어 HTML 태그를 입력하는 경우 해당 태그에 대해 유효한 특성 목록이 제공됩니다.
개요 페이지의 섹션을 영역으로 표시한 다음 축소 및 확장할 수 있습니다. 예를 들어 페이지에 길이가 매우 긴 table 요소가 있는 경우 이 요소를 영역으로 표시한 다음, 사용하지 않을 때는 축소할 수 있습니다. 자세한 내용은 방법: Visual Web Developer에서 HTML 요소 확장 및 축소를 참조하십시오.
태그 서식 사용자가 입력할 때 편집기에서 태그의 서식을 지정하는 방식과 문서의 서식을 다시 설정하는 경우에 대한 옵션을 설정할 수 있습니다. 자세한 내용은 옵션 대화 상자, 텍스트 편집기, HTML, 서식 및 태그별 옵션을 참조하십시오.
페이지 템플릿
Visual Web Developer에서 웹 페이지를 만드는 경우 새 페이지에는 해당 페이지에 대해 가장 일반적으로 사용되는 요소가 추가된 태그가 포함됩니다. 예를 들어 새 ASP.NET 웹 페이지를 만드는 경우 새 페이지에는 @ Page 지시문, html 및 body 요소 등이 포함됩니다.
기본적으로 새 페이지의 템플릿에는 XHTML 표준과 호환되는 태그가 포함되어 있습니다. 자세한 내용은 ASP.NET 및 XHTML 및 Visual Web Developer의 XHTML을 참조하십시오.