희성쌤 왈: 실기 문제는 정해져있는 14가지중에 몇가지가 추려나옴
https://www.q-net.or.kr/crf005.do?id=crf00503&jmCd=7798#
↑ 여기에 pdf파일 올라와있음(2022.01.01 ~ 2024.12.31)
｢JUST 쇼핑몰｣ 웹사이트 개선을 위한 메인페이지 제작
｢Green복지재단｣ 홍보를 위한 웹사이트 제작
｢강원천문대｣ 홍보를 위한 웹사이트 제작
｢유진건설｣ 홍보를 위한 웹사이트 제작
｢대한은행｣ 홈페이지 제작
｢대한투어｣ 홈페이지 제작
｢세계의 미술작품｣ 홈페이지 제작
｢산업대학교｣ 웹사이트 개선을 위한 메인페이지 제작
｢해운대 빛축제｣ 웹사이트 개선을 위한 메인페이지 제작
｢부여 가을연꽃축제｣ 홍보를 위한 홈페이지 제작
｢남도맛기행 축제｣ 웹사이트 개선을 위한 메인페이지 제작
｢Vallery Festival｣ 홍보를 위한 웹사이트 제작
｢조이컨트리클럽｣ 웹사이트 개선을 위한 메인페이지 제작
｢서울구석구석｣ 웹사이트 오픈을 위한 메인페이지 제작
｢푸른마을｣ 웹사이트 개선을 위한 메인페이지 제작
｢리빙샵아울렛｣ 웹사이트 개선을 위한 메인페이지 제작
「김치 이야기」홍보를 위한 웹사이트 제작
「역사박물관」홍보를 위한 웹사이트 제작
「영상 박물관」홍보를 위한 웹사이트 제작
「철길 마을」홍보를 위한 웹사이트 제작
｢주식회사 기능건설｣ 웹사이트 제작
｢기능대학교｣ 웹사이트 제작
｢오픈뱅킹｣ 웹사이트 제작
｢하이글로벌컴퍼니｣ 웹사이트 제작
-------------------------------------------------------
------------- ↓ 블로그 후기&팁 ↓ -------------
기출문제 유형별 감 익히기
메뉴, 탭메뉴, 슬라이드, 팝업 등 각 항목별로 나눠서 숙지
슬라이드 잘 외우기
시험 전날엔 하나 만들고, 그 안에서 슬라이드와 탭메뉴, 메뉴 호버 등 시험에 나오는 케이스 다 해보기
(이 시험은 어차피 비슷한 틀로 나와서 손에 익게 만드는게 중요함)
비주얼스튜디오 파일 - auto save 하고 시작
시험 시작 후 바탕화면에 비번호 폴더 생성 → img, js, css(+index.html) 폴더 만들기
비번호 폴더 안의 img폴더 & js폴더에 사용할 파일 옮기기
(사용할 이미지의 크기와 용량을 먼저 작업하고 저장해야 시간 절약 가능)
비번호폴더 용량 5M 초과 시 실격
배너와 슬라이드 이미지는 jpg,
아이콘과 로고 이미지는 png로 사용할 사이즈만큼 줄이기
폴더 정리 후, 자바스크립트 슬라이드 먼저 작성 후 Ctrl+/주석처리 하고 시작
항목 하나씩 먼저 만드는게 편함
------------------------------------------------------------------------------------------------------
1. 형제 선택자 (~)
2. 인접 형제선택자 (+)
3. 그룹선택자 (,)
4. 속성선택자 (속성)
1. 형제(siblings)선택자 : ~(tilde(r))
선택자1의 형제인 선택자2에 스타일을 설정
선택자1 ~ 선택자2{스타일}
2. 인접(adjacent)형제 선택자 : +
선택자1의 첫번째 동생인 선택자2에 스타일을 설정
선택자1 + 선택자2{스타일}
3. 그룹선택자 : ,
동일 스타일이 여러 선택자에 적용될때 , 로 나열
p, div, span{
color:blue;
font-size:10px;
background: white;
font-family:궁서;
}
4. 속성선택자 : [ 속성 ]
공통점: bracket(각괄호 [ ]) 사용
1) 선택자[속성] : 선택자가 속성을 가지고 있는
예)
a[href]{ /* a 요소, 즉 링크 중에서 ‘href’라는 속성이 있는 요소 */
background:yellow;/* 배경색 노랑 */
}
2)선택자[속성="값"]: 선택자가 그 속성에 대해 지정된 값을 가지고 있는
예)
input[type="text"] { /* type="text"인 input 요소 */
background-color:skyblue; /* 배경색 하늘색 */
border:1px solid #00f; /* 1px짜리 파란색 실선 */
}
3)선택자[속성~="값"]: 선택자의 속성값 중 "값"에 해당하는 하나의 단어가 있는 경우
4)선택자[속성^="값"] : 선택자의 속성값 주어진 "값"으로 시작되는경우
^:carrot
5)선택자[속성$="값"]: 선택자의 속성값 주어진 "값"으로 끝나는경우
6)선택자[속성|="값"]: 선택자의 속성값중 "값"에 해당하는 하나의 단어가 있는 경우
-을 허용
|:pipe
7)선택자[속성*="값"]:선택자의 속성값 중 "값"이 어디에 위치하던 있기만 하면