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 명 현재 접속자
  • 578 명 오늘 방문자
  • 548 명 어제 방문자
  • 650 명 최대 방문자
  • 155,808 명 전체 방문자
  • 3,404 개 전체 게시물
  • 132 개 전체 댓글수
  • 201 명 전체 회원수
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
  • <ins>, <del>, <s> 태그 - 컨텐츠의 추가, 삭제 또는 변경 표시하기
  • <input> 태그, tel 속성 - 연락처(전화번호) 입력하기
  • iframe 태그 - 유투브(YouTube) 동영상 반복재생
  • <video> 태그 - 추가 플러그인 설치 없이 동영상 삽입-1
  • <img> 태그 - 이미지를 추가하는 방법
  • <abbr> 태그 - 축약어 표시하기
  • <form>, <input> 태그, required 속성 - 폼 형식과 필수 입력
  • 브라켓( Brackets) 기본 사용법과 젠코딩
  • <a> 태그 - 다른 사이트로 이동하기
  • <input> 태그, file 속성 - 파일 업로드 버튼 만들기
CSS
  • transform 을 활용한 상태 변화 애니메이션
  • 상태 속성 선택자 (하이퍼링크)
  • 애니메이션 대기 중 또는완료 후 상태를 지정하는 animation-fill-mode
  • 의사(pseudo) 선택자
  • 테두리(border) 속성을 이용한 삼각형 만들기
  • 배경색만 독립적으로 투명하게 만드는 rgba()
  • 상태 변화에 대한 중간 과정을 생성해주는 트랜지션 - 1
  • CSS 클리핑마스크
  • 자손 요소까지 투명하게 만드는 opacity
  • 박스(box)에 그라디언트(gradient) 적용하기
JavaScript
  • 내장 객체 활용 - 가위바위보게임
  • 반복 탈출 break
  • 이벤트 객체
  • 폼 유효성 검사 - 3
  • 변수의 정의 - 선언과 할당
  • Date 객체 활용
  • 조건 연산자
  • 반복문 - while 활용
  • 클로저(Closure)
  • navigator 객체
jQuery
  • .append()의 간단한 활용
  • .text() - 텍스트 요소의 조작 (1)
  • 기본 필터 - :not
  • 인접 선택 (1)
  • 자식 선택 (2)
  • 1 컨텐츠 필터 - :parent (2)
  • .animate() - jQuery 애니메이션 기능 (5)
  • .append() - 마지막 자식 뒤에 요소 추가
  • a 태그를 이용한 클릭 이벤트 - 자바스크립트 사용
  • .remove() - 요소의 제거
자격증
  • [GTQ 포토샵 1급] [문제1] [기능평가] 고급 도구(TOOL) 활용 - 연습2
  • [GTQ 포토샵 1급] [문제3] [실무응용] 포스터 제작 - 연습2
  • [GTQ 포토샵 1급] [문제1] [기능평가] 고급 도구(TOOL) 활용 - 연습1
  • [GTQ 포토샵 1급] [문제4] [실무응용] 홈페이지 메뉴바 제작 - 연습1
  • [GTQ 포토샵 1급] [문제2] [기능평가] 사진 편집 응용 - 연습2
  • GTQ 시험 전 필독 사항
  • [GTQ 포토샵 1급] [문제3] [실무응용] 포스터 제작 - 연습1
  • [GTQ 포토샵 1급] [문제2] [기능평가] 사진 편집 응용 - 연습1
  • [GTQ 포토샵 1급] [문제4] [실무응용] 홈페이지 메뉴바 제작 - 연습2
사이트 소개 | 이용약관 | 개인정보취급방침 | 이메일 무단수집거부 | 책임의 한계와 법적고지 | 이용안내 | 모바일 버전
우리웹. All rights reserved.

Close