odada

1. 코딩 EDIT 프로그램 설치 컴퓨터에 설치되어 있는 메모장으로도 코딩이 가능하지만 작업하기가 어렵다. 해서 EDIT 프로그램을 사용하여 코딩한다 VS Code, Atom, Brackets 등 많은 프로그램이 있지만... 시험장에 설치되어 있는 프로그램을 설치해서 연습하는게 좋기 때문에 Brackets을 설치해 연습해보겠다. 아래 페이지로 가서 Brackets과 emmet을 설치하고 오세요~ https://oddcode.tistory.com/69?category=836326 웹디자인기능사 설치 프로그램 1. EDIT 프로그램 - Brackets 시험장에 설치되어 있는 Brackets을 사용해 공부해보겠습니다. 아래 사이트에서 Brackets을 설치해주세요. http://brackets.io/ A mo..

작업 전 프로그램 설치가 필요합니다. 설치를 위해 아래 페이지를 참고하세요. https://oddcode.tistory.com/69?category=836326 웹디자인기능사 설치 프로그램 1. EDIT 프로그램 - Brackets 시험장에 설치되어 있는 Brackets을 사용해 공부해보겠습니다. 아래 사이트에서 Brackets을 설치해주세요. http://brackets.io/ A modern, open source code editor that understands.. oddcode.tistory.com HTML로 사이트의 뼈대를 완성했으면 CSS로 디자인을 입히겠습니다. 1. CSS 파일 External로 추가하기 css 확장자를 가진 파일을 만들고 html 파일에 방금 만든 css를 연결해 사용합..

애니메이션 스크롤링 공용 CDN 사용 script 추가 // scrollTo $('nav a').on('click', function (event) { $.scrollTo(this.hash || 0, 500); event.preventDefault(); }) https://github.com/flesler/jquery.scrollTo flesler/jquery.scrollTo Lightweight, cross-browser and highly customizable animated scrolling with jQuery - flesler/jquery.scrollTo github.com

https://github.com/eehd80/scrollup GitHub - eehd80/scrollup Contribute to eehd80/scrollup development by creating an account on GitHub. github.com ScrollUp은 모든 웹 사이트에서 쉽게 작동하는 사용자 정의 가능한 "Scroll to top"기능을 만드는 경량 jQuery 플러그인입니다. 사용하는 방법 jquery.scrollUp.min.js 파일을 포함하고 문서 헤드에 다음을 배치하기 만하면됩니다 (jQuery가 포함되어 있는지 확인). 기본 옵션 $(function () { $.scrollUp({ scrollName: 'scrollUp', // Element ID topDistanc..

이미지 갤러리 fancyapps.com/fancybox/3/ fancybox - Touch enabled, responsive and fully customizable jQuery lightbox script Combination of jQuery, CSS transitions to spice up the way modal window opens. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque auctor nibh eu nibh scelerisque malesuada. Morbi mollis eleifend turpis. Mauris consequat convallis volutpa fancyapps.com http://fan..

1. EDIT 프로그램 - Vscode 시험장에 설치되어 있는 vscode를 사용해 공부해보겠습니다. 아래 사이트에서 vscode를 설치해주세요. https://code.visualstudio.com/download Download Visual Studio Code - Mac, Linux, Windows Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to experience a redefined code editor, optimized for building and debugging modern web and cloud appli..

작업 전 프로그램 설치가 필요합니다. 설치를 위해 아래 페이지를 참고하세요. https://oddcode.tistory.com/69?category=836326 웹디자인기능사 설치 프로그램 1. EDIT 프로그램 - Brackets 시험장에 설치되어 있는 Brackets을 사용해 공부해보겠습니다. 아래 사이트에서 Brackets을 설치해주세요. http://brackets.io/ A modern, open source code editor that understands.. oddcode.tistory.com HTML 코딩 시 중요(★★★★★) 체크포인트 웹페이지 코딩은 HTML5 기준 웹 표준을 준수하여야 하며, HTML 유효성검사 (W3C validator)에서 오류(‘ERROR’)가 없도록 코딩하여야..

https://space.malangmalang.com/open?fileId=m:0:696672933&lang=ko 웹디자인기능사 실기 한컴스페이스로 공유함 space.malangmalang.com 웹디자인기능사 실기자료입니다. JUST 쇼핑몰 메인을 HTML5, CSS, jQuery를 이용해 4시간 안에 제작하여 제출하면 됩니다. HTML 1시간 / CSS 1시간30분 / JS 1시간으로 시간 분배해서 연습하시면 좋을 듯합니다. 아래 기획서를 보고 중요한 부분을 체크하고 시작하세요. 중요(★★★★★) 체크 포인트 시험시간 내에 웹페이지를 제작 후 5MB 용량이 초과되지 않게 저장 후 제출한다. images(폴더) / script(폴더) / css(폴더)를 만들어 index.html, css, js 파일..

웹디자인 기능사 필기 2014년 ~ 2016년도까지의 기출문제 입니다. 기출문제 위주로 문제를 외워가시면 됩니다. 아래 링크를 열어보세요~ 필기자료 https://space.malangmalang.com/open?fileId=m:0:696670187&lang=ko 웹디자인기능사 한컴스페이스로 공유함 space.malangmalang.com 실기자료 https://space.malangmalang.com/open?fileId=m:0:696672933&lang=ko 웹디자인기능사 실기 한컴스페이스로 공유함 space.malangmalang.com

웹디자인기능사(큐넷) http://www.q-net.or.kr/crf005.do?id=crf00503&gSite=Q&gId=&jmCd=7798&jmInfoDivCcd=B0&gbnn=gbnSubtab2 국가자격 종목별 상세정보 | Q-net www.q-net.or.kr GTQ (KPC자격) https://license.kpc.or.kr/nasec/qlfint/qlfint/selectGtqinfomg.do GTQ 그래픽기술자격 소개 잠시만 기다려 주세요 Loading... GTQ 그래픽기술자격 license.kpc.or.kr