Dreamweaver MX 2004를 처음부터 다시 시작하기(3)
저자:Eve Cole
업데이트 시간:2009-05-31 21:02:57
프레임워크를 사용하여 웹 페이지 구축 <BR> 일부 포럼에 로그인하면 왼쪽에서 각 토론 영역의 이름을 볼 수 있습니다. 토론 영역을 클릭하면 오른쪽 영역에서 해당 토론 영역의 내용을 볼 수 있습니다. 왼쪽과 오른쪽 부분은 독립적으로 표시됩니다. 예를 들어 왼쪽의 스크롤 막대를 드래그해도 오른쪽 표시에는 영향을 미치지 않습니다. 실제로 이는 페이지에 프레임 기술을 사용하는 것이므로 브라우저의 표시 공간을 여러 부분으로 나눌 수 있고 각 부분은 독립적으로 웹 페이지 콘텐츠를 표시할 수 있습니다. 그리고 여러 프레임을 결합하여 프레임 세트를 형성하면 페이지에 더욱 풍부한 효과를 줄 수 있습니다.
1. 프레임 및 프레임세트 만들기
1단계: Dreamweaver MX 2004에서 새 페이지를 만듭니다. "보기→시각 보조 도구→프레임 테두리" 명령을 실행한 후 편집 창에 테두리가 나타나는 것을 볼 수 있습니다. 마우스로 테두리를 클릭하면 점선이 나타납니다. 프레임, 새로 생성된 페이지가 프레임과 함께 제공됨을 나타냅니다.
2 단계: "Alt" 버튼을 누르고 마우스로 테두리를 드래그하면 창을 두 개로 나눌 수 있어 페이지가 두 개의 테두리로 나뉩니다. 예를 들어 왼쪽과 오른쪽 테두리를 드래그하면 창을 왼쪽과 오른쪽으로 나눌 수 있고, 위쪽과 아래쪽 테두리를 드래그하면 창을 위쪽과 아래쪽으로 나눌 수 있습니다. 또한 창의 네 모서리를 드래그할 수도 있으므로 창을 직접 네 영역으로 나눌 수 있습니다(그림 1). 창이 여러 개의 프레임으로 나누어지면 각 프레임을 독립적인 웹페이지로 편집할 수도 있고, 기존 페이지를 프레임에 직접 할당할 수도 있습니다.
그림 1
3단계: 프레임 중첩이 허용됩니다. 예를 들어 그림 2에 표시된 프레임을 만들려면 먼저 위의 방법을 통해 가로로 두 개로 나눌 수 있지만 테두리를 직접 드래그할 수는 없습니다. 그렇지 않으면 프레임이 생성됩니다. 그림 1에 나와 있습니다. 올바른 방법은 먼저 오른쪽 하단의 프레임 패널에서 오른쪽 프레임을 클릭한 다음 "Alt" 버튼을 눌러 테두리를 드래그하는 것입니다.
그림 2
팁: 실수로 테두리를 드래그한 경우 삭제해야 할 선을 마우스를 사용하여 상위 프레임의 테두리로 드래그하면 삭제됩니다.
2. 프레임워크 편집
페이지는 종종 프레임과 프레임세트를 혼합하며, 다른 객체를 선택하여 다른 속성 설정을 할 수 있습니다.
1단계: 프레임세트의 속성입니다. 프레임셋을 선택하면 속성 개체 패널이 표시됩니다(그림 3 참조). "테두리" 항목은 테두리 표시 여부를 설정할 수 있고, "테두리 너비" 항목은 테두리 너비를 설정할 수 있으며, "테두리 색상"은 "테두리 색상을 설정할 수 있습니다. . 또한 각 테두리의 크기도 설정할 수 있습니다. 이때 패널 오른쪽의 썸네일에서 행이나 열을 선택한 후 옆에 있는 "Alue" 입력 상자에 값을 입력하고 선택합니다. 단위는 픽셀 또는 백분율입니다.
그림 3
2단계: 프레임의 속성. 프레임 패널에서 프레임을 선택하면 선택한 프레임이 검은색 테두리로 표시됩니다. 이때 속성 패널에서 해당 설정을 지정할 수 있습니다(그림 4). 예를 들어 여기에서는 "Src" 주소 표시줄을 통해 프레임에 웹 페이지 파일을 설정할 수 있고, "Scroll"은 스크롤 막대 추가 여부를 나타내며, "Border"는 테두리 표시 여부를 결정하고, "No resize"는 허용합니다. 프레임 크기는 브라우저에서 변경되며, ""여백 너비" 및 "여백 높이"는 각각 테두리의 너비와 높이를 설정하여 프레임 안의 내용과 테두리 사이의 거리를 결정합니다.
그림 4
3단계: 프레임에 내용을 입력합니다. 마우스로 프레임을 클릭하면 일반 편집 페이지와 마찬가지로 다양한 텍스트 콘텐츠, 그림, 플래시 애니메이션, 배경 음악 및 기타 웹 페이지 요소를 삽입할 수 있습니다.
실제로 프레임워크를 사용하면 웹 페이지 레이아웃에 대한 합리적인 계획을 세울 수 있으며 이는 웹 디자인의 초기 단계에서 특히 중요합니다. 따라서 모든 사람이 일상적인 사용에서 더 많은 연습이 필요하며 이는 훌륭한 웹 사이트를 구축하는 데 매우 도움이 됩니다!