오늘날 인터넷은 우리 삶의 일부입니다.일반 사용자는 월드 와이드 웹의 검색 엔진에 나타나기 전에 자신이 가장 좋아하는 사이트가되는 경로를 거의 생각하지 않습니다. 사이트의 탄생은 디자이너이자 메인 레이아웃을 만드는 데 관여하는 사람이라는 아이디어로 시작됩니다. 레이아웃 그리기가 완전히 완료되면 사이트 템플릿의 레이아웃과 같은 중요한 프로세스가 시작됩니다.
템플릿 또는 레이아웃은 아직 기성 사이트가 아닙니다.미래에 본격적인 웹 사이트를 만들 수있는 기반으로 디자이너가 만든 특정 모델. 프로그래밍 관점에서 템플릿은 정보를 표시하기위한 특정 규칙 집합입니다. 가장 기본적인 정적 사이트를 만들기 위해 일반적으로 HTML 템플릿이 사용됩니다. HTML은 인터넷의 표준 하이퍼 텍스트 (문서) 마크 업 언어입니다.
사이트 레이아웃의 레이아웃은 형성 과정입니다.디자이너가 만든 템플릿에 따라 웹 페이지. 이러한 유형의 활동은 사이트 디자이너와 관련됩니다. 레이아웃 디자이너의 주요 임무는 문서의 특정 위치에 웹 페이지의 텍스트, 이미지 및 기타 요소를 배치하고 개발 된 레이아웃에 따라 최신 인터넷 브라우저의 창에 표시 할 수있는 HTML 코드를 만드는 것입니다. 디자이너에 의해. 작업하는 동안 레이아웃 디자이너는 레이아웃의 일부가 모든 브라우저에서 똑같이 올바르게 표시되는지 지속적으로 확인해야합니다. 몇 년 전에 HTML 사이트 레이아웃은 표 사용을 기반으로했습니다. 시간이 지남에 따라 새로운 요소 (태그)가 HTML 언어로 나타납니다. 이러한 요소 중 하나는 div입니다. 지난 몇 년 동안 div가 사이트 페이지를 만드는 데 선호되는 레이아웃이라면 오늘은 필수입니다. 현재 테이블을 사용하면 사이트가 실제로 코딩되지 않습니다. "레이아웃 div"개념 대신 가장 일반적으로 사용되는 개념은 "레이어 레이아웃"또는 "블록 레이아웃"입니다.
Div 페이지의 HTML 코드의 개별 부분을 강조 표시하는 데 사용할 수있는 태그입니다. 이 태그는 블록 요소입니다.
div 태그에는 두 가지 주요 매개 변수가 있습니다.
- 콘텐츠 (왼쪽, 오른쪽, 가운데 또는 너비)를 정렬 할 수있는 정렬
- 콘텐츠에 툴팁을 추가하는 제목.
레이아웃 div : 주요 장점 :
- 테이블 레이아웃에 비해 작은 마크 업 코드;
- "고무"페이지 디자인을 만드는 기능;
- 사용자의 브라우저에서 페이지의 빠른 후속로드;
- 스타일 (CSS) 작업을 더 쉽게 만들고 id를 사용하여 요소를 스타일링합니다.
레이아웃 div : 주요 단점 :
- 일부 오래된 브라우저 (IE6)에서 페이지를 올바르게 표시 할 수 없음
- 페이지에 블록을 배치하고 관리하는 복잡성.
생성되는 프로젝트에 따라 블록 및 테이블 레이아웃의 조합이 허용됩니다.
요즘 대부분의 전문가들이 레이아웃에서 테이블을 사용하지 않는 이유는 무엇입니까?
사이트의 테이블 레이아웃을 사용하는 경우코드가 거대하기 때문에 프로그래머가 더 작업하기가 어렵습니다. 이 HTML 코드에서 발생한 오류를 찾는 데 비교적 오랜 시간이 걸립니다. 테이블 레이아웃은 웹 서버에 추가로드를 생성하므로 작업 속도가 느려지므로 브라우저에서 정보를 표시하는 프로세스가 느려집니다. 결과적으로 사이트 페이지를로드하는 데 오랜 시간이 걸립니다.
웹 사이트 레이아웃은 그것의 중요한 단계입니다창조는 하나가 아니라 가장 단순한 인터넷 자원도 그것 없이는 할 수 있습니다. 레이아웃 디자이너의 작업이 완료되면 레이아웃이 웹 프로그래머의 손에 보내져 호스팅에 통합되고 CMS 시스템에 구현되어 존재하는 동안 배치됩니다.
