22년 3월 6일_손가락이 넘 아프다, 좋네!! 웹디자인기능사 팝업 영역, 전체

일요일[기타와 토퍼 get]

1. 웹디자인기능사 팝업

2. 존예쇼핑몰 이미지제작편

3. 학과수업

 

1. 웹디자인기능사

html	css	js
<div class="popup">       <div class="popupwarp">        <h2>레이어팝업</h2>        <p>안녕하세요 지금은 새벽 2시인데여<br>            오늘 토퍼를 장만해서 낮잠삼아 자려고 했는데,<br>            어머나?? 더 자고싶잖아? 30분을 자고 더 자려는 수면욕이 저를 유혹해서 푹 잤어요<br>            이렇게 있다가 일어나서 3월 7일의 삶을 좀 더 일찍시작하게 될줄은 몰랐는데<br>            3월 6일의 시간을 3월 7일에 활용하죠! 뭐!ㅎㅎ</p>         <a href="#">닫기</a>         </div>    </div>	*{padding: 0; margin: 0 auto;/*여백 없앰*/     font-family: "맑은 고딕", sans-serif;} li{list-style: none;} a{text-decoration: none;} /*리스트 기호 없앰*/ img{border: none;} /*이미지 링크시 생기는 선 없앰*/ .popup{     position: absolute;     left: 0; right: 0; margin: 0 auto;     top: 150px; z-index: 6000;     width: 300px; height: 300px;     border: 1px solid #999999;     padding: 10px; box-sizing: border-box;     background-color: floralwhite;     display: none; } .popupwarp{      } .popup h2{  font-size: 18px;     line-height: 21px;     margin-bottom: 15px;     border-bottom: 1px solid #2845; } .popup p{     font-size: 13px;     color: blueviolet;     line-height: 32px;     margin-bottom: auto; } .popup a{     display: block;     font-size: 15px;     text-align: right;     color: dodgerblue;      }	$(document).ready(function(){         $('.popupopen').click(function(){            $('.popup').fadeIn(0);         });         $('.popup a').click(function(){             $('.popup').fadeOut(0);             });        });

 

2. 기출예상문제

이미지 제작

와이어프레임과 세부제작사항을 확인

포토샵에서 이미지를 불러와서 사이즈를 맞춤 png24로 해야 투명도가 먹음

모든 사진은 플레이스 임베디드로 이미지로 찾음

save for web하여서 png로 저장

사용자 제공 텍스트에 ctrl + v하여 이미지에 넣음

 

 

3. 학과수업

원래는 소홀했는데 이제는 틈틈히 집중하여 수강하려한다.

 

//yesterday wished to today list

. 웹디자인기능사 기능구현 웹페이지 만들기 👎

. 학교수업 다 듣기 ✔

 

tomorrow wish list

. 웹디자인 기능사 시험까지 study plan짜기

. 최종프로젝트 시 아이디어 최소 3개 생각해보기

. 웹디자인 기능사 영상 1개이상 꼭 수강하기