IB96 컴퓨터 교육

동영상강의 CD구매

동영상강의 PC 다운

※ 웹디자인기능사 실기 - 기출문제 1(포토샵) 강의 [1회]

안녕하세요! 웹디자인 기능사 실기 44회를 시작해볼게요~

이번에 배워 볼 강의는 2010년도에 출제됐었던 기출문제입니다.

여러분들이 웹디자인기능사 실기 시험지를 받아보시면 이런 작업 할 내용이 보이는데요.

이미지, 참고자료, 첫번째 페이지까지 모두 출력하셔서 제출하시면 됩니다.

아주 꼼꼼히 읽으셔서 놓치는 부분이 없도록 합니다.

외곽선 같은 경우에는 외곽선을 정확하게 몇px로 잡아라하는 말이 없을 경우에는

외곽선을 만들지 않고, 모든 버튼은 임시버튼을 걸도록 합니다.

임시링크란 #을 넣어서 설정하는것을 말합니다.

요구하는 컬러나 사이즈를 요구하는 경우가 있지만 그렇지 않은 경우에는

지금 제작하고 있는 웹페이지와 어울리게 하면 됩니다.

웹디자인기능사 실기 기출문제에 대해서 알아보았습니다.

웹디자인기능사 실기는 일러스트와 포토샵, 드림위버를 함께 연계하셔야하는데요.

열심히 공부하셔서 웹디자인기능사 실기 자격증 꼭 취득하시길 바랍니다~!

'웹디자인' 카테고리의 다른 글

[인디자인 CS6] 새 기능 알아보기!! (0)	2014.12.02
포토샵강좌시간: 올가미 툴(라쏘툴배우기) (0)	2014.12.02
HTML5 배우기▶ 시멘틱 태그 동영상 강좌! (0)	2014.09.30
HTML5 동영상 강좌 \| HTML 문서구조와 시멘틱태그 배우기♪ (0)	2014.09.24
코렐드로우 동영상&코렐드로우 강좌_색상설정 (0)	2014.09.15

Posted by IB96

HTML5 배우기▶ 시멘틱 태그 동영상 강좌!

오늘은 저번시간에 이어서 HTML5 배우기로 합니다!

HTML의 시멘틱태그를 좀더 자세하게 알아볼텐데요

아직까지 HTML5 태그를 브라우저에서 완벽하게 지원하진 않습니다

왜냐하면 HTML5는 아직도 개발중이기 때문이죠!

그렇기 때문에 얼른얼른 HTML5 배우기를 해두어야 겠죠?^^

한발 앞서기!

예를들어 보여드릴게요~~

아까 말씀드린것처럼 HTML 시멘틱 태그를 사용해 보았는데

실행해본 결과, 그림은 뜨지만 윗쪽에 네모상자로만 뜹니다

브라우저에서 지원이 안되었기 때문이죠

익스플로워9에서 실행하거나 구글크롬에서 실행하시면 될겁니다.

HTML 동영상 강좌에서는 그래서

다시 실행해보았어요!

다시 실행해보니 이렇게

HTML 동영상 강좌 화면처럼

" 더 와인 "

글씨가 잘 떠있죠?

나머지 이어지는 HTML 동영상 강좌를 통해서 시멘틱 태그를

적극적으로 사용해보기로 합니다^0^

'웹디자인' 카테고리의 다른 글

포토샵강좌시간: 올가미 툴(라쏘툴배우기) (0)	2014.12.02
웹디자인기능사 실기 :: 기출문제1 (포토샵) 강좌 (0)	2014.12.01
HTML5 동영상 강좌 \| HTML 문서구조와 시멘틱태그 배우기♪ (0)	2014.09.24
코렐드로우 동영상&코렐드로우 강좌_색상설정 (0)	2014.09.15
인디자인 강좌/동영상 ※단축키 (0)	2014.09.05

Posted by IB96

HTML5 동영상 강좌 | HTML 문서구조와 시멘틱태그 배우기♪

안녕하세요! HTML5 동영상강좌로 오늘은 어떤것을 배워볼까요?

네 바로 HTML5 기본문서의 구조와 시멘틱태그를 배우는 시간입니다!

HTML 동영상 강좌에서 예전 버전의 HTML과는 어떤면이 달라졌는지에 대해

먼저 HTML5를 배우기로 합니다!

이번 HTML5는

기존의 HTML에 비해 추가되거나 삭제된 태그가 있습니다.

이번 HTML5 동영상 강좌에서는 그러한 HTML의 기본적인 문서구조와

시멘틱태그를 사용하는것을 배울텐데요.

HTML 동영상 강좌를 통해서 이와같은 예와 사용방법을 배우기로 할겁니다

