웹 페이지에 스타일시트를 적용하기 전에
CSS Designer의 미리보기 분할창에서 페이지를 미리볼 수 있습니다. 미리보기 분할창(편집기의
왼쪽 영역)은 현재 정의된 스타일이 외부 웹 브라우저에서 어떻게 표시되는지 보여줍니다.
웹 페이지의 스타일을 미리볼 수 있는 방법은 세 가지입니다.
프로젝트 탐색기 보기에서 파일을 두 번 클릭하여
편집할 .css 파일을 여십시오. CSS Designer에서 스타일시트가 열립니다. - 프로젝트 탐색기 보기에서 미리보기 분할창(편집기의
왼쪽 영역)으로 HTML 또는 JSP 파일을 끌어서 놓으십시오.
- 미리보기 분할창의 맨 위에 있는 찾아보기
단추를 누른 후 파일 선택사항 대화 상자에서
파일을 선택하십시오.
- 미리보기 분할창의 맨 위에 있는 목록에서 파일을 선택하거나 파일
이름을 입력하십시오. 이 목록은 미리보기 분할창에 이미 표시되어 있는
파일을 표시합니다.
미리보기 분할창을 최대화하면, 프로젝트 탐색기 보기에서
선택된 파일이 미리보기 분할창의 샘플 웹 페이지에 즉시
반영됩니다. 여러 웹 페이지에서 스타일 효과를 보려는 경우,
이 기능은 프로젝트 탐색기 보기에서 새 파일을 선택하는 것만으로
미리보기 분할창에서 샘플 페이지를 변경할 수 있으므로 유용합니다.