강의실 > 우리웹>>그린컴퓨터아카데미 인천
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
<i>, <em> 태그 - 글자를 기울여서 표시하거나 강조의 의미 부여하기
<ins>, <del>, <s> 태그 - 컨텐츠의 추가, 삭제 또는 변경 표시하기
<video> 태그 - 추가 플러그인 설치 없이 동영상 삽입-1
<input> 태그, search 속성 - 검색 창 만들기
코드 에디터 소개
<textarea> 태그 - 텍스트 영역 (두 줄 이상 입력)
<img> 태그 - 이미지를 추가하는 방법
VSCode 플러그인 - 코드 템플릿 작성
<input> 태그, url 속성 - 웹 경로 입력하기
<a> 태그 - 하나의 페이지 내부에서 이동하기
CSS
컨텐츠의 가시성을 변경해주는 오버플로우(overflow) 속성
요소(element)의 플로팅(floating)과 해제(clear)
플로팅된 요소의 높이를 해당 부모 요소에 반영하는 방법 - 가상 요소 선택자 사용
키프레임(keyframes)과 애니메이션(animation), 제조사 접두어(벤더 프리픽스;vendor prefix) - 1
그룹 선택자
둥근 모서리(border-radius) - 두 값 사이에 슬래시(/)가 있는 경우
웹 폰트(Web Font) 사용하기
외부 여백(margin)과 박스 모델(Box Model)
블록 요소의 특징 - display: block
둥근 모서리(border-radius) - 세 값 사이에 슬래시(/)가 있는 경우
JavaScript
조건문 - if와 switch~case 개념
요소의 제거
for ~ in
객체(Object)와 메소드(Method)
조건문 - if ~ else if - 2
나머지 연산자
객체의 상대 선택 - 2
팝업 창에 내용 쓰기
String 객체
함수(function)의 개념
jQuery
속성(attribute) 선택 (09)
기본 필터 - :lt()
속성(attribute) 선택 (03)
인접 선택 (3)
.insertAfter() - 자신을 기준으로 동생 요소로 이동
.filter() - 함수의 리턴값 사용 (3)
.toggle() - 스위치 기능 (1)
.fadeIn() 으로 부모와 자식을 따로 보이기
.end() 를 사용해야 하는 이유
기본 필터 - :lt(), :eq(), :gt()
자격증
[GTQ 포토샵 1급] [문제4] [실무응용] 홈페이지 메뉴바 제작 - 연습1
[GTQ 포토샵 1급] [문제2] [기능평가] 사진 편집 응용 - 연습1
GTQ 시험 전 필독 사항
[GTQ 포토샵 1급] [문제3] [실무응용] 포스터 제작 - 연습1
[GTQ 포토샵 1급] [문제1] [기능평가] 고급 도구(TOOL) 활용 - 연습1
[GTQ 포토샵 1급] [문제3] [실무응용] 포스터 제작 - 연습2
[GTQ 포토샵 1급] [문제4] [실무응용] 홈페이지 메뉴바 제작 - 연습2
[GTQ 포토샵 1급] [문제1] [기능평가] 고급 도구(TOOL) 활용 - 연습2
[GTQ 포토샵 1급] [문제2] [기능평가] 사진 편집 응용 - 연습2