Selfda-셀프코딩

  • 홈

nav 1

무작정 따라하기 (랜딩페이지) Step.03

이번 포스팅에서는 공통 header 부분의 로고와, 클릭하면 펼쳐지는 nav 영역을 만들어 보려합니다. 먼저 아래의 이미지를 보시겠습니다. 위와 같이 네이베이션을 클릭하면 펼쳐지며 랜딩페이지의 메뉴가 보여지는 형태의 작업입니다. 어떻게 구현해야 할까요?? html에 태그 작성하기 먼저 앞서 준비된 소스에 추가로 header 영역의 태그를 입력해 주려합니다. 회사소개 광고채널 파트너스 포트폴리오 고객센터 에 class 명을 header라 주고 안쪽 태그들에게도 각각 logo, nav_btn 클래스를 주어 태그들의 이름을 정해 주었습니다. 이 class의 이름들을 이용하여 css와 js를 이용하여 네비게이션이 작동되도록 해볼 것 입니다. CSS 작성하기 위 작성된 html 의 클래스 명을 기반으로 css로 ..

무작정 따라하기 2023.09.06
이전
1
다음
더보기
프로필사진

내가 열심히 만든 웹사이트 디자인을 직접 만들 수는 없을까?

  • Menu (48)
    • Web (39)
      • html (36)
    • 무작정 따라하기 (4)
    • 생활정보 (5)
어웨이디자인

Copyright © away. All rights reserved.

  • 홈페이지 제작
  • 셀프 홈 푸드

티스토리툴바