어도비 CS5 Dreamweaver에서 상대적으로 위치가 잡힌 DIV 생성 - 인형

Adobe Creative Suite 5 (Adobe CS5) Dreamweaver에서는 상대 위치 지정을 사용하는 DIV를 만들고 편집 할 수 있습니다 . 상대적으로 배치 된 DIV는 요소를 둘러싼 내용과 함께 이동시켜보다 유동적 인 레이아웃을 가능하게합니다. 이러한 유형의 위치 지정은 중첩 된 내용이나 항목이 다른 페이지 내용과 일치해야하는 상황에서 중요합니다. 상대적으로 배치 된 DIV를 만들거나 편집하기 위해 삽입 패널의 일반 및 레이아웃 범주에서 찾을 수있는 Div 태그 삽입 도구를 사용합니다.

페이지를 클릭하여 기존 AP div 내에 커서를 놓은 다음 삽입 패널의 일반 및 레이아웃 범주에서 Div 태그 삽입 도구를 클릭합니다.

1. Div 태그 삽입 대화 상자가 나타나면 삽입 드롭 다운 목록에서 위치를 선택하여 새 DIV의 위치를 ​​미세 조정하십시오.

2. 예를 들어, 태그 시작 후를 선택하여 페이지의 기존 DIV 태그 내에 배치합니다.

   새 DIV를 만들고 배치 할 특정 위치를 선택하십시오.

   

   적용 할 기존 클래스 선택기가있는 경우 클래스 드롭 다운 목록에서 선택하십시오. 그렇지 않으면 비워 둡니다.

DIV에 ID 선택기를 지정하여 ID 드롭 다운 목록에서 선택하여 모양을 제어합니다.

1. 사용할 수없는 경우 새 이름을 입력하고 새 CSS 규칙 버튼을 클릭하여 이름을 만듭니다.

2. 새 CSS 규칙 대화 상자가 나타나면 새 선택기가 ID로 설정되고 이름 앞에 파운드 기호 (#)가 있는지 확인하십시오. 확인을 클릭하십시오.

   CSS 규칙 정의 대화 상자가 나타나면를 클릭하고 왼쪽의 범주 목록에서 위치 지정을 선택하여 CSS 위치 지정 속성을 봅니다.

3. 위치 지정 영역의 위치 메뉴에서 상대적을 선택하고 너비 및 높이 텍스트 상자에 너비와 높이 값을 입력 한 다음 확인을 클릭합니다.

4. 확인을 클릭하여 Div 태그 삽입 대화 상자를 닫습니다.

5. 상대적으로 배치 된 새로운 DIV는 자리 표시 자 텍스트와 함께 나타납니다.

6. 다른 DIV 내에 새 DIV를 만들 수 있습니다.