소스 페이지에서 작업

Page Designer 소스 편집 성능을 사용하여 HTML 및 기타 마크업 텍스트(예: JSP 페이지 및 임베디드 JavaScript™)를 직접 편집할 수 있습니다. 소스 페이지에서 수행한 변경사항은 디자인 페이지에도 반영됩니다.

소스 페이지에서 속성 값을 추가 또는 갱신하는 데 특성 보기가 표시 가능할 경우, 특성 보기도 새로 고쳐집니다.

소스 페이지는 다음과 같은 텍스트 편집 기능을 가지고 있습니다.
표 1. Page Designer의 소스 페이지 기능
기능 설명
구문 강조표시 태그 유형마다 서로 다르게 강조표시되므로 편집할 특정 유형의 태그를 쉽게 찾을 수 있습니다. 예를 들어, 페이지 템플리트에서 페이지를 작성할 경우 페이지의 공통 영역은 편집할 수 없으므로 회색으로 강조표시됩니다.
무제한의 실행 취소 및 다시 실행 전체 편집 세션 동안 파일에 대해 수행한 모든 변경사항을 점층적으로 실행 취소하고 다시 실행할 수 있습니다. 텍스트의 경우에는 변경사항이 한 번에 한 문자나 선택한 한 문자 세트씩 증분됩니다.
컨텐츠 지원 컨텐츠 지원 기능을 사용하면 쉽게 태그 또는 코드 행을 완성하고 매크로를 삽입할 수 있습니다. 컨텐츠 지원 목록에서 사용할 수 있는 선택사항은 편집 중인 파일에 대해 지정된 태그 표준에서 정의한 태그에 따라 다릅니다. 어떤 경우에는 컨텐츠 지원이 자동으로 열립니다. CTRL+Space를 누르면 컨텐츠 지원이 호출됩니다.
사용자 정의 매크로 컨텐츠 지원을 사용하여 사용자 정의 템플리트(사전 정의된 코드의 청크)에 액세스하면 일반적으로 사용되는 태깅 조합을 신속하게 추가하는 데 도움이 됩니다.
요소 선택사항 소스 페이지의 왼쪽 영역에 있는 세로 경계에 위치한 요소 선택사항 표시기는 커서 위치에 따라 편집 중인 요소를 포함하는 행 번호를 강조표시합니다.
팝업 메뉴 옵션 편집기의 팝업 메뉴(편집기의 특정 위치에서 마우스 오른쪽 단추를 클릭하여 액세스함)를 통해 Workbench 편집 메뉴에서 사용할 수 있는 것과 동일한 다양한 편집 옵션이 제공됩니다.
끌어서 놓기 스니펫 보기, 팔레트 보기 및 갤러리 보기(작은 그림 보기와 함께)에서 오브젝트를 소스 페이지의 커서 위치로 끌어 놓을 수 있습니다. 또한 색상 보기의 색상과 스타일시트를 소스 페이지에 놓을 때 적절한 태깅이 파일에 적용됩니다. 이 때 사용자는 디자인 보기를 표시해야 결과 효과를 볼 수 있습니다. 오브젝트는 소스 외부(예: Microsoft® Internet Explorer 또는 파일 시스템)에서 끌어올 수도 있습니다.
복사 및 붙여넣기 텍스트 복사 기능을 제공하는 편집기나 보기(예: 소스 편집기 및 Page Designer의 디자인 페이지)에서 텍스트를 복사하고 스니펫 보기에 붙여넣어 새 스니펫을 작성할 수 있습니다.
유효성 검증 입력하는 대로 코드 유효성을 검증하도록 환경 설정 페이지에서 옵션을 설정 또는 해제하고 구성할 수 있습니다. > 환경 설정 > Workbench > 편집기 > 구조화된 문서 편집기를 선택한 후 입력하는 동안 어노테이션 분석 선택란을 선택하십시오.
사용자 정의 편집기의 모양(예: 행 번호 표시)을 사용자 정의할 수 있습니다( > 환경 설정 > Workbench > 편집기 > 구조화된 문서 편집기 또는 > 환경 설정 > 웹 및 XML > HTML 파일 > HTML 소스).
다음과 같이 여러 가지 방법으로 소스 페이지에서 태그와 텍스트를 입력, 삽입 또는 삭제할 수 있습니다.
  • 태그를 직접 입력합니다.
  • 컨텐츠 지원을 사용하여 유효한 태그에 대한 프롬프트를 수신합니다.
  • 메뉴 항목을 선택합니다.
  • 도구 모음 단추를 선택합니다.
  • 특성 보기를 사용하여 태그를 변경합니다.
소스 페이지에서 HTML 또는 JSP 파일을 편집하려면 다음 단계를 수행하십시오.
  1. Page Designer에서 작업할 HTML 또는 JSP 파일을 여십시오. 일반적으로, 프로젝트 탐색기 보기에서 파일을 두 번 클릭하면 바로 파일이 열립니다. 소스 탭을 클릭해야 할 수도 있습니다.
  2. 사용 가능한 기능을 사용하여 필요에 따라 코드를 편집하십시오. 간단히 두 번 클릭으로 속성 값, 속성-값 쌍 및 전체 태그 세트를 선택하여 컨텐츠를 신속하게 갱신, 복사 또는 제거할 수 있습니다.
  3. 간혹 요소 및 속성 들여쓰기가 복원되도록 개별 요소나 전체 문서를 형식화하여 파일에서 중첩된 계층 구조를 더 명확하게 볼 수 있습니다.
  4. 파일을 저장하십시오.
주: Page Designer의 소스 페이지에서 편집 > 붙여넣기를 선택할 경우, '없음'과 같은 예기치 않은 문자열이 표시될 수 있습니다. 이 문제를 해결하려면 특성 보기를 닫으십시오.
주: Page Designer를 열고 소스 페이지로 전환할 때, 간혹 회색 창이 표시됩니다. 이 문제를 해결하려면 소스 페이지가 다시 그려지도록 창의 크기를 약간 조정하십시오.
관련 개념
Page Designer
웹 응용프로그램 개요
웹 Perspective
관련 태스크
디자인 페이지에서 작업
웹 페이지 작성 및 편집
이용약관 | 피드백
(C) Copyright IBM Corporation 2000, 2005. All Rights Reserved.