프리 레이아웃 모드에서 페이지 작성

데모 보기
프리 레이아웃 모드를 사용하면 프리 레이아웃 테이블 및 셀을 사용하여 웹 페이지를 보다 시각적인 방법으로 배치할 수 있습니다. 예를 들어, 프리 레이아웃 테이블의 셀에 이미지를 배치할 때 페이지상의 정확한 이미지 위치를 제어할 수 있습니다.

페이지에서 프리 레이아웃 모드를 사용하려면 다음 단계를 따르십시오.
  1. Page Designer에서 페이지를 작성한 다음, 이를 여십시오.
  2. 기본 메뉴에서 페이지 > 레이아웃 모드 > 프리 레이아웃을 클릭하십시오. 그러면 프리 레이아웃 테이블 및 텍스트 셀과 같은 오브젝트를 삽입할 수 있습니다.
  3. 기본 메뉴에서 삽입 > 프리 레이아웃 테이블을 클릭하고 테이블을 삽입할 페이지를 클릭하십시오. 테이블이 페이지에 작성됩니다.
    팁: 팔레트의 HTML 태그 드로어에서 프리 레이아웃 테이블을 끌어서 놓을 수도 있습니다.
  4. 테이블을 변경하려면 다음을 수행하십시오.
    • 테이블의 가장자리를 끌어 크기를 늘리십시오.
    • 테이블의 다른 속성(예: 픽셀 단위 크기, 배경색, 셀 채우기 등)을 변경하려면, 테이블을 선택하고 마우스 오른쪽 단추를 클릭한 후 특성을 선택하십시오. 특성 보기가 표시됩니다.
  5. 테이블에 텍스트를 추가하려면 팔레트에서 텍스트 셀을 끌어서 놓으십시오. 셀 안에 텍스트를 입력하십시오.
  6. 셀을 변경하려면 다음을 수행하십시오.
    • 셀 가장자리를 끌어 위치를 변경하십시오.
    • 셀 가장자리의 크기 조정 추적자를 끌어 위치를 변경하십시오.
    • 셀을 선택한 후 특성 보기에서 해당 속성을 수정하십시오.
  7. 팔레트 보기에서 테이블 안의 해당 셀로 구성요소를 끌어오십시오. 구성요소를 끌어 텍스트 셀의 외부에 놓으면, 텍스트 셀이 자동으로 삽입되어 구성요소를 보유하게 됩니다.
    • 다른 텍스트 셀 내부로 구성요소를 끌 수 있습니다. 예를 들어, 팔레트 보기의 HTML 태그 드로어에서 셀로 방점 목록을 끌어서 놓은 후 이미지를 다른 셀로 끌어서 놓을 수 있습니다.
    • 텍스트 셀 또는 프리 레이아웃 테이블 외부로 구성요소를 끌 수도 있습니다. 이 경우, 텍스트 셀이 자동으로 삽입되어 구성요소를 보유하게 됩니다.
    주: , , 레이아웃 상자와 같은 구성요소는 프리 레이아웃 테이블로 끌어올 수 없습니다. 이 구성요소는 표준 모드에서만 사용할 수 있습니다.
  8. 프리 레이아웃 테이블 외부에서 편집하려면 페이지 > 레이아웃 모드 > 표준을 선택하십시오. 예를 들어, 브라우저에 테이블 경계가 표시되도록 하려면 표준 모드로 전환한 후 특성 보기에서 테이블 특성을 편집하면 됩니다.
프리 레이아웃 모드에서 페이지를 디자인할 때 언제든지 페이지 > 미리보기를 선택하여 페이지를 미리 볼 수 있습니다.
관련 개념
프리 레이아웃 모드
관련 태스크
웹 페이지 작성 및 편집
HTML 또는 XHTML 파일 작성
웹 페이지 레이아웃
웹 페이지에서 테이블 작성 및 삭제
웹 페이지 테이블에서 열 및 행 조작
사용 조건 | 피드백
(C) Copyright IBM Corporation 2000, 2005. All Rights Reserved.