추가적으로 첫 선을 보이는

HTML5의 태그도 배우기로 합니다~

HTML5의 기본 문서구조부터 알아보도록 하겠습니다!

구조가 틀어지거나 많이 바뀐것은 아니구요

<HTML>

<---->

<--->

</HTML>

이런 구조죠!

바뀐것은 물론 있지만 HTML 동영상 강좌를 통해서

놓치는 부분없이 배워보도록 합니다^^*

'웹디자인' 카테고리의 다른 글

웹디자인기능사 실기 :: 기출문제1 (포토샵) 강좌 (0)	2014.12.01
HTML5 배우기▶ 시멘틱 태그 동영상 강좌! (0)	2014.09.30
코렐드로우 동영상&코렐드로우 강좌_색상설정 (0)	2014.09.15
인디자인 강좌/동영상 ※단축키 (0)	2014.09.05
플래시(CS6)동영상 및 강좌_비트맵추적 (0)	2014.09.04

Posted by IB96

코렐드로우 동영상&코렐드로우 강좌_색상설정

오늘 코렐드로우 동영상 으로는

개체의 색상 설정하고 변형하는 방법에 관해 공부합니다.

먼저, 코렐드로우 동영상 화면에 쓰여있듯이

색상 팔레트를 이용하여 개체에 색상설정을 할건데요!

테두리와 면에 색상설정을 해볼수가 있는데,

코렐드로우 동영상처럼

오른쪽버튼을 사용하면 테두리에 색상이 입혀질 것이구요.

반대로 마우스 왼쪽버튼을 사용하면 면에 색상을 입혀집니다.

그렇다면 코렐드로우 강좌를 통해서 색상설정을

하는 방법도 또한 알아두어야 하겠지요^^?

메뉴-창-고정표시기-색상

순서대로 따라가면 코렐드로우 강좌처럼

이렇게 세가지 방식이 나옵니다.

일단은 기본적으로 색상모드를 설정할수있습니다.

cmik rgb 두가지 기억하시나요?

코렐드로우 강좌를 통해 우리 열심히 배웠었죠?

종이에 잉크로 출력할때는 cmik로 해야하는것 잊지마세요!

'웹디자인' 카테고리의 다른 글

HTML5 배우기▶ 시멘틱 태그 동영상 강좌! (0)	2014.09.30
HTML5 동영상 강좌 \| HTML 문서구조와 시멘틱태그 배우기♪ (0)	2014.09.24
인디자인 강좌/동영상 ※단축키 (0)	2014.09.05
플래시(CS6)동영상 및 강좌_비트맵추적 (0)	2014.09.04
일러스트(한글판) 강좌&동영상 #그라디언트도구 (0)	2014.09.04

Posted by IB96

인디자인 강좌/동영상 ※단축키

인디자인 강좌를 통해 단축키를 배워볼텐데요!

다른 프로그램과 동일하게 편리하게 사용할수 있고 간단하게

기능을 바로바로 사용할수 있으므로 빨리 배워보도록 할게요~~

인디자인 강좌 화면에서 단축키 설정은, 자주 사용하는 명령을 단축키로

지정하여서 3가지 세트 중 선택하여 사용한다고 되어있어요~

메뉴->편집->단축키

인디자인 동영상을 따라 들어가서

인디자인의 단축키를 사용자의 편의대로 만들수 있을거에요!

인디자인 동영상 화면을 보시면 문자도구에 관한 내용도

함께 나오고 있는데요! 말 그대로 글씨를 입력할수 있게 해주는

도구라고 보시면 되겠습니다!

아래에 나오는 빨간 글씨를 참고해서

인디자인 동영상을 시청하도록 할게요~~

문자크기를 크게하거나 프레임을 크게 할수 있는

단축키 또한 우리 함께 배워보았습니다^^*

'웹디자인' 카테고리의 다른 글

HTML5 동영상 강좌 \| HTML 문서구조와 시멘틱태그 배우기♪ (0)	2014.09.24
코렐드로우 동영상&코렐드로우 강좌_색상설정 (0)	2014.09.15
플래시(CS6)동영상 및 강좌_비트맵추적 (0)	2014.09.04
일러스트(한글판) 강좌&동영상 #그라디언트도구 (0)	2014.09.04
포토샵(CS6) 강좌&동영상\| 환경설정/기본메뉴 (0)	2014.09.03

Posted by IB96

플래시(CS6)동영상 및 강좌_비트맵추적

플래시(CS6)동영상을 통해 배워볼 내용은

바로 정렬과 비트맵추적 인데요!

선생님을 따라서 먼저 개념을 바로 잡은 뒤에

