W WOOREEWEB
Toggle navigation
  • 0
  • 회원가입  |  정보찾기
ICON NAVIGATION
커뮤니티 알림장 이벤트 출석부
  • MAIN NAVIGATION
  • 메인
  • 강의실
    • 일러스트레이터
      • 기초
      • 드로잉
      • 타이포
      • 컬러링
      • 오브젝트
      • 패턴
      • 효과
      • 3D
      • 활용
    • 포토샵
      • 기초
      • 보정
      • 편집
      • 프레임
      • 타이포
      • 아이콘
      • 패턴
      • 배경
      • 활용
      • 모바일
    • HTML
      • 텍스트
      • 목록
      • 하이퍼링크
      • 이미지
      • 테이블
      • 멀티미디어
      • 폼
    • CSS
      • 필수
      • 선택자
      • 박스모델
      • 배경
      • 테두리
      • 그림자
      • 레이아웃
      • 트랜지션
      • 트랜스폼
      • 활용
    • JavaScript
      • 기초
      • 변수
      • 연산자
      • 제어문
      • 함수
      • 객체
      • 이벤트
      • BOM
      • DOM
    • jQuery
      • 선택자
      • 탐색
      • 조작
      • 이벤트
      • 효과
      • jQuery UI
    • 자격증
  • 갤러리
    • 포트폴리오
      • 디자인프로필
      • 포트폴리오
    • 디지털디자인
      • BI/CI
      • 캐릭터
      • 아이콘
      • 타이포
      • 패턴/배경
      • 애니메이션
      • 시안디자인
      • 인포그래픽
      • 패키지
    • 모바일 웹/앱
      • UI/UX디자인
      • 프로토타입
      • 디자인구성요소
      • 구현
      • 애니메이션
  • 커뮤니티
    • 프리톡
    • 밥집
    • 채용/취업
      • 채용정보
      • 취업성공
    • 우리장터
      • 팝니다
      • 삽니다
      • 드립니다
    • 출석부
  • 자료실
    • 즐겨찾기
      • 폰트/아이콘
      • 이미지
      • 벤치마킹
      • 확장프로그램
      • 프레임워크
      • 기타
    • 무료 폰트
    • 무료 유틸리티
    • 템플릿
      • 반응형 원페이지
      • 반응형 멀티페이지
  • SIDE NAVIGATION
  • 검색안내
    • 게시물 검색
    • 태그 검색
    • 새글 모음
    • 현재접속자
  • 이용안내
    • 사이트 소개
    • 이용약관
    • 개인정보취급방침
    • 이메일 무단수집거부
    • 책임의 한계와 법적고지
    • 이용안내
    • 자주하는 질문
    • 1:1문의
SITE STATISTICS
  • 0 명 현재 접속자
  • 173 명 오늘 방문자
  • 415 명 어제 방문자
  • 650 명 최대 방문자
  • 171,779 명 전체 방문자
  • 3,458 개 전체 게시물
  • 132 개 전체 댓글수
  • 221 명 전체 회원수
Facebook Twitter GooglePlus KakaoStory NaverBand
홈 > 강의실
강의실

Photoshop / Illustrator / HTML / CSS / JavaScript / jQuery

Previous Next
일러스트레이터
  • 망(Mesh) 도구와 블렌딩 모드를 활용한 배경 제작하기
  • 펜 도구와 블렌드를 이용한 배경 제작하기
  • 도형과 패스 이동(offset path)으로 로고/배너/라벨 스타일 디자인하기
  • 도형과 패스파인더로 픽토그램 제작하기
  • 원근감 격자 도구
  • 효과(effect)를 활용한 배경 이미지 반들기
  • 입체적인 컵을 만들어 심볼로 매핑하기
  • 3D를 이용한 블록 만들기
  • 3D의 기본 개념과 쉽게 만들기
  • 흐림(Blur) 효과 적용하기
