UIUX DESIGN/웹디자인기능사 (9) 썸네일형 리스트형 웹디자인 참고 싸이트 1. 핀터레스트 2. 비핸스 3. 드리블 4. 디자인스포레이션 5. 플랫아이콘 6. 어워드스 7. 노트폴리오 8. 로고파운드 9. 프리픽 10. GD웹 https://www.youtube.com/watch?v=dRDtAf9JW_g 벤치마킹 21년 2차 정기 기능사*웹디자인기능사*최종합격 웹디자인기능사 최종 합격을 하였어요! (ㅠ_ㅠ...) 열심히 한 것!도 있지만(?) 그보다는 좋은 선생님들을 만나서 이런 결과를 얻게 된 것 같아요. 우선 우리 샘들께 마음으로 감사인사를!! 인복이 많죠. 제가 하항. 이렇게 자격증을 연달아 본적은 처음인거 같아요. 새로운 것을 배운 다는 것은 언제나 재미있어요. 그리고 이번에 느낀 것은 나이 상관없이 정말 어린 친구들부터 어르신들까지 다양한 연령대의 사람들이 자격증을 위해서 공부하고 노력하고 있다는 것. 이번에 자격증 시험을 보면서 앞으로 시간 헛되이 보내지 않도록 더 노력해야 겠다 다짐했어요. 그리고 약간 나태해진다 싶을 때엔. 1. 새벽일찍 길거리 나가서 걸으며 새벽 공기 마시기 2. 새벽 시장가서 열심히 사는 사람들 보며 반성하기 였는데 한개 더 .. 웹디자인 기능사 실기*인천 구리에서 동서울 첫차 타고 인천으로 이동 시간은 맞았는데.. 인터넷 익스플로러에서 작동 안 되고 슬라이드가 ㅜㅜ.. 제발 합격만하게 해주세요 실기 시험 1. 슬라이드 작동 2. 메뉴 호버 작동 3. 이미지 꾸미기. ... 1. 메뉴 내려오는데 뭐가 잘못 되었는지 호버할때 작동이 잘 안되서 시간 끌음. 2. 시간이 너무 지체되는거 같아서 슬라이드로 넘어감. 그런데 슬라이드 작동이 잘 안되었음. (트렌지션을 main 에다가 줘 버림ㅠ) > 이렇게 그림넣고 html 소스 다 입력하고 하니 두시간 넘게 남아서 다시! 3. 폴더 새로 만들어서 메뉴만 따로 다시 처음부터 만들어서 해결. 4. 폴더 새로만들어서 슬라이드만 다시 처음부터 만들어서 대강 해결.(심장 떨려서 하던 것도 다 잊어버린 느낌) 5. 당황스러워서.. 가로메뉴(해당 소메뉴만 내려오는 것) ㅁhtml 큰메뉴1 작은메뉴 작은메뉴 오시는길 큰메뉴2 작은메뉴 작은메뉴 오시는길 큰메뉴3 작은메뉴 작은메뉴 오시는길 큰메뉴4 작은메뉴 작은메뉴 오시는길 ㅁcss .nav{ width:1000px; height:100px; } .nav ul{ width:600px; height:50px; display: flex; position: relative; margin:25px 25px 25px 350px; background: #e6e5ff; text-align: center; line-height: 50px; } .nav li{position: relative;} .nav a{ width:150px; height:50px; display: block;} .nav a:hover{background: darkb.. 세로로 쏟아지는 메뉴 호버 부모에 호버 넣고 좀더 싸이즈 크게 만들어야 한다 *{margin:0; padding:0;} li{list-style: none;} a:link, a:visited{text-decoration: none; color:#333333;} #wrap{width:1000px; height:650px; margin-left:0; display: flex;} #logo{width:200px; height:650px;} #logo img {width:200px; height:40px; margin-top:50px;} #logo ul{ width:200px; height:200px;} #logo li{width:200px; height:50px; text-align: center; line-height: 50px;po.. 메인사진 3초 left 이동 main에 포지션 릴레이티브 잡고 main a 링크에 디스플레이 블럭, 포지션 앱솔루트 잡고, 트렌지션 all 0.3s 잡기 그다음에 js 가서 효과넣기. ㅁhtml ㅁcss #main{ width:1200px; height:300px; position:relative; overflow: hidden; } #main a{ display: block; width:100%; height:100%; position:absolute; left:0; top:0px; transition:all 0.3s; } #main img{ width:1200px; height:300px; } ㅁjs $('#main a').eq(0).css('left','0'); $('#main a').eq(1).css('left','-1200.. 웹디자인기능사*실기 6월 23일 인천에서 실기 보기! 구리에서 인천까지! 비쥬얼스튜디오로 계속 연습하다가 브라켓! 제이커리 파일 이전 1 2 다음
