강의실 > 우리웹

W WOOREEWEB

Toggle navigation

0

자동접속 회원가입 | 정보찾기

ICON NAVIGATION

커뮤니티 알림장 이벤트 출석부

MAIN NAVIGATION
메인
강의실
- 일러스트레이터
  - 기초
  - 드로잉
  - 타이포
  - 컬러링
  - 오브젝트
  - 패턴
  - 효과
  - 3D
  - 활용
- 포토샵
  - 기초
  - 보정
  - 편집
  - 프레임
  - 타이포
  - 아이콘
  - 패턴
  - 배경
  - 활용
  - 모바일
- HTML
  - 텍스트
  - 목록
  - 하이퍼링크
  - 이미지
  - 테이블
  - 멀티미디어
  - 폼
- CSS
  - 필수
  - 선택자
  - 박스모델
  - 배경
  - 테두리
  - 그림자
  - 레이아웃
  - 트랜지션
  - 트랜스폼
  - 활용
- JavaScript
  - 기초
  - 변수
  - 연산자
  - 제어문
  - 함수
  - 객체
  - 이벤트
  - BOM
  - DOM
- jQuery
  - 선택자
  - 탐색
  - 조작
  - 이벤트
  - 효과
  - jQuery UI
- 자격증
갤러리
커뮤니티
자료실
SIDE NAVIGATION
검색안내
이용안내

SITE STATISTICS

0 명 현재 접속자
755 명 오늘 방문자
602 명 어제 방문자
1,464 명 최대 방문자
330,216 명 전체 방문자
3,547 개 전체 게시물
155 개 전체 댓글수
267 명 전체 회원수

홈 > 강의실

강의실

Photoshop / Illustrator / HTML / CSS / JavaScript / jQuery

일러스트레이터

망(Mesh) 도구와 블렌딩 모드를 활용한 배경 제작하기
펜 도구와 블렌드를 이용한 배경 제작하기
도형과 패스 이동(offset path)으로 로고/배너/라벨 스타일 디자인하기
도형과 패스파인더로 픽토그램 제작하기
원근감 격자 도구
효과(effect)를 활용한 배경 이미지 반들기
입체적인 컵을 만들어 심볼로 매핑하기
3D를 이용한 블록 만들기
3D의 기본 개념과 쉽게 만들기
흐림(Blur) 효과 적용하기

나인패치(9-patch) 이미지 제작 기법
스마트 오브젝트 기능을 이용한 아이콘 제작 기법
UI 이중 버튼 스타일
메탈 노브 스타일 버튼 만들기
아이콘 스타일 버튼 만들기
UI 버튼 만들기
채널과 클리핑 마스크를 이용한 패스 문자
하프톤 패턴을 이용한 매거진/광고 스타일
제품 상세 페이지 만들기
제품 상세 페이지를 안내선으로 분할하기

<dfn> 태그 - 정의어 만들기
HTML 마크업 기초
iframe 태그 - 유투브(YouTube) 동영상 반복재생
<input> 태그, color 속성 - 색상 선택기 표시하기
<dl>, <dt>, <dd> 태그 - 정의 목록 만들기
<p> 태그 - 단락(문단) 표시하기
코드 에디터 소개
<input> 태그, submit 속성 - 버튼 만들기
<video> 태그 - 추가 플러그인 설치 없이 동영상 삽입-1
VSCode 설치 전 준비사항

CSS 속성을 이용한 유투브 동영상 활용 - 클리핑마스크
transform: skew() - 기울이기
속성 선택자
글자(text)에 그림자(shadow) 적용하기-1
글자(text)에 그림자(shadow) 적용하기-3
배경색만 독립적으로 투명하게 만드는 rgba()
외부 여백(margin)과 박스 모델(Box Model)
플로팅된 요소의 높이를 해당 부모 요소에 반영하는 방법 - 부모 요소에 float 속성 부여
박스(box)에 그림자(shadow) 적용하기-2
레이아웃 관련 속성 활용 - 하트 만들기

this
자료형(Data Type)
연산자의 우선순위
반환값 return
재귀함수
이벤트 강제 실행 - 간단 활용
속성의 생성과 제거
기본 이벤트 실행 방지 - preventDefault
객체의 상대 선택 - 3
가변 매개변수

그룹(Group) 선택 (2)
.hide()와 .prev() - 이전 요소 찾아 숨기기
.show() - 요소 보이기 (1)
.fadeIn() / .fadeOut() 기본
컨텐츠 필터 - :has()
.animate() - jQuery 애니메이션 기능 (5)
.mousedown() - 마우스 이벤트
.removeAttr() - 속성의 제거
a 태그를 이용한 클릭 이벤트 - 반복적 사용
.fadeOut(), .addClass(), removeClass() 조합 사용

[GTQ 포토샵 1급] [문제2] [기능평가] 사진 편집 응용 - 연습1
[GTQ 포토샵 1급] [문제1] [기능평가] 고급 도구(TOOL) 활용 - 연습1
[GTQ 포토샵 1급] [문제3] [실무응용] 포스터 제작 - 연습2
[GTQ 포토샵 1급] [문제1] [기능평가] 고급 도구(TOOL) 활용 - 연습2
[GTQ 포토샵 1급] [문제4] [실무응용] 홈페이지 메뉴바 제작 - 연습2
[GTQ 포토샵 1급] [문제4] [실무응용] 홈페이지 메뉴바 제작 - 연습1
GTQ 시험 전 필독 사항
[GTQ 포토샵 1급] [문제3] [실무응용] 포스터 제작 - 연습1
[GTQ 포토샵 1급] [문제2] [기능평가] 사진 편집 응용 - 연습2

사이트 소개 | 이용약관 | 개인정보취급방침 | 이메일 무단수집거부 | 책임의 한계와 법적고지 | 이용안내 | 모바일 버전

우리웹. All rights reserved.

Close