DreamWeaver 테이블의 마법같은 활용 - 와이어프레임 제작에 대한 자세한 설명(1)
저자：Eve Cole업데이트 시간：2009-05-30 18:36:28
DreamWeaver에서는 웹 페이지 레이아웃과 콘텐츠 위치 지정에 테이블이 더 일반적으로 사용됩니다. 실제로 이러한 "큰 기능"을 적용하는 것 외에도 다양한 유연한 방법을 통해 테이블은 일반적으로 디자인에서 달성하기 어려운 많은 효과를 얻을 수 있습니다. 아래에 표시되는 "와이어프레임" 제작이 좋은 예입니다. 물론 그 영리한 사용은 그 이상입니다.
얇은 선, 상자 등과 같은 "와이어프레임" 개체는 웹 페이지에서 자주 볼 수 있습니다. 특정 효과를 조화롭게 제작하려면 "와이어프레임" 수정이 필수적입니다. 그러나 많은 주류 웹 디자인 도구가 상대적으로 간단하고 쉬운 와이어프레임 생성 기능을 제공하지 않는다는 점은 아쉽습니다. 이 경우 간접 참조를 달성하기 위해 다른 요소를 사용하는 것이 특히 중요합니다.
1> 얇은 폭의 라인 제작
우선 여기서 '폭을 가로지르는 가는 선'이라는 개념을 모두가 이해해야 한다고 생각하는데, '가는 선'에는 매우 중요한 점이 반영되어 있기 때문에 이를 실현하기 위해 테이블을 사용해야 하는 것입니다.
웹 디자인을 접한 네티즌이라면 HTML(Hypertext Transfer Language)에 표시, 이 표시는 "수평선" 개체를 만드는 데 사용됩니다. 그러면 수평선이 그냥 얇은 선이 아닌가요? 왜 테이블을 사용하여 작업을 수행합니까?
실제로 수평선은 배너 및 수직 효과를 포함하여 선을 만드는 데 사용되며 이를 달성할 수 있습니다. 그러나 현재 애플리케이션으로 판단하면 수평선은 우리가 요구하는 정밀도, 즉 높이=1픽셀의 실제 효과를 얻을 수 없습니다.
다음은 수평선으로 만든 얇은 선 그림 세트입니다.
처음 두 개는 분명히 훨씬 더 거칠어 보이며 속성 패널에서 수동으로 높이를 1로 설정한 후자는 분명히 우리의 요구 사항을 충족하지 않습니다. 수평선의 색상을 변경하려면 소스 코드로 가야 합니다. 미디엄에서만 얻을 수 있지만 사용하기가 그리 편리하지는 않습니다. 위의 내용을 이해한 후 표를 통해 더 나은 결과를 얻는 방법을 살펴보겠습니다.
"개체" 패널에서 "표" 아이콘을 클릭하거나 "삽입" - "표" 메뉴를 선택하여 높이와 너비가 1인 표 개체를 웹 페이지의 적절한 위치에 삽입합니다. 그림과 같이
