꿀팁 공유/└ 웹디자인기능사18 2020 웹디자인기능사 2회 합격 후기 (독학) 아기다리고기다리던~ (이거 알면 최소 할미..) 웹디자인기능사 시험 합격자 발표가 떴습니다 ~~!!! 실기시험후기중에 모든 부분 다 구현하고 나왔는데도 점수미달로 떨어졌다는 글을 봤어서 혹시나 떨어졌을까 걱정했었는데 다행이도 합격이네요 ^^ 그것도 고득점~ 97점으로! 필기시험 준비 시험날짜 : 2020년 4월 23일 오전 9시 준비기간 : 약 2주? 준비방법 : 책사서 독학 + 랜덤기출문제풀이 합격점수 : 85점 구입해서 봤던 책은 이거고 ↓ "2019 이기적 웹디자인기능사 필기 미니족보" (중고가 8,000원 + 배송료 2,000원) 랜덤기출문제는 도타비 기출문제 사이트에서 했어요! https://www.gunsys.com/q/index.php?midCode=1213 이런 자격증류 시험은 기출문제가 .. 2020. 8. 13. 2020 웹디자인기능사 실기시험 후기 드디어!! 지난 토요일 (6월 20일) 웹디자인 기능사 실기시험을 봤습니다 > 2020. 6. 22. 슬라이드 이미지 구현 (좌우/상하/페이드인아웃) 웹디자인기능사 시험 날짜는 다가오고~ 슬라이드 이미지 움직이게하는게 저한테는 제일 어려운 숙제 ㅠㅠ 원리는 알겠는데 구문 외우는게 너무 헷갈려요 ㅠㅠ... css('margin-left','-1200px') 이렇게 쓰는거랑 css({'margin-left' : '-1200px'}) 이런 차이 ...? animate는 animate({marginTop : "-300px"}) 이렇게 쓰고...ㅠㅠ 왜 이렇게 구문을 다 다르게 만들어놔서 날 헷갈리게 하는 것입니까~~? 아무튼 공부할 겸~ 슬라이드 부분만 제작해봤습니닷..!! 좌우 슬라이딩 상하 슬라이딩 페이드인 페이드아웃 @charset "UTF-8"; *{ margin: 0; padding: 0; font-size: 1rem; text-decoration:.. 2020. 6. 3. JUST 쇼핑몰 두번째 연습 시험도 다가오고.. js는 자꾸 까먹고.. 연습차 다시 작업해봤습니다. 처음에 만들었던건 진짜 html이랑 css 처음 만져보는거라.. 색조합이나 그런게 완전 쌉쓰레기였죸ㅋㅋㅋㅋㅋ 진짜 이건 그 때에 비하면 선녀다 선녀 ㅋㅋㅋㅋㅋ (처음 만들었던 공개도면 실습ㅋㅋ 👉 https://sudal89.tistory.com/31) (움직이는 gif 파일은 집컴(맥북)에서 만들기 귀찮아서.. 동영상으로 해봤는데 어떨런지...;) 고객센터 배너(바로가기배너) 이미지는 전체 분위기랑 안어울리는데 .. 수정하기 귀찮고여...ㅋㅋㅋ sns로고 iconmonstr에서 가져다가 만들면 되는데 내가 귀찮아서 걍 저렇게 만듦.. ㅋㅋㅋㅋㅋㅋㅋ 메뉴 네비게이션하고 탭메뉴 같은 경우엔 border 값도 주고, 테두리 윗쪽에 bor.. 2020. 5. 30. 탭메뉴 구현 (공지사항/갤러리) 공지사항 내용과 갤러리 내용을 둘 다 css에 position: absolute 값을 줘서 겹쳐놓고, 둘중에 하나만 보이게끔 설정하면 됩니다. 버튼의 경우 CSS를 2가지 버전(on/off)으로 만들어서 설정해놨습니다. 시험장에서 CSS까지 똑같이 구현하라고 할지 안할지 모르겠어서 일단 해봤는데, 이렇게까지 구현할 필요가 있을까 싶기도... =_=; (자잘하게 몇가지 사항을 더 추가하는게 너무 귀찮!!!!) 맨날 박스에 border 설정 넣으면 border만큼 width/height 값 줄여서 쓰느라 귀찮았는데... 알고보니 box-sizing: border-box 값을 넣어주면 안해도 되더라구요?... 하 왜 책에는 이런거 안써있었냐... 갤러리에 사용된 이미지는 여기서 가져왔습니다 ^^; (blog... 2020. 5. 18. 메뉴 네비게이션 만들기 (가로) 메뉴 내용은 제 맘대로... ㅋㅋㅋㅋㅋ 실기시험 대비 연습차 만들어봤습니다 :) 가로 전체 박스형 (더보기를 누르시면 코드를 확인하실 수 있습니다) 더보기 HTML 가로전체박스형 한식 청국장 백반 돼지 김치찌개 고등어 백반 김치말이 국수 중식 锅包肉 牛肉面 鸡蛋炒饭 地三鲜 일식 豚骨ラーメン 寿司 うどん 焼きそば 양식 Spagetti Ham Burger Fried Chicken Beef Steak CSS /************가로전체박스형************/ #가로전체박스형 { height: 290px; border-top: 1px solid black; border-bottom: 1px solid black; } #header1 { height: 100px; background: lightyello.. 2020. 5. 18. 이전 1 2 3 다음
