웹디자인 실기시험 : 메뉴 네비게이션 5가지 타입 분석

 

 

HTML + CSS + JQUERY

네비게이션 모듈제작, 세부사항

 

드롭다운 네비게이션 제작 5타입

시험은 12가지인데 그안에 5가지 타입 네비게이션 있음

 

난이도는 1번부터 5번까지 있음

 

 

1. 왼쪽 개별 네비게이션

MENU

sub-menu 01

sub-menu 01

sub-menu 01

 

메뉴에 마우스 올리면 서브메뉴가 나오고 서브영역도 마우스 커서 올리면 하이라이트됨

부드럽게 나타나고 사라지는 효과는 제이쿼리로 나옴

 

 

2. 왼쪽 개별 우측고정 네비게이션

 

3. 상단 개별 네비게이션

- 하단서브가 독립적으로 나옴

 

4. 상단 메가메뉴 네비게이션

- 메가메뉴는 하단 서브 전체메뉴가 나오는 것

 

5. 상단 메가메뉴 네비게이션 

- 서브메뉴가 메가로 나오고 배경도 채워지는 것

 

 

 

네비게이션 와이어프레임

ul.menu - 네비게이션 전체

 li  - 큰부분 한세트

   a

  .sub-menu - 하위 메뉴

     a

     a

     a

     a