Page Designer에서, HTML, XHTML, JSP, Faces JSP 파일 및 임베디드 JavaScript™ 코드에 대해 작업할 수 있습니다. Page Designer에서는 각 페이지의 세 가지 표시(디자인, 소스 및 미리보기) 사이를 이동할 수 있습니다.
각 페이지는 편집 중인 파일에 대해 작업할 수 있는 여러 가지 방법을 제공합니다. 편집기 맨 아래에 있는 탭을 클릭하여 편집기 페이지 사이에 전환할 수 있습니다. 이 페이지는 아웃라인 및 특성 보기, 도구 모음 단추, 메뉴 표시줄 옵션, 팝업(마우스 오른쪽 단추 클릭) 메뉴 및 팔레트 구성요소와 같은 웹 Perspective에 있는 다양한 다른 보기와 함께 작동합니다.
편집기 페이지 | 설명 |
---|---|
디자인 | 디자인 페이지는 페이지의 요소를 보면서 파일을 작성하거나 파일로 작업할 수 있는 WYSIWYG 환경입니다. 예를 들어, 파일에 삽입한 그래픽을 보면서 디자인하는 웹 페이지의 시각적 모양을 확인할 수 있습니다. 이 보기는 화면 출력이 아닌 파일의 HTML 또는 JSP 소스 코드를 표시하는 소스 페이지와는 대조됩니다. 디자인 페이지에서는 팔레트, 프로젝트 탐색기 보기, 작은 그림 보기 및 Microsoft® Internet Explorer로부터 끌어 놓기 기능을 비롯하여 완전한 비주얼 편집 기능을 제공합니다. |
소스 | 소스 페이지에서는 파일의 소스 코드를 보고 직접 작업할 수 있습니다. 아웃라인 보기와 특성 보기에는 소스 페이지를 보완하는 기능이 있습니다. |
미리보기 | ![]() 동적 컨텐츠(예: JSP 태그)를 미리보려면 프로젝트 탐색기 보기에 있는 페이지 팝업 메뉴에서 서버에서 실행 옵션(WebSphere® 테스트 환경)을 사용해야 합니다. 또한 메뉴 옵션을 사용하여 현재 파일을 기본 웹 브라우저에서 열 수 있습니다.![]() |
웹 프로젝트를 삭제하기 전에, Page Designer에 열려 있는 파일을 닫아야 합니다.
색상 및 글꼴에 대한 시스템 설정이 변경되면, Page Designer의 디자인 페이지 및 팔레트 보기에 새 설정이 적용되도록 제품을 다시 시작해야 합니다.