이전글 보러가기 웹디자인기능사 실기 1탄 ) 초기설정 - 파일연결, 포토샵 웹디자인기능사 실기 2탄 ) 와이어프레임 구조짜기 웹디자인기능사 실기 3탄 ) header 총정리 웹디자인기능사 실기 4탄 ) slide 총정리 웹디자인기능사 실기 5탄 ) content tab 정리 웹디자인기능사 실기시험 유형별 정리 - popup 일반 팝업이냐 모달 팝업이냐 ! 팝업부분은 공지사항 첫번째 콘텐츠 클릭할 때 생기는 팝업창으로 레이어팝업창이냐 모달레이어 팝업창이냐로 나눌 수 있다.
두 개 차이점은 배경색이 있냐 없냐인데 코드 하나만 차이나니 따라하면 쉽게 만들 수 있다 ヮ html popup 구조 .popupbox > .popup > h2, p, button 구조
![[웹디자인기능사] 실기 유형별 정리 - popup](https://mblogthumb-phinf.pstatic.net/MjAyNDA3MTlfMTcz/MDAxNzIxMzc0Mzg4MjY2.eB5xSHsAHAX5tbPD1r7ciTn9K5_q97p1wBYWsMqvk0Qg.RL-xUbKgMYT6Tg_xw2xNoGP4carrol5r7KoU8s6z5yMg.JPEG/%BD%E6%B3%D7%C0%CF-009.jpg?type=w2)
#
웹디기능사팝업
#
웹디자인기능사코드정리
#
웹디자인기능사정리
#
웹디자인기능사자격증
#
웹디자인기능사유형별정리
#
웹디자인기능사유형
#
웹디자인기능사실기코드
#
웹디자인기능사실기시험
#
웹디자인기능사실기
#
웹디자인기능사시험정리
#
웹디자인기능사시험
#
웹디자인기능사
#
웹디자인
#
웹디시험정리
#
웹디기능사팝업정리
#
웹디자인기능사팝업
원문 링크 : [웹디자인기능사] 실기 유형별 정리 - popup
![[컴퓨터활용능력] 컴활1급, 컴활2급 자격증 시험 합격기준 & 원서접수 & 기출문제 자료 첨부](https://mblogthumb-phinf.pstatic.net/MjAyNDA2MjVfMjM0/MDAxNzE5MzI1ODE4OTI5.kYx1gKKh7REJ088Q3TxYRoM9e0M88144DYgxc7saN5Ig.0GkbJJo8DTJztHZmR3Vewp08ZOC7fGzRSfDMHUpOygog.JPEG/%C1%A6%B8%F1%C0%BB_%C0%D4%B7%C2%C7%D8%C1%D6%BC%BC%BF%E4__%BA%B9%BB%E7%BA%BB_%281%29-015.jpg?type=w2)
![[ITQ] 아이티큐 엑셀 핵심정리 + 단축키](https://mblogthumb-phinf.pstatic.net/MjAyNDA1MjFfMjUw/MDAxNzE2MzAzMDIyNDc3.idekhCar3b4XLwoM0DdXYOK9deBbE1WYjKQ-ptInFxMg.w8HpLW2JY-Jo6AffeDU8nxKjH_NplFjCO-Vfjd5oSDkg.JPEG/%C1%A6%B8%F1%C0%BB-%C0%D4%B7%C2%C7%D8%C1%D6%BC%BC%BF%E4__%BA%B9%BB%E7%BA%BB-_1_-005.jpg?type=w2)
![[javascript 5.] 자바스크립트 자료형 변환](https://mblogthumb-phinf.pstatic.net/MjAyNDA2MTFfMjc1/MDAxNzE4MDM3MTQ1MDM4.MDwBX11gv_UWbQix0-Bkma_QvV_c4LX-gNN8_JpCBOog.9c4gghmhb2ciUITcG3mFDmbSZDNaJbYnAlBvqhqhUV4g.JPEG/%C1%A6%B8%F1%C0%BB_%C0%D4%B7%C2%C7%D8%C1%D6%BC%BC%BF%E4__%BA%B9%BB%E7%BA%BB_%281%29-005.jpg?type=w2)
![[css 효과7.] 배경에 따라 바뀌는 요소 mix-blend-mode](https://mblogthumb-phinf.pstatic.net/MjAyNDA3MjlfMjgy/MDAxNzIyMjMxNDgzMzg1.ADAvhpU8Z3ucoVOFnWGUcdN8r8ycntCwjj44pjLdp4Ug.pkHWq_yjAYYoBABVbhoofRkv5ED11rks_EWq47WwKWog.JPEG/%C1%A6%B8%F1%C0%BB_%C0%D4%B7%C2%C7%D8%C1%D6%BC%BC%BF%E4__%BA%B9%BB%E7%BA%BB-032_%281%29.jpg?type=w2)
![[jQuery 4.] jquery 효과(effects)](https://mblogthumb-phinf.pstatic.net/MjAyNDA1MTVfMjY5/MDAxNzE1NzQyOTA1NTcw.Md9yVfjpLRdIzv2j5mcJSCHoks-U9dChDD5pCqh_iW8g.7SePsrTZarFCWCca5UEh5N9pWmppDJ82kRdNAlCdlewg.JPEG/%C1%A6%B8%F1%C0%BB_%C0%D4%B7%C2%C7%D8%C1%D6%BC%BC%BF%E4__%BA%B9%BB%E7%BA%BB_%281%29-008.jpg?type=w2)
