Introduction

홈페이지 제작에 사용되는 HTML 태그와 CSS 속성을 알아보고

이를 이용하여 홈페이지의 레이아웃을 구성해보자.

1. 시작하기 전

이곳에서는 프로젝트를 만들기 위해 필요한 HTML 태그와 CSS 속성에 대해 알아볼 것이다.

2. 프로젝트 폴더 구성

프로젝트를 위해 필요한 파일을 만들고 기본 틀을 작성해보자.

3. Header 구성

홈페이지에서 로고, 메뉴, 프로필 등이 존재하는 Header 부분을 만들어 볼 것이다.

하지만 우리는 아무 것도 없이 레이아웃만 잡아 볼 것이다.

4. Container 구성

홈페이지의 주요 내용을 담고 있는 부분. 예를 들어 네이버의 Container 부분은

광고, 로그인, 뉴스, 쇼핑, 관심사 등이 존재하는 곳으로써 우리도 저런식으로 나눠 구성해 볼 것이다.

5. Footer 구성

홈페이지의 가장 아래에 위치한 Footer 부분은

주로 기업명과 이용 약관, 고객 센터와 같은 링크가 존재하는 곳이다.

이 부분 또한 Header 부분과 같이 레이아웃만 구성해 보도록 하자.