어도비 CS5 드림위버 창조 <[SET:descriptionko]Adobe 크리에이티브 수트 5 (Adobe CS5) 어도비 CS5 드림위버 (Adobe CS5)에서 aP 사업부 창작 Dreamweaver

Adobe Creative Suite 5 (Adobe CS5) Dreamweaver는 CSS 배치 가상 컨테이너 또는 상자 를 사용합니다. DIV 태그로 페이지의 내용을 자유롭게 배치 할 수 있습니다. DIV 태그는 페이지의 콘텐츠 영역을 만드는 데 사용되는 기본 태그입니다. 각 DIV 태그에는 고유 한 ID 스타일이 지정되어 위치, 모양 및 크기를 제어 할 수 있습니다.

내용을 배치하는 과정에는 DIV 태그를 생성 한 다음 해당 스타일을 작성하는 두 단계가 필요합니다. AP div 도구를 사용하면 페이지에서 자유롭게 상자를 그리고 내용을 내부에 배치 할 수 있습니다.

AP Div는 절대 배치 된 DIV의 약자입니다. 절대 위치가있는 항목은 페이지의 특정 위치에 고정됩니다. AP div를 그릴 때 위치는 일반적으로 상단 및 왼쪽 CSS 속성을 사용하여 설정되며, 페이지의 왼쪽 위 모서리를 참조 점으로 사용합니다.

CSS는 페이지의 모든 요소를 ​​내용이있는 상자로 취급합니다. CSS Box 모델이라고도합니다. CSS는 페이지의 가장 큰 요소 (예: 테이블 또는 목록)를 고려할 수 있지만 DIV 태그는 텍스트, 이미지 및 심지어 텍스트를 배치하는 데 사용할 수있는 가상 상자를 만드는 데 가장 일반적으로 사용됩니다 다른 상자.

삽입 패널에서 레이아웃 범주를 선택합니다.

1. AP div 그리기 도구를 선택합니다.

2. 커서를 페이지 위로 이동하면 커서가 십자형으로 나타납니다.

   페이지의 아무 곳이나 클릭하고 드래그하여 새 AP div를 만듭니다. 마우스 버튼을 놓습니다.

3. Draw AP Div 도구로 페이지를 클릭하고 끌어 상자를 만듭니다.

   

   손으로 바뀔 때까지 마우스 포인터를 상자 가장자리 위로 이동하십시오. 한 번 클릭하면 핸들이 모든면에 나타납니다.

4. 이 핸들 중 하나를 클릭하고 드래그하여 상자의 가로 또는 세로 크기를 조정합니다.

5. 상자를 이동하려면 왼쪽 상단 모서리에있는 탭을 클릭하고 끌어 상자에 원하는 위치에 놓습니다.

6. 속성 관리자를 살펴보면 많은 DIV 속성뿐만 아니라 이름도 볼 수 있습니다.

   CSS 스타일 패널이 열려 있지 않으면 창 → CSS 스타일을 선택하여 엽니 다. 전체 패널 아래에서 스타일 시트 ()의 왼쪽을 클릭하여 펼칩니다.

7. 새로 만든 AP div에 첨부 된 새 # apDiv1 ID 스타일이 표시됩니다. 새 DIV가 작성 될 때마다 Dreamweaver는 apDiv에 해당 번호를 생성 순서대로 지정합니다.

   새로운 내용을 입력, 붙여 넣기 또는 삽입하려면 새 상자 안을 클릭하십시오.

8. 페이지에 AP div를 그릴 때 Dreamweaver는 태그를 삽입하여 상자를 만들고 DIV의 위치, 너비, 높이 및 기타 속성을 저장하는 ID 선택기를 만듭니다. AP 사업부를 만든 후에는 직접 콘텐츠를 입력, 붙여 넣기 또는 삽입 할 수 있습니다. 또한 속성 관리자에서 클래스 규칙을 모든 DIV에 지정할 수 있습니다.

그리는 각 AP 사업부는 AP 요소 패널에 자동으로 표시됩니다 (창 → AP 요소 선택). AP 요소 패널을 사용하면 페이지에서 AP div를 선택, 숨기기 및 표시 할 수 있습니다.

AP Elements (AP 요소) 패널을 사용하여 페이지에서 AP div를 선택, 숨기기 및 다시 정렬하십시오.