헤더 유형1 [웹 사이트 제작]헤더유형 01 헤더유형01 오늘은 사이트만들기에서 헤더유형을 제작해 보겠습니다. 단순하기 때문에 간단하게 만들 수 있습니다. 1. Figma로 디자인하기 Figma를 이용해 그리드를 나누어 전체적인 틀을 만들어줍니다. 2. HTML 웹표준 준수를 위해 시맨틱 태그를 사용합니다. Web site 헤더 영역 슬라이드 영역 배너 영역 컨텐츠 영역 푸터 영역 로그인 3. CSS Figma를 이용해 만든 디자인을 보며 css설정을 합니다. display: flex;와 justify-content: space-between;를 사용하여 정렬을 맞춰줍니다. /* fonts */ @import url('https://webfontworld.github.io/NexonLv1Gothic/NexonLv1Gothic.css'); .Nexo.. 2022. 9. 1. 이전 1 다음 728x90