-
문제 파악
-
디자인 작업
- 로고 디자인 (제공로고, 워드타입, 심볼로고)
- 슬라이드 디자인 (이미지 위에 텍스트✅)
- 갤러리 이미지 크기 조절
- 배너, 바로가기 디자인
-
코드 작업
- 파일 구조 세팅
- HTML
- 레이아웃 구성 .cotainer header .logo .menu section .slide-container .slide * 3 section div div div footer div div div
- id, class 속성 확인
- 외부 파일 포함
- css/style.css
- script/script.js
- CSS
- 초기화
- @charset "utf-8";
-
- {m0 p0 bs-border-box}
- a {}
- ul {}
- 컬러 가이드
- --main-color
- --sub-color
- --back-color
- --text-color
- 레이아웃
- .container
- header
- section
- footer
- UI
- logo
- menu ⭐⭐
- slide ⭐
- 공지사항, 갤러리 ⭐⭐⭐
- 배너, 바로가기
- 푸터로고, 카피, SNS
- 레이어 팝업
- 초기화
- JavaScript
- 이미지 슬라이드
- 메뉴 슬라이드
- 레이어 팝업