HTML/CSS 응용 실습 — 뉴욕 여행 정보 사이트

html-css-basic에 이어 진행한 심화 실습 프로젝트.

---

프로젝트 소개

뉴욕 여행 정보를 소개하는 사이트를 만들며, 실제 여행 플랫폼(예: 마이리얼트립, 클룩 등)에서 흔히 볼 수 있는 헤더 – 배너 – 공지/고객센터 – 카테고리 리스트 – 푸터 구조를 직접 설계하고 구현. 이전 단계(html-css-basic)보다 페이지 수와 레이아웃 복잡도를 높여, 여러 섹션이 유기적으로 연결된 화면을 다룸.

• 사용 기술: HTML5 (시맨틱 태그), CSS3 (float 기반 레이아웃)
• 배포: GitHub Pages

---

페이지 구성

파일	내용
index.html	메인 페이지 — 헤더 내비게이션, 프로모션 배너, 공지사항, FAQ, 카테고리별 명소 리스트, 푸터
SUB1.html	예술 명소 서브 페이지
SUB2.html	자연 명소 서브 페이지
SUB3.html	골목 명소 서브 페이지
SUB4.html	야경 명소 서브 페이지
SUB5.html	맛집 명소 서브 페이지
common.css	전체 페이지 공통 스타일시트

메인 페이지 구조

header  (로고 / 상단 메뉴 / 내비게이션 바)
main
 ├─ banner    (프로모션 카테고리 배너)
 ├─ customer  (고객센터 안내)
 ├─ notice    (공지사항 리스트)
 ├─ faq       (자주 묻는 질문 배너)
 └─ part2     (카테고리별 명소 리스트 - 예술/자연/골목/야경/맛집)
footer  (회사 정보 / SNS / 결제 수단 안내)