강의실 > 우리웹>>그린컴퓨터아카데미 인천
W
WOOREEWEB
Toggle navigation
게시물
태그
검색하기
0
홈 > 강의실
강의실
Photoshop / Illustrator / HTML / CSS / JavaScript / jQuery
Previous
Next
일러스트레이터
망(Mesh) 도구와 블렌딩 모드를 활용한 배경 제작하기
펜 도구와 블렌드를 이용한 배경 제작하기
도형과 패스 이동(offset path)으로 로고/배너/라벨 스타일 디자인하기
도형과 패스파인더로 픽토그램 제작하기
원근감 격자 도구
효과(effect)를 활용한 배경 이미지 반들기
입체적인 컵을 만들어 심볼로 매핑하기
3D를 이용한 블록 만들기
3D의 기본 개념과 쉽게 만들기
흐림(Blur) 효과 적용하기
포토샵
나인패치(9-patch) 이미지 제작 기법
스마트 오브젝트 기능을 이용한 아이콘 제작 기법
UI 이중 버튼 스타일
메탈 노브 스타일 버튼 만들기
아이콘 스타일 버튼 만들기
UI 버튼 만들기
채널과 클리핑 마스크를 이용한 패스 문자
하프톤 패턴을 이용한 매거진/광고 스타일
제품 상세 페이지 만들기
제품 상세 페이지를 안내선으로 분할하기
HTML
iframe 태그 - 유투브(YouTube) 동영상 반복재생
HTML 마크업 기초
<hn> 태그 - 제목(heading) 만들기
VSCode 실행 및 플러그인
목록(li) 태그 활용 - 중첩 목록 만들기
<input>, <datalist> 태그 - 콤보상자의 또다른 표현법
<img>, <map>, <area> 태그 - 이미지 맵으로 이미지 영역 공간 분할하기
<audio> 태그 - 추가 플러그인 설치 없이 음악 삽입-1
<img> 태그 - 이미지 크기 조정
<audio> 태그 - 추가 플러그인 설치 없이 음악 삽입-2
CSS
플로팅된 요소의 높이를 해당 부모 요소에 반영하는 방법 - 부모 요소에 overflow/display/min-height 속성 부여
다중 배경 이미지-2
트랜지션 간단 활용 - 도형의 모양 변형
테두리(border) 속성을 이용한 삼각형 만들기
요소(element)의 위치 - position: fixed
테두리(border-radius)를 이용한 여러가지 도형-2
키프레임(keyframes)과 애니메이션(animation), 제조사 접두어(벤더 프리픽스;vendor prefix) - 2
글자(text)에 그림자(shadow) 적용하기-1
웹 폰트 아이콘(Web Font Icon) 사용하기
둥근 모서리(border-radius) - 원과 타원 만들기
JavaScript
Number 객체
option - 1
이벤트 강제 실행 - 간단 활용
비트 연산자
setInterval()
innerHTML
이벤트(event) 연결 - 1
정규표현식 - regexp
고전 이벤트 문제 - 2
내장함수 - isNan, isFinite
jQuery
.before() - 자신을 기준으로 형 요소 추가
자식 필터 - :only-child
기본 필터 - :even
.append() 로 동적으로 내용 추가시 인식이 안되는 경우
속성(attribute) 선택 (07)
.end() - 각각 선택 후 지정
기본 필터 - :lt(), :eq(), :gt()
속성(attribute) 선택 (11)
.fadeTo() 와 opacity 속성
.html() - 태그 요소의 조작 (2)
자격증
[GTQ 포토샵 1급] [문제2] [기능평가] 사진 편집 응용 - 연습2
[GTQ 포토샵 1급] [문제4] [실무응용] 홈페이지 메뉴바 제작 - 연습2
[GTQ 포토샵 1급] [문제1] [기능평가] 고급 도구(TOOL) 활용 - 연습2
[GTQ 포토샵 1급] [문제4] [실무응용] 홈페이지 메뉴바 제작 - 연습1
[GTQ 포토샵 1급] [문제3] [실무응용] 포스터 제작 - 연습1
GTQ 시험 전 필독 사항
[GTQ 포토샵 1급] [문제1] [기능평가] 고급 도구(TOOL) 활용 - 연습1
[GTQ 포토샵 1급] [문제3] [실무응용] 포스터 제작 - 연습2
[GTQ 포토샵 1급] [문제2] [기능평가] 사진 편집 응용 - 연습1