코딩하는라민

[웹디자인기능사 실기] 남도맛기행 축제 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..

[웹디자인기능사 실기 독학] 그린복지재단 ※ 이번에는 지난번 형태와 비슷하므로 시간 절약을 위해서 중복되는 부분은 빼고, 차이가 있는 부분만 작성 제일 먼저 해야할 것 1. 컬러 가이드 2. 와이어프레임 0. 이전 유형(A-1)과 다른점 ✅ 메인 메뉴의 위치는 조금 아래로 ✅ 서브 메뉴에 배경이 있다. ✅ 이미지 슬라이드는 좌우로 전환 ✅ 탭 메뉴가 없이 공지사항, 갤러리, 배너로 구성 ✅ 패밀라 사이트 추가 1. 헤더 ✅ A-1에 비해 헤더의 높이가 좀 더 내려왔음 ✅ 서브메뉴 너비가 전체 너비와 같다.(배경이 있음) - 지난번 A-1 JUST 쇼핑몰에서는 이러한 형태였다. 1-1. 메뉴 바 mark-up 재단소개 설립취지 연혁 찾아오시는길 후원하기 국내후원 국외후원 맞춤후원 자료실 서식자료실 사진자료..

2. 이미지 좌우 슬라이딩 .wrap{ width: 500px; height: 250px; margin: 0 auto; position: relative; overflow: hidden; } .img_list{ width: 1500px; height: 250px; position: absolute; top: 0; left: 0; } .img_list li{ float: left; } .img_list img{ width: 500px; height: 250px; } - li 의 ②부모의 너비(ul)가 이미지의 w의 길이만큼, 개수만큼 넓어야한다. ex) li 하나의 너비가 500px 이고, li가 총 3개이면, ul의 너비는 1500px이 되는 것 - li 는 flow: left; 를 해워야 옆으로 흐를 ..