1) 학습한 내용

1.메뉴바

(1)HTML

토글되는 함수를 만들어 메뉴바 버튼에 함수를 연결시켰다.

(2)CSS

(3)결과

2.헤더이미지 위로 메뉴바내려오기

(1)css

z-index:-1; 코드를 추가

(2)결과

3.다른 페이지에 적용한 모습

2) 학습내용 중 어려웠던 점

디자인시안에는 그냥 사진으로만 연결되어있는데 코드를 새로 다 작성하고 토글기능을 구현하려고 하니 시간이 굉장히 오래걸렸다.

3) 해결방법

css만 잘 설정한다면 토글기능 함수는 간단했다.

4) 학습소감

시간이 오래걸렸지만 모든 페이지에 바로 적용이 가능할만큼 완성도 있는 코드를 만들어서 기분이 좋았다.