플래시 동영상을 따라 예제 또한 풀어보도록 할게요^^

가장 먼저 플래시 강좌로 배워볼 내용은 정렬 인데요!

"정렬"이라는 패널을 이용해서 정렬을 할 수가 있는 기능입니다.

분포와 크기 조절도 가능하다는 점 짚고 넘어가도록 하구요~~

총 여섯가지로 정렬이 가능하니 플래시 강좌를

주의깊게 듣고 기억해 두도록 할게요~~

크기 일치는 우리가 선택해 놓은 객체를 모두 똑같이 맞춰주는

편리한 기능입니다! 플래시 강좌 화면에서처럼

세가지로 나뉘게 되는데

폭, 높이, 그리고 폭과 높이를 모두 일치하게 만들수 있는

기능이 있으니 참고합시다^^*

'웹디자인' 카테고리의 다른 글

코렐드로우 동영상&코렐드로우 강좌_색상설정 (0)	2014.09.15
인디자인 강좌/동영상 ※단축키 (0)	2014.09.05
일러스트(한글판) 강좌&동영상 #그라디언트도구 (0)	2014.09.04
포토샵(CS6) 강좌&동영상\| 환경설정/기본메뉴 (0)	2014.09.03
HTML5 강좌&동영상->HTML편집기 (0)	2014.08.30

Posted by IB96

일러스트(한글판) 강좌&동영상 #그라디언트도구

일러스트 강좌, 오늘은 그라디언트도구를 이용해 보는 시간입니다

^_^* 일러스트 한글판 강좌이기 때문에 쉽게 이해할수 있으리라

생각이 되구요! 함께 들어보도록 할게요~~

그라디언트도구는 선형과 방사형으로 나뉘게 되네요!

일러스트 강좌 화면에 보듯, 획은 선에만 적용하는 옵션이며

세가지 방식으로 나뉘어서 사용할 수가 있구요!

일러스트 동영상 화면과 같이 반전은 우리가 만들어놓은 그라디언트의

색을 서로 바꾸어주는것입니다! 거울과 같은 것이죠!!

각도는 방향값을 설정할 수가 있겠구요!

일러스트 동영상 수업을 통해서 그라디언트도구를 알아보았으니

실제 어떻게 쓰이는지도 함께 보도록 할게요~~

패널을 먼저 열어주도록 하구요

일러스트 동영상 처럼 객체를 먼저 그립니다!

원형 도구를 하나 더 그릴때에 선생님은 shift 키를 이용하여

정 원을 그렸네요!

그라디언트도구 또한 일러스트 한글판 동영상을 통해서

쉽게 배워볼수 있었습니다^0^

'웹디자인' 카테고리의 다른 글

인디자인 강좌/동영상 ※단축키 (0)	2014.09.05
플래시(CS6)동영상 및 강좌_비트맵추적 (0)	2014.09.04
포토샵(CS6) 강좌&동영상\| 환경설정/기본메뉴 (0)	2014.09.03
HTML5 강좌&동영상->HTML편집기 (0)	2014.08.30
컴퓨터그래픽스운용기능사 동영상 강좌\|\|디자인 (0)	2014.08.27

Posted by IB96

포토샵(CS6) 강좌&동영상| 환경설정/기본메뉴

포토샵 강좌, 오늘은 환경설정과 기본메뉴 사용법에 대해 알아보는 시간입니다!

말 그대로 기본중의 기본이 되는

내용이기 때문에 잘 알아두고 숙지하기로 합니다^^

포토샵CS6 버전으로 포토샵 강좌가 진행되니 참고하세요!

포토샵 강좌에서 먼저 알아볼 것은 기본 환경설정에 대한 것인데요!

포토샵 강좌에서 보듯이 버전이 바뀌면서 인터페이스의 색상도 바뀌었네요!

혹시라도 어색하거나 사용하기 힘든 분들은 이렇게

메뉴->편집->환경설정->인터페이스로 들어가서 변경할수가 있습니다

포토샵 동영상 화면이 바로 인터페이스의 색상테마를 지정하는

환경설정 창 인데요! 아무래도 이미지에 집중해서 편집할수 있도록

포토샵 동영상 화면의 기본 색상은 2번째 테마로 되어있습니다!

3번째 테마가 예전버전의 인터페이스 색상이구요~

포토샵의 단위와 눈금자를 변경할수 있는 환경설정도 있구요

포토샵 동영상에서는 기본으로 되어있는 단위_픽셀을 사용합니다

기능별로 같은것끼리 모여있는 메뉴바가 있구요

그 밑의 옵션바가 바로 포토샵 동영상에서 노란색 상자이구요

툴바의 보조기능을 해주는것이 옵션바입니다.

