간단하고 이해하기 쉬운 DIV+CSS 아키텍처 웹사이트의 7가지 레이아웃 형식을 한 문장으로 설명합니다.-CSS 튜토리얼-php.cn

간단하고 이해하기 쉬운 DIV+CSS 아키텍처 웹사이트의 7가지 레이아웃 형식을 한 문장으로 설명합니다.

亚连

풀어 주다： 2018-05-17 17:28:01

원래의

2330명이 탐색했습니다.

다음은 제가 관심 있는 학생들을 위해 편집한 DIV+CSS 아키텍처 웹사이트의 7가지 레이아웃 형식입니다.

1. "T" 구조 레이아웃 형태. 소위 "T" 구조는 페이지 상단에 가로형 웹사이트 로고 + 광고 배너, 하단 왼쪽에 메인 메뉴, 오른쪽에 콘텐츠가 있는 레이아웃을 의미합니다. 전체적인 효과는 영어와 유사합니다. 문자 "T"이므로 "T" 모양의 레이아웃이라고 합니다. 웹 디자인에서 가장 널리 사용되는 레이아웃 방법입니다. 이 레이아웃의 장점은 페이지 구조가 명확하고 우선순위가 명확하다는 것입니다. 초보자가 사용하기 가장 쉬운 레이아웃 방법 지루하다고 느끼기 쉽습니다

2. "입" 레이아웃은 일반적으로 페이지의 상단과 하단에 광고 배너가 있고 왼쪽에 메인 메뉴가 있음을 나타내는 픽토그래픽 방식입니다. , 오른쪽에는 친숙한 링크, 중앙에는 메인 페이지가 있습니다. 콘텐츠 이 레이아웃의 장점은 레이아웃을 최대한 활용하고 많은 양의 정보를 포함한다는 것입니다. 단점은 페이지가 복잡하고 유연하지 않다는 것입니다. 3. 대칭 대비 레이아웃은 이름에서 알 수 있듯이 일반적으로 사용되는 좌우 또는 상하 대칭 레이아웃을 채택하며 시각적인 효과가 강한 것이 장점입니다. 단점은 두 부분을 유기적으로 결합하기 어렵다는 것입니다. 4. POP 레이아웃은 광고 용어에서 파생되었습니다. 즉, 페이지 레이아웃은 홍보 포스터와 같으며, 아름다운 그림이 페이지의 디자인 중심이 됩니다. . 장점은 분명합니다. 단점은 배울 가치가 있다는 것입니다.

5. 일부 대형 웹사이트에서 즐겨 사용하는 레이아웃 유형입니다. 배너 광고와 웹사이트의 주요 콘텐츠가 왼쪽과 오른쪽에 표시됩니다. 중간 부분이 주요 부분이고 왼쪽과 오른쪽이 함께 나열되어 있습니다. 웹사이트, 연락처 정보, 저작권 표시 등 이 레이아웃은 일반적으로 홈페이지 디자인에 사용됩니다. 이 레이아웃의 가장 큰 장점은 페이지에 많은 내용과 정보가 포함되어 있다는 것입니다.

6. 텍스트 레이아웃의 상단 부분은 제목이나 광고이며, 그 다음은 텍스트입니다. 이 레이아웃은 일반적으로 기사 페이지나 등록 페이지에 사용되며, 방해가 되는 정보가 적고 좀 더 격식을 갖춘 것이 특징입니다.

위 내용은 나중에 모든 사람에게 도움이 되기를 바랍니다.