비디오: 플래시 강의 - 제 12 장 버튼과 액션을 이용한 포토갤러리 만들기 2025
Adobe Creative Suite 5 (Adobe CS5) Dreamweaver에서는 상대 위치 지정을 사용하는 DIV를 만들고 편집 할 수 있습니다 . 상대적으로 배치 된 DIV는 요소를 둘러싼 내용과 함께 이동시켜보다 유동적 인 레이아웃을 가능하게합니다. 이러한 유형의 위치 지정은 중첩 된 내용이나 항목이 다른 페이지 내용과 일치해야하는 상황에서 중요합니다. 상대적으로 배치 된 DIV를 만들거나 편집하기 위해 삽입 패널의 일반 및 레이아웃 범주에서 찾을 수있는 Div 태그 삽입 도구를 사용합니다.
-
Div 태그 삽입 대화 상자가 나타나면 삽입 드롭 다운 목록에서 위치를 선택하여 새 DIV의 위치를 미세 조정하십시오.
-
예를 들어, 태그 시작 후를 선택하여 페이지의 기존 DIV 태그 내에 배치합니다.
새 DIV를 만들고 배치 할 특정 위치를 선택하십시오.
적용 할 기존 클래스 선택기가있는 경우 클래스 드롭 다운 목록에서 선택하십시오. 그렇지 않으면 비워 둡니다.
-
사용할 수없는 경우 새 이름을 입력하고 새 CSS 규칙 버튼을 클릭하여 이름을 만듭니다.
-
새 CSS 규칙 대화 상자가 나타나면 새 선택기가 ID로 설정되고 이름 앞에 파운드 기호 (#)가 있는지 확인하십시오. 확인을 클릭하십시오.
CSS 규칙 정의 대화 상자가 나타나면를 클릭하고 왼쪽의 범주 목록에서 위치 지정을 선택하여 CSS 위치 지정 속성을 봅니다.
-
위치 지정 영역의 위치 메뉴에서 상대적을 선택하고 너비 및 높이 텍스트 상자에 너비와 높이 값을 입력 한 다음 확인을 클릭합니다.
-
확인을 클릭하여 Div 태그 삽입 대화 상자를 닫습니다.
-
상대적으로 배치 된 새로운 DIV는 자리 표시 자 텍스트와 함께 나타납니다.
-
다른 DIV 내에 새 DIV를 만들 수 있습니다.
