연습 1.3: 웹 사이트를 웹 페이지로 채우기
웹 사이트를 웹 페이지로 채우기를 시작하기 전에
연습 1.2: 웹 사이트의 구조 디자인을 완료하십시오.
Web Site Designer에서 페이지 아이콘을 사용하여 웹 사이트를 레이아웃하고 나면
페이지를 작성할 준비가 완료된 것입니다. 페이지 아이콘의 경계선은 현재
점선으로 표시되어 있습니다. 이는 페이지 아이콘이 나타내는 파일이나
실제 페이지가 존재하지 않음을 표시합니다. 파일 작성 후
페이지 아이콘 경계선은 실선으로 표시됩니다.
- 모든 안내 광고 보기 페이지의 페이지 아이콘을 두 번 클릭하십시오. 페이지 작성
대화 상자가 열립니다.
- 이 학습서의 경우, Faces JSP 옵션을 선택해야 합니다. 이 옵션은
JavaServer Faces 기술을 사용할 수 있는 JSP 웹 페이지를 작성합니다. 자세한 정보는 JavaServer Faces 및 Faces 구성요소에 대한 추가 학습을 참조하십시오.
'JavaServer Faces를 사용하여 웹 페이지에 동적 정보 표시' 학습서에서
웹 사이트에 데이터 연결을 추가하기 위해 Faces 구성요소를 사용하는 방법에 대해서도 학습할 수 있습니다.
- 확인을 클릭하십시오. 새 Faces JSP 파일 마법사가
열립니다.
- 기본 폴더(/ClassifiedsTutorial/WebContent)를 그대로 사용하십시오.
- 파일 이름 필드에 새 파일 이름으로 all_records를 입력하십시오.
사이트를 레이아웃할 때 페이지에 지정한 탐색 레이블과 같은 이름을
파일 이름으로 부여하는 것이 편리할 수 있지만, 로컬 시스템에서는
자원에 대해 감지할 수 있는 방식으로 파일 이름을 부여하고
나중 탐색을 위해 이름 지정 규칙으로 탐색 레이블만 사용할 수도 있습니다.
- 마크업 언어 필드에서 HTML이 선택되어 있는지
확인하십시오. 나머지 필드에 대해서는 기본값을 그대로 사용하십시오.
- 고급 옵션 구성 선택란은 선택 표시가 지워진 상태로 두십시오.
새 파일에 대해 옵션을 구성하도록(예: 추가 태그 라이브러리)
이 마법사를 사용하여 추가 옵션을 지정할 수 있는 옵션이 제공되기도 하지만,
이 학습서의 목적대로 기본값을 그대로 사용해도 됩니다.
참고: 새 파일은 웹 프로젝트를 작성할 때 작성한
Master.css를 자동으로 참조합니다.
- 완료를 클릭하십시오. Page Designer에 새 파일이 열립니다.
- 탐색 - 안내 광고 학습서
탭을 클릭하여 Web Site Designer로 돌아가십시오. 이제 모든 안내 광고 보기 아이콘
경계선이 실선이 되고 작은 파란색 다이아몬드 아이콘(
)이 표시됩니다.
이는 JSP 파일이 연관되었음을 표시합니다. 다른 페이지 아이콘은 아직
파일이 작성되지 않았으므로 경계선이 점선으로 표시됩니다.
- 각 아이콘을 두 번 클릭하고 새 Faces JSP 파일 마법사를 완료하여
다른 페이지 아이콘에 대해서도 Faces JSP 페이지를 계속 작성하십시오. 이 학습서의 경우
다음 이름 지정 규칙을 따르도록 하십시오.
- 목록 게시 -
new_record
- 목록 갱신 -
update_record
- 필터된 목록 -
filtered_records
- Ctrl+S를 눌러서 웹 사이트 탐색을 저장하십시오.
네 페이지를 모두 작성하면, 프로젝트 네비게이터 보기는
WebContent 폴더 아래에 새 자원 모두를 표시합니다.
지금까지 웹 사이트에 갖게 될 페이지들을 공백 페이지로 작성했습니다.
이제 연습
1.4: 웹 사이트의 룩앤필 디자인을 시작할 수 있습니다.