프레임 페이지에 동적 탐색 추가

웹 사이트의 계층 구조를 판별하고 나면 동적 탐색을 프레임 페이지에 추가하여 링크와 사이트 맵을 자동으로 생성할 수 있습니다. 사이트 구조가 변경될 때마다 새 웹 사이트 구조를 반영하도록 탐색 링크가 자동으로 재생성됩니다.

전제조건:
팁: 사이트 전체의 일관성을 유지보수하려면, Site Designer 도구에서 제공되는 페이지 템플리트를 사용할 것을 권장합니다. 전체 웹 사이트의 룩앤필을 편집하기 위해서는 Web Site Designer가 제공됩니다. 페이지 템플리트를 사용하여 룩앤필을 사이트 전반에 걸쳐 일관되게 설정할 수 있습니다. 페이지 템플리트에는 Site Designer 도구를 사용하여 작성되는 웹 사이트 탐색(예: 탐색줄, 탐색 추적 및 탐색 메뉴)이 포함됩니다. 탐색 보기의 웹 사이트를 보고 사이트에 새 페이지를 추가하고, 페이지를 삭제 및 이동할 수도 있습니다.
프레임을 사용하는 일반 웹 사이트는 다음 파트로 구성됩니다. 프레임 페이지에 탐색을 추가하려면 다음을 수행하십시오.
  1. 맨 위 페이지의 하위 요소로 웹 사이트에 탐색 프레임 페이지를 추가하십시오. 탐색 프레임 페이지 추가에 대한 자세한 정보는 웹 사이트에 프레임 페이지 추가를 참조하십시오.
  2. 웹 사이트에 추가한 탐색 프레임 페이지를 마우스 오른쪽 단추로 클릭한 후 탐색 > 탐색에 표시를 클릭하여 탐색에 새 페이지가 표시되지 않도록 하십시오.
  3. 탐색 프레임 페이지를 두 번 클릭하여 Page Designer로 여십시오.
  4. 팔레트의 웹 사이트 탐색 드로어를 사용하여 탐색 프레임 페이지로 웹 사이트 탐색 오브젝트를 끌어오십시오.
  5. 탐색 프레임 페이지에 삽입한 탐색 오브젝트를 마우스 오른쪽 단추로 클릭한 후 속성을 클릭하십시오. 속성 보기가 열립니다.
  6. 속성 보기의 스펙 텝에서 열기를 클릭하십시오. Page Designer에서 탐색 오브젝트가 열립니다.
  7. Page Designer에서 소스 탭을 클릭하십시오. 모든 <a href> 태그에 target='content' 속성을 추가하십시오. 예를 들어, 탐색 프레임 페이지에 가로 막대를 추가한 경우, horizontal-text.html 오브젝트에 target='content'를 추가하십시오. 여기서, content는 컨텐츠 프레임의 이름입니다.
    <html>
    	<head>
    	<title>horizontal-text</title>
     </head>
    	<body>
    		<div><b> [ </b>
    			<!-- siteedit:forEach var="item" items="${sitenav.items}" begin="0" step="1" varStatus="status" -->
    			<!-- siteedit:if test="${!status.first}" -->
    			<b> | </b>
    			<!-- /siteedit:if -->
    			<a href="${item.href}" target='content'>${item.label}</a>
    			<!-- /siteedit:forEach -->
    			<b> ] </b>
    		</div>
    	</body>
    </html>
  8. CTRL+S를 눌러 변경사항을 저장하십시오. 탐색 오브젝트가 탐색 프레임 페이지에 추가됩니다.
관련 태스크
웹 사이트에 프레임 페이지 추가
프레임 페이지 작성
사용 조건 | 피드백
(C) Copyright IBM Corporation 2000, 2005. All Rights Reserved.