8가지 일반적인 웹 페이지 레이아웃 유형: 1. "國" 레이아웃, 3. 제목 텍스트 레이아웃, 5. "T" 구조 레이아웃, 7. . 대칭 대비 레이아웃 8. POP 레이아웃.
이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.
대부분의 웹사이트에는 다양한 스타일이 있지만 레이아웃에는 모두 특정 규칙이 있습니다. 즉, "국" 레이아웃, 모서리 레이아웃, 제목 텍스트 레이아웃, "T" 구조 레이아웃, "입" 레이아웃입니다. 레이아웃, 대칭 대비 레이아웃, POP 레이아웃. 이러한 8가지 일반적인 유형의 웹 페이지 레이아웃을 하나씩 소개하겠습니다.
1. "國" 글꼴 레이아웃
이 레이아웃은 일반적이고 일반적이며 일부 대형 웹사이트에서는 이 유형을 자주 사용합니다. 표준화되어 있는 것이 특징이며, 콘텐츠가 위에서 아래로 구성되어 있습니다. 웹 페이지 상단에는 제목 배너와 탐색 표시줄이 있고, 하단에는 chinaren, 163, sina 등 웹사이트 관련 콘텐츠 정보가 표시되어 있습니다. 그리고 다른 웹사이트.
2. 코너 레이아웃
웹 페이지의 왼쪽이나 오른쪽에 해당 콘텐츠에 대한 링크를 배치하고, 반대쪽에는 관련 텍스트 정보를 배치하는 것이 특징입니다. 캠퍼스 웹사이트와 같은 네비게이션 바를 기다리세요.
3.제목 텍스트 레이아웃
제목 외에 일부 전문 기사, 소설 페이지 또는 등록 페이지도 이 유형에 속합니다.
4. 표지 레이아웃
웹사이트의 홈페이지는 작은 애니메이션과 결합된 정교하고 창의적인 패턴으로 구성되어 있으며, 페이지에는 탐색 표시줄 표시가 없고 간단한 "입력"만 가능한 것이 특징입니다. 링크. 이 레이아웃은 디자인 포럼, 디자인 회사, 개인 웹사이트 등과 같은 디자인 웹사이트에서 일반적으로 사용됩니다. 이 레이아웃은 신중한 디자인이 필요하고 사람들에게 멋진 시각적 느낌을 주기 때문입니다.
5. "T" 구조 레이아웃
소위 "T" 구조 레이아웃은 웹 페이지의 상단과 왼쪽의 조합을 의미하며, 페이지 상단에는 가로형 웹 사이트 로고와 광고 배너가 있습니다. 왼쪽 아래가 메인 메뉴이고, 오른쪽이 콘텐츠를 표시하는 방식입니다. 웹 디자인에서 가장 널리 사용되는 레이아웃 방식입니다. 실제 설계에서는 "T" 구조 레이아웃의 형태도 변경될 수 있습니다.
예를 들어 왼쪽과 오른쪽 열이 있는 2열 레이아웃의 경우 절반은 텍스트이고 나머지 절반은 그래픽 이미지와 탐색입니다. 또는 본문을 배경색으로 구분하여 2열로 배열하고, 그림과 본문을 별도로 배치한다.
이러한 레이아웃에는 사람들의 관심이 주로 오른쪽 하단에 있기 때문에 회사가 사용자에게 게시하려는 대부분의 메시지를 사용자가 최대한 얻을 수 있다는 장점이 있으며 둘째로 매우 편리합니다. , 페이지 구조가 명확하고 우선순위가 명확하며 사용하기 쉽습니다. 단점은 규칙이 엄격해서 디테일이나 색상에 신경쓰지 않으면 쉽게 '지루'해질 수 있다는 점입니다.
6. "입" 레이아웃
페이지 상단과 하단에 광고 배너가 있고 왼쪽에는 메인 메뉴, 오른쪽에는 친숙한 링크 등이 있음을 의미하는 비유적인 용어입니다. 주요 내용은 중간에 있습니다.
이 레이아웃의 장점은 페이지가 풍부하고, 내용이 풍부하며, 정보의 양이 많다는 것입니다. 종합 웹사이트에서 일반적으로 사용되는 레이아웃입니다. 특이한 점은 상단에 작은 아이콘이 있다는 것입니다. 센터는 분위기를 활성화시키는 역할을 합니다.
단점은 페이지가 혼잡하고 유연성이 부족하다는 것입니다. 네 면을 비워두고 가운데만 사용하는 창형 디자인도 있습니다. 예를 들어 NetEase 배경화면 웹사이트는 페이지의 중앙 부분만 스크롤할 수 있는 형식을 사용하며 인터페이스는 다음과 유사합니다. 게임 인터페이스. 이러한 유형의 레이아웃을 사용하는 다차원 게임 엔터테인먼트 웹사이트.
7. 대칭 대비 레이아웃
이름에서 알 수 있듯이 반은 어둡고 반은 밝은 좌우 또는 상하 대칭 레이아웃을 말하며 일반적으로 디자인 웹사이트에 사용됩니다. 시각적 임팩트가 강한 것이 장점이지만, 두 부분을 유기적으로 결합하기 어렵다는 단점이 있다.
8. POP 레이아웃
POP은 광고 용어에서 유래했는데, 이는 페이지 레이아웃이 홍보 포스터와 같고, 아름다운 그림을 페이지 디자인 중심으로 한다는 의미입니다. 패션 웹사이트에서 자주 사용되는 장점은 분명합니다. 아름답고 매력적이지만 속도가 느리다는 단점이 있습니다.
더 많은 프로그래밍 관련 지식을 보려면 프로그래밍 소개를 방문하세요! !
위 내용은 웹페이지 레이아웃의 8가지 일반적인 유형은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!