목록세로메뉴바 (3)

코딩하는라민

[웹디자인기능사 실기] 남도맛기행 축제 C-3 / 코드

[웹디자인기능사 실기] 남도맛기행 축제 C-3 0. 이전 유형과 다른 점 ✅ 세로 메뉴 - 서브 메뉴가 세로로 펼쳐지는 것이 아닌 우측으로 펼쳐진다. 1. 헤더 1-1. mark-up 남도맛기행축제 협회소개 인사말 명인 오시는길 행사안내 요리경연대회 전시참가 참가신청 홍보마당 축제소식 보도자료 레시피 회원마당 Q&A 사진갤러리 공지사항 ✅ 헤더의 전체적인 구조는 이전과 모두 동일하다. ✅ 모든 요소에 a 태그가 있는지, a 태그에는 임시 링크 # 이 붙어있는지 확인하기 1-2. css .wrap{ width: 1000px; height: 650px; display: flex; } /* 헤더 */ header{ width: 200px; height: 650px; text-align: center; posi..
자격증 공부/웹디자인 기능사 2022. 11. 12. 16:29
[웹디자인기능사 실기] 부여 가을연꽃축제 C-2 / 코드

[웹디자인기능사 실기] 부여 가을연꽃축제 ✅ 콘텐츠는 왼쪽정렬 ✅ 세로메뉴 ✅ 슬라이드는 서서히 나타났다 서서히 사라지게 ✅ 탭 메뉴는 없음 ✅ 푸터에 패밀리 사이트 1. 헤더 - 세로 메뉴 1-1. mark-up 축제소개 초대의 글 축제개요 축제연혁 오시는길 행사안내 셔틀버스안내 행사안내 행사일정 소공연장 홍보마당 축제소식 보도자료 음식레시피 참여마당 참가후기 연꽃갤러리 포토갤러리 ... ✅ 로고 : 포토샵 이미지 or html 텍스트 ✅ ul 안에 ul : ul.gnb li 안에 ul.sub_list li 가 들어있는 구조. ✅ 다 a로 감쌌는지 확인, a태그의 링크는 #이 들어갔는지 확인 ✅ 텍스트 또는 이미지가 a태그 안에 있는지 확인(바깥으로 빠져나가면 안 됨) 1-2. css .wrap{ wi..
자격증 공부/웹디자인 기능사 2022. 11. 9. 15:32
[웹디자인기능사 실기 독학] 해운대 빛축제 C-1 연습 / 코드

[웹디자인기능사 실기 독학] 0. 이전 유형(A, B)과 다른점 ✅ 헤더에 세로 메뉴 바로 구성됨 1. 헤더 1-1. 메뉴 바 mark-up 이용안내 이용방법 이용시간 이용요금 이벤트정보 현장이벤트 온라인이벤트 이벤트예약 프로그램 프로그램안내 온라인예약 단체상담예약 고객센터 공지사항 자주묻는질문 자료실 1-2. 메뉴 바 css .wrap{ width: 1000px; display: flex; } header{ width: 200px; height: 650px; text-align: center; position: relative; z-index: 10; } header h1{ width: 200px; margin-top: 30px; } header nav{ width: 200px; height: 550p..
자격증 공부/웹디자인 기능사 2022. 11. 7. 12:58
이전 Prev 1 Next 다음