목록2024/01/15 (1)
사이먼's 코딩노트
[모작] CGV
이번에 모작해볼 홈페이지는 CGV 입니다. 모작의 범위는 2차메뉴와 무비차트 및 EVENT까지이며, 마찬가지로 단계를 나눠서 진행하겠습니다. 완성 디자인 1단계 : 팝업창 제작 CGV 홈페이지의 경우 상단 탑바 위에 팝업창이 있기 때문에 가장 최상단에 팝업 section을 두어 제작하였다. 2단계 : 그리드 및 레이아웃 잡기 팝업창 아래에 상단 탑바와 1차 메뉴가 들어갈 곳의 구조를 잡아줬다. 3단계 : 로고 및 유저메뉴 제작 CGV의 로고는 해당 홈페이지의 개발자모드(F12)를 통해 이미지를 가져왔다. 상단 탑바는 좌측 우측을 나눠 display: flex와 justify-content: space-between;으로 양쪽 배치를 했고 우측의 유저메뉴는 ul, li태그를 사용하여 5개의 메뉴를 생성하였..
홈페이지 모작
2024. 1. 15. 16:49