강의실 > 우리웹>>그린컴퓨터아카데미 인천
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
<hn> 태그 - 제목(heading) 만들기
<ul> 태그 - 순서 없는 목록 만들기
<input> 태그, url 속성 - 웹 경로 입력하기
<a> 태그 활용 - 사이트 맵을 활용한 페이지 이동
코드 에디터 소개
브라켓( Brackets) 기본 사용법과 젠코딩
<ins>, <del>, <s> 태그 - 컨텐츠의 추가, 삭제 또는 변경 표시하기
< input > 태그, text 속성 - 한 줄 입력
<input> 태그, search 속성 - 검색 창 만들기
iframe 태그 - 유투브(YouTube) 동영상 반복재생
CSS
배경 이미지 삽입과 기본 속성
인접 선택자
플로팅된 요소의 높이를 해당 부모 요소에 반영하는 방법 - 가상 요소 선택자 사용
키프레임(keyframes)과 애니메이션(animation), 제조사 접두어(벤더 프리픽스;vendor prefix) - 1
둥근 모서리(border-radius) - 한 모서리의 값이 2개인 경우
레이아웃 관련 속성 활용 - 말풍선 만들기
둥근 모서리(border-radius) - 값이 3개인 경우
블록 요소의 특징 - display: block
transform 을 활용한 키프레임 애니메이션
다단 만들기
JavaScript
prompt() 개념 - 입력을 받기 위한 함수
반복문 - while
요소의 제거
가변 매개변수
함수의 매개변수 - 1
폼(Form)에서의 this
반환값 return
숫자(Number)형의 개념
요소(element)를 직접 선택하는 메소드 - getElementBy~
이벤트 강제 실행
jQuery
a 태그를 이용한 클릭 이벤트 - 반복적 사용
a 태그를 이용한 클릭 이벤트 - 자주 실수하는 경우
속성(attribute) 선택 (05)
자식 필터 - :only-child
.slideUp()과 is()
.fadeIn() / .fadeOut() 기본
전체(Universal;Global) 선택
.attr() - 속성의 조작
기본 필터 - :gt()
.filter() 의 기본형(2)
자격증
[GTQ 포토샵 1급] [문제3] [실무응용] 포스터 제작 - 연습2
[GTQ 포토샵 1급] [문제3] [실무응용] 포스터 제작 - 연습1
[GTQ 포토샵 1급] [문제2] [기능평가] 사진 편집 응용 - 연습1
[GTQ 포토샵 1급] [문제2] [기능평가] 사진 편집 응용 - 연습2
[GTQ 포토샵 1급] [문제1] [기능평가] 고급 도구(TOOL) 활용 - 연습2
[GTQ 포토샵 1급] [문제4] [실무응용] 홈페이지 메뉴바 제작 - 연습2
GTQ 시험 전 필독 사항
[GTQ 포토샵 1급] [문제4] [실무응용] 홈페이지 메뉴바 제작 - 연습1
[GTQ 포토샵 1급] [문제1] [기능평가] 고급 도구(TOOL) 활용 - 연습1