포토샵
  • 나인패치(9-patch) 이미지 제작 기법
  • 스마트 오브젝트 기능을 이용한 아이콘 제작 기법
  • UI 이중 버튼 스타일
  • 메탈 노브 스타일 버튼 만들기
  • 아이콘 스타일 버튼 만들기
  • UI 버튼 만들기
  • 채널과 클리핑 마스크를 이용한 패스 문자
  • 하프톤 패턴을 이용한 매거진/광고 스타일
  • 제품 상세 페이지 만들기
  • 제품 상세 페이지를 안내선으로 분할하기
HTML
  • 동영상을 webm 또는 ogv로 변환해보자 - FireFogg 로 동영상 변환하기
  • <progress>, <meter> 태그 - 진행 상태와 측량 단위
  • <form>, <input> 태그, required 속성 - 폼 형식과 필수 입력
  • HTML 마크업 기초
  • <img> 태그 - 이미지에 캡션 넣고 블록 요소로 만들기
  • <input> 태그, color 속성 - 색상 선택기 표시하기
  • <iframe> 태그 - 유투브(YouTube) 동영상 제어도구 숨기기
  • <input> 태그, image 속성 - 이미지 버튼 만들기
  • <input> 태그, tel 속성 - 연락처(전화번호) 입력하기
  • <ins>, <del>, <s> 태그 - 컨텐츠의 추가, 삭제 또는 변경 표시하기
CSS
  • CSS 속성을 이용한 유투브 동영상 활용
  • CSS 속성을 이용한 유투브 동영상 활용 - 클리핑마스크
  • 상태 변화에 대한 중간 과정을 생성해주는 트랜지션 - 1
  • CSS 클리핑마스크
  • 배경 이미지 고정 (background-attachment)
  • 블록 요소의 특징 - display: block
  • 모션 가속도(easing) 효과 개념
  • 흐림(blur) 효과 메뉴 페이지
  • 자손 요소까지 투명하게 만드는 opacity
  • 테두리(border-radius)를 이용한 여러가지 도형-2
JavaScript
  • 내장 객체 활용 - 가위바위보게임
  • 반복문 - do ~ while
  • 폼 유효성 검사 - 2
  • this
  • setInterval()
  • Math 객체
  • innerHTML
  • 기본 이벤트 실행 방지 - preventDefault
  • 비교 연산자
  • 변수의 정의 - 선언과 할당
jQuery
  • .animate() - jQuery 애니메이션 기능 (5)
  • .slideToggle() 로 슬라이드 기능 제어하기
  • .animate() - jQuery 애니메이션 기능 (2)
  • .filter() - 함수의 리턴값 사용 (1)
  • 전체(Universal;Global) 선택
  • .prepend() - 첫째 자식 앞에 요소 추가
  • 속성(attribute) 선택 (05)
  • 자식 선택 (1)
  • .fadeTo(), Math.floor(), Math.random 조합 사용
  • .remove() - 요소의 제거
자격증
  • GTQ 시험 전 필독 사항
  • [GTQ 포토샵 1급] [문제4] [실무응용] 홈페이지 메뉴바 제작 - 연습1
  • [GTQ 포토샵 1급] [문제2] [기능평가] 사진 편집 응용 - 연습2
  • [GTQ 포토샵 1급] [문제4] [실무응용] 홈페이지 메뉴바 제작 - 연습2
  • [GTQ 포토샵 1급] [문제1] [기능평가] 고급 도구(TOOL) 활용 - 연습1
  • [GTQ 포토샵 1급] [문제3] [실무응용] 포스터 제작 - 연습2
  • [GTQ 포토샵 1급] [문제3] [실무응용] 포스터 제작 - 연습1
  • [GTQ 포토샵 1급] [문제2] [기능평가] 사진 편집 응용 - 연습1
  • [GTQ 포토샵 1급] [문제1] [기능평가] 고급 도구(TOOL) 활용 - 연습2
사이트 소개 | 이용약관 | 개인정보취급방침 | 이메일 무단수집거부 | 책임의 한계와 법적고지 | 이용안내 | 모바일 버전
우리웹. All rights reserved.

Close