실습 과제: Esporte Total 프로젝트 확장

목표: 각 스포츠별로 내부 페이지를 생성하고, 네비게이션을 연결하며, ARIA를 활용한 접근성 개념을 적용합니다.

1단계: 파일 구조

1. 프로젝트 루트에 paginas라는 폴더를 만듭니다.
2. paginas 폴더 안에 세 개의 새 HTML 파일을 만듭니다:
   • futebol.html
   • basquete.html
   • volei.html

2단계: 콘텐츠 조정

1. index.html의 기본 구조를 복사하여 새 파일에 붙여넣습니다.
2. 각 페이지의 `` 태그를 해당 내용에 맞게 변경합니다 (예: Futebol - Esporte Total).
3. 제목(, )과 문단 텍스트를 각 페이지의 스포츠에 맞게 수정합니다.

3단계: 네비게이션 조정(하이퍼링크)

모든 페이지에서 헤더 내 링크(href)를 업데이트하여 루트와 서브 폴더 간에 네비게이션이 정상적으로 작동하도록 합니다.

상대경로 주의:

• index.html에서 내부 페이지로: ./paginas/nome-da-pagina.html
• 내부 페이지에서 index.html로: ../index.html
• 한 내부 페이지에서 다른 내부 페이지로: ./nome-da-pagina.html

4단계: 이미지 및 아이콘

1. 대표 이미지(Hero/Banner)를 페이지의 스포츠에 맞게 교체합니다.
2. 레이아웃을 풍부하게 하고 각 섹션을 시각적으로 구분하기 위해 새로운 삽화 이미지나 아이콘을 추가합니다.

5단계: 접근성(ARIA 중심)

aria-label 사용은 프로젝트 전체에서 필수입니다. 전략적으로 적용합니다.

---

🌐 본 텍스트는 빠른 이해를 돕기 위한 요약 번역본입니다. 정확한 기술 정보 및 전체 코드는 GitHub 원문에서 확인하실 수 있습니다.