사이트 HTML5 템플릿 프레임 워크 구축 방법 - 페이지가있는

페이지 레이아웃을 사용하면 마침내 HTML5 코드를 작성할 수 있습니다. 표준 페이지 레이아웃 다이어그램으로 시작하여 HTML 템플릿을 만들어 작업 코드에서 다이어그램을 구현하십시오. 대부분의 디자인이 CSS에서 일어나야하기 때문에 HTML 템플릿은 매우 간단합니다. 다음 지침을 염두에 두십시오.

• 템플릿은 단순한 프레임 워크입니다. HTML은 주로 비어 있습니다. 그것은 복제되고 실제 데이터로 채워지려는 것을 의미합니다.

• 스타일 시트에 대한 참조가 있습니다. 많은 페이지가 동일한 스타일 시트를 참조하기 때문에 외부 CSS는 대형 웹 프로젝트에 중요합니다. 실제로 존재하지는 않을지라도 스타일 시트에 대한 참조를 만드십시오.

• 필요한 모든 요소를 ​​포함하십시오. 요소 자체는 비어있을 수 있지만 페이지에 메뉴 목록이 필요한 경우 빈 목록을 추가하십시오. 콘텐츠 사업부가 필요한 경우 장소에 배치하십시오.

• 템플릿에서 프로토 타입을 만듭니다. CSS를 테스트하려면 샘플 데이터가 필요합니다. 일반적인 데이터가 포함 된 프로토 타입 페이지를 작성하십시오. 서식 문제를 예상 할 수 있도록 실제 사이트의 데이터 양이 일반적이어야합니다.

템플릿에 직접 콘텐츠를 넣지는 않을 가능성이 큽니다. 이 프로세스를 자동화하기위한 몇 가지 옵션이 있습니다.

HTML 템플릿은 필요한 모든 것이 페이지 템플릿 다이어그램에 있기 때문에 쉽게 구성 할 수 있어야합니다.

프로토 타입의 HTML 코드는 다음과 같습니다.

CS 표준 템플릿 
제목

one
two
three


내용 1
내용 중 하나 이상에 내용이 포함됩니다. 내용 중 하나 이상에 내용이 포함됩니다. 내용 중 하나 이상에 내용이 포함됩니다. 내용 중 하나 이상에 내용이 들어 있습니다. 여기에는 내용이 포함됩니다. 하나 이상의 내용에 내용이 포함됩니다. 하나 이상의 내용에 내용이 포함됩니다. 하나 이상의 내용에 내용 
콘텐츠 2
콘텐츠 1 개 이상에 콘텐츠가 포함됩니다. 콘텐츠 중 하나 이상에 콘텐츠가 포함됩니다. 콘텐츠 중 하나 이상에 콘텐츠가 포함됩니다. 하나 이상의 콘텐츠에 콘텐츠가 포함될 것입니다. 여기에는 내용이 포함됩니다. 하나 이상의 내용에 내용이 포함됩니다. 하나 이상의 내용에 내용이 포함됩니다. 하나 이상의 내용에 내용 
사람들은 일반적으로이 시점에서 페이지를 작성하기 시작하지만 이는 위험한 아이디어입니다.일반적인 HTML 구조를 확신 할 때까지 실제 데이터를 사용하지 마십시오. 나중에 스타일을 변경할 수는 있지만 100 페이지를 작성한 다음 각각에 다른 태그가 필요하다고 결정하면 돌아가서 100 div를 추가해야합니다.