코딩하는라민

[웹디자인기능사 실기 독학] 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..

[웹디자인기능사 실기 독학] 강원천문대 제일 먼저 해야할 것 1. 컬러가이드 2. 와이어프레임 0. 이전 유형(A-1, A-2)과 다른 것 ✅ 이미지 슬라이드는 서서히 나타나고, 서서히 사라짐 ✅ 서브 메뉴가 하나씩 떨어진다. ✅ 푸터의 구성 1. 헤더 1-1. 메뉴 바 mark-up 강원천문대 천문대소개 인사말 오시는길 이용안내 프로그램 관람시간표 이달의 별자리 천문대예약 예약하기 예약확인 예약취소 커뮤니티 공지사항 방문후기 자유게시판 1-2. 메뉴 바 css header{ width: 1200px; height: 100px; text-align: center; position: relative; z-index: 10; } header h1{ width: 200; height: 40px; float: ..

[웹디자인기능사 독학] JUST 쇼핑몰 제일 먼저 해야할 것 1. 컬러 가이드 확인 → 따로 적어두면 편함 2. 와이어프레임 확인 브라우저 전체 넓이 각 영역 너비&높이 확인 3. 세부사항 확인 로고 사이즈 및 작업 형태 확인 호버 시 ⇒ 하이라이트 슬라이드 형태, 방향, 시간 확인 시험 볼 때 수험자 제공 파일 - 만들어져 있는 이미지를 포토샵으로 사이즈 줄여서 사용 - 제이쿼리 오픈소스 : 복사해서 js 폴더 안에 넣어야 함 기타 확인사항 - CSS, JavaScript → 별도 파일 제작 - 상호작용이 필요한 콘텐츠(로고, 메뉴, Slide, 공지사항, 갤러리 등)는 임시링크 #, Tab 키로 이동 선택할 수 있어야 함 - 전체 레이아웃은 table 태그가 아닌 CSS 를 통한 레이아웃 작업할 것 ..