FDS6기를 위한 과제 할당 repo
이 repository의 20170913 directory에 오늘의 과제가 들어있습니다. 20170912/0913.html와 20170912/0913.css 아래 조건에 맞춰 완성하시면 됩니다.
- 색상, 너비, 높이는 자유
- 기본적으로 하위메뉴들은 보이지 않을것
- 단 하위메뉴들이 보이지 않을 때에도 기계는 접근 가능해야함
- 하위 메뉴들은 가로로 길게 한줄로 늘어 설 것
- 하위 메뉴가 부모나 조상의 영역 밖으로 튀어나오지 않을 것.
- 다음 상황에서 하위메뉴들이 보여질것
- 상위메뉴가 tab 이동을 통해 keyboard focus를 얻음
- 상위메뉴에 mouse가 hovering됨
- 다음 상황에서 하위메뉴들이 다시 보이지 않게 될 것
- mark-up 순서상의 마지막 하위메뉴가 tab 이동을 통해 keyboard focus를 잃음
- 상위메뉴 또는 하위메뉴에서 mouse hovering을 잃음
이 repository의 20170912 directory에 오늘의 과제가 들어있습니다. 20170912/0912.html을 browser에서 열었을 때 아래 그림과 같이 보이도록 만드는 것이 오늘의 과제입니다.
두번째 그림은 왼쪽 상단의 파란색 "LOGO"가 scrolling에 상관 없이 항상 왼쪽 상단에 떠있음을 보이고 있습니다.
이 과제의 제약은 다음과 같습니다.
- 0912.html의 mark-up 구조를 바꾸지 말아야함.
- 0912.css에서 빠진 부분을 추가해야 함.
참고로 20170912.7z에는 이 과제의 해답 css 파일이 암호화되어 들어있습니다. 적절한 시기에 공개하도록 하겠습니다.