툴바는 빨간색 상자인것 아시죠?^^

포토샵 동영상을 통해서 기본을 다져보았으니 다음에는

좀더 심도있는 내용을 다뤄보도록 할게요!

'웹디자인' 카테고리의 다른 글

플래시(CS6)동영상 및 강좌_비트맵추적 (0)	2014.09.04
일러스트(한글판) 강좌&동영상 #그라디언트도구 (0)	2014.09.04
HTML5 강좌&동영상->HTML편집기 (0)	2014.08.30
컴퓨터그래픽스운용기능사 동영상 강좌\|\|디자인 (0)	2014.08.27
일러스트 동영상 강좌(한글판)-색상설정,선도구 (0)	2014.08.22

Posted by IB96

HTML5 강좌&동영상->HTML편집기

HTML5 강좌 첫번째 시간입니다

먼저 개요를 간단히 설명드리도록 하겠습니다^^

HTML 4.01버전이 이전까지 사용되었는데 10년정도

아마 사용하셨을거라고 생각이 됩니다.

인터넷의 발전에 비해서는 웹페이지를 디자인하는데에 있어서

4.01버전은 약간 진부한 버전이었다고 볼수가 있는데요!

HTML5 강좌 화면에서는 HTML 편집기를 다운로드 해볼텐데요

편집기란 페이지를 작성하고 실행하기 위한 에디터 프로그램 입니다.

HTML5 강좌 선생님께서 추천해주신 프로그램은 에디트 플러스

(EDIT PLUS)입니다. 간단하게 네이버에서 다운로드를 받을수 있다고 하네요!

HTML5 동영상 화면에서처럼 해당 HTML 편집기 이름을 검색하면

해당하는 프로그램과 바로가기가 뜨는데

HTML5 동영상 화면에서처럼 소프트웨어 정보에 있는 편집기 이름을

클릭하시면 다운로드 창으로 넘어갑니다!

네이버에 로그인을 하면 초고속 다운로드가 가능하구요!

HTML5 동영상처럼 일반다운로드 받으셔도 되구요!

아마 원래 HTML5 동영상에서 말씀해주듯이 메모장을 활용해도 상관은 없구요

HTML5 사용할때 기존에 쓰시던 편집기가 있으면 그대로 사용하셔도 무관하다고 합니다^^

HTML5 잘 활용해보도록 할게요!

'웹디자인' 카테고리의 다른 글

일러스트(한글판) 강좌&동영상 #그라디언트도구 (0)	2014.09.04
포토샵(CS6) 강좌&동영상\| 환경설정/기본메뉴 (0)	2014.09.03
컴퓨터그래픽스운용기능사 동영상 강좌\|\|디자인 (0)	2014.08.27
일러스트 동영상 강좌(한글판)-색상설정,선도구 (0)	2014.08.22
포토샵 강의 동영상(CS6) ○ 레이어의 개념 (0)	2014.08.22

Posted by IB96

컴퓨터그래픽스운용기능사 동영상 강좌||디자인

※컴퓨터프로그래밍/자격증/오피스/디자인 동영상무료 강의사이트 가기☜

컴퓨터그래픽스운용기능사 강좌 디자인 수업을 들어보도록 하겠습니다.

어떤 학문이나 공부든 먼저 어떻게 생겨났고 의미가 어떤것인지

먼저 아는게 중요한데요!

이번시간에 디자인의 의미와 목적에 대해서 공부하도록 하겠습니다!

컴퓨터그래픽스운용기능사 강좌 중 필기에 해당하니

참고해서 보시면 될것 같구요^^

디자인에 관해서 컴퓨터 그래픽스운용기능사 강좌에서는

의미와 목적,성립,조건,분류,특징에 대해서 살펴볼텐데요!

우리가 왜 디자인을 배우는지, 배워서 어떤방식으로 사용하는지도

알고있다면 학습하는데에 더 능률이 오를것 같네요~~

디자인의 의미는 계획을 표현하다 설계하다는 의미가 있다고 하네요!

컴퓨터그래픽스운용기능사 동영상 화면에 보듯,

실용적이고 미적인 조형의 가시적인 표현이라고도 말할수가 있네요

어떻게 해서 디자인이 성립되었는지도 배워봅시다

컴퓨터그래픽스운용기능사 동영상 에서는

산업혁명 이후 대량생산이 가능해지면서 상업적인 요소와

대중성을 가지게 되었다고 말해주고 있네요!

성립과정또한 컴퓨터그래픽스운용기능사 동영상 화면을 참고하시면 되겠습니다.

자세한 내용은 홈페이지를 참조하시면서 공부하시길 바랄게요^0^