'홈페이지제작/일러스트레이터'에 해당되는 글 2건

 
웹디자이너 웹퍼블리셔란? 자바스트립트,제이쿼리에 관하여

요즘은 웹디자인이 인기있는 직업으로 뽑히고 있습니다!

웹디자인,웹퍼블리셔 쪽으로 취업을 하시면 매우 전망이 좋기 때문이죠!!

그래서 오늘은 웹퍼블리셔에 대해 알아볼까합니다!

★Jabascript,JQruey 웹퍼블리셔★알아보기!

 
다양한 디바이스의 웹표준 호환성에 이해!

웹퍼블리셔는 2008년 4월 11일부터 시행된[장애인차별금지 및 권리 구제 등에 관한 법률] 및 동법 시행령들 관련 규정을 준수 할 수있게 되면서 웹 접근성에 대한 인식이 높아졌습니다.누구나 어디에서나 동일한 정보를 얻을 수 있는 신체적,환경적 영향을 받지 않고 정보를 얻을 수 있어야 한다는 규정이 만들어졌습니다. 기존 웹페이지를 만들던 방식이 3개의 구조로 나누어지면서 웹디자이너나 웹 프로그래머가 작업이 불가능해지며 전문웹퍼블리셔가 등장했고, 현재 웹퍼블리셔는 전문적인 지식을 가지고 있으면서 디자인에 대한 기본적인 이해도를 가지고 있어야 가능합니다. 전문적인 웹 퍼블리셔 인력이 매우 부족한 상태입니다.

웹퍼블셔를 배울려면 기본적으로 웹을 디자인을 할수 있어야 합니다!

포토샵과 일러스트로 툴을 익힌후에 HTML/드림위버 프로그램을 배워야 웹디자인을 할 수가 있습니다.

포토샵과 일러스트 툴은 많이들 알고 계시니까! 오늘은 생략하도록 하겠습니다!!

★HTML/드림위버

홈페이지의 전달 기능, 미적 기능, 인터렉티브한 기능을 충족할 수 있는 홈페이지를 작성하는 프로그램으로서 홈페이지 제작의 기본을 이루는 HTML을 기초로 웹 페이지를 만들고 웹에 게시할 수 있도록 합니다.

또한, 홈페이지 저작 도구인 드림위버로 서버와 클라이언트 간의 상호작용으로 멀티미디어,스타일시트,템플릿, 라이브러리, 자바스크립트를 효과적으로 다룰 수 있도록 합니다.HTML 과 드림위버의 핵심기능을 체계적으로 심도있게 다루는 부분입니다.

최근에 나온 버전들은 CSS,자바스크립트, 다양한서버 사이드 스크립팅, 그리고 ,ASP.NET, 콜드퓨전,자바 서버 페이지,PHP 등의 프로그래밍 언어 및 프레임워크와 같은 웹 기술에 대한 지원을 포함하고 있습니다.

드림위버는 위지웍 프레스토 기반의 편집기이며 사용자에 의해 HTML 코드의 상세한 정보를 숨길 수 있으며,이로써 코드를 잘 모르는 사람들이 웹 페이지와 사이트를 만들 수 있게 도와줍니다!

★웹표준&접근성

 
공공및 민간 웹 사이트의 웹 접근성 준수화가 의무화 되었으며, 웹 표준을 준수했을 때 어떤 브라우저에서든 똑같은 웹 페이지를 보여 줄 수 있게됩니다(크로스 브라우징) 웹 사이트나 웹 페이지가 웹 표준을 준수한다는 것은 일반적으로 올바른 HTML,CSS, 자바스크립트를 사이트나 페이지가 가지고 있다는 것을 뜻합니다. 웹 접근성과 표준화 코드를 구현하기 위해 HTML,CSS 자바스크립트의 기본 원리와 활용 방법을 체계적으로 진행하며 실무 예시로 페이지를 제작, 구현하는 과목입니다. 웹 접근성과 웹 2.0의 표준화 코드 구현, 다양한 방식의 레이아웃구현, 자바스크립트를 사용한 동적 페이지 설꼐 등을 통해 웹 사이트 구축에 필요한 실무 예제로 배울 수 있습니다.

 
★JQUERY( 제이쿼리)

자바스크립트의 기능을 함축시킨 일종의 프레임워크(라이브라리)입니다.

제이쿼리는 코딩의 양을 대폭 줄일 수 있으며, 다음과 같은 시능을 포함하고 있습니다. HTML 엘리먼트를 선택/HTML 엘리먼트를 조작/

CSS핸들링- 이벤트/자바스크립트 애니메이션/DOM 탐색과 수정/AJAM/ 유틸 제이쿼리는 문법이 간결하고 사용하기가 쉬우며, 습득속도가 빠릅니다. 다양한 운영체제와 디바이스에서 작동하는 이식성이 뛰어난 언어로써 별다른 셋팅없이 HTML과 동시에 사용하여 일반 사용자가 손쉽게 인터랙티브한 웹페이지를 제작할 수 있도록 해줍니다.이러한 자바스크림브를 기반으로 라이브러리를 구축한것이 바로 JQuery 이며 HTML과 javascript 사이의 상호작용을 강조하는 웹 어플리케이션 프레임워크입니다.Ajax와 HTML을 제어함으로써 동적이고 화려한 효과를 낼 수 있다는 장점이 있습니다.!

★Javascript(자바스크립트)

미국의 넷스케이프 커뮤니테이션스사가 개발한 스크립트언어

스크립트 언어란? 컴파일(compile)을 하지 않고 작성해서 바로 실행 시킬수 있는 언어

컴파일이란?원시언어로된 프로그램으로 부터 그와 동등한 일을 하는 목적언어로 된 프로그램을 생성하는 작업!프리르포세싱.메크로처리 등등의 언어처리작업을 통칭
 

  일러스트레이터 프로그램 없이 ai 파일 열기

그래픽 전문가들이 많이 사용하는 벡터 프로그램 중 하나는 아마도 Adobe사의 Illustrator 일러스트레이터 일 것입니다.

포토샵으로 만들어진 이미지 포맷 psd를 볼 수 있도록 지원하는 프로그램은 많아졌지만, 일러스트레이터로 만들어진 ai 포맷은 아직도 바로 열어볼 수 있는 프로그램이 많지 않습니다.

오늘 소개하는 방법이 간단하게 ai 파일을 열어보고 활용할 수 잇는 방법에 대한 소개입니다.

ai 파일 확장자를 pdf로 변경해는 것입니다.

의외로 아주 간단한 방법으로 ai 파일을 열어볼 수 있습니다.

즉 이미지 파일 확장자인 ai를 pdf로 변경하는 것 만으로도 쉽게 파일을 열어 볼 수 있습니다.

그럼-먼저 ai파일을 준비하셨다면

 선택한 다음 [마우스 오른쪽 버튼 클릭] - [이름 바꾸기] - 확장자를 ai에서 pdf로 바꾸면 됩니다.

ai파일이 pdf로 변경되어 파일을 열어보는 것은 가능해졌으나, 파일을 활용해서 사용하는 방법도 알아두면 좋습니다.

이미 많은 분들이 알고 계시는 smallpdf.com 사이트를 이용하여 pdf 파일을 편집 가능한 파워포인트나 워드로 변경한 다음 사용하면 됩니다.

https://smallpdf.com/

pdf 파일을 ppt로 변환하여 로고 파일을 추출하실 수 있습니다.

로고 파일을 ppt로 변환 후 파일을 열어보면 (원인은 알수 없지만), 보이는 로고파일이 선택이 안되는 경우가 발생합니다. 이때 [보기] - [마스터 보기] 그룹 - [슬라이드 마스터]를 선택한 다음, 왼쪽의 <슬라이드 마스터> 영역을 선택한 후에 로고 파일을 마우스로 선택하면 개체가 모두 선택됩니다.

가능하면 전용 프로그램을 이용하는 것이 좋습니다.

원본 파일에 따라 로고 파일의 조각이 많이 생기는 경우도 발생합니다. 가능하면 ai 파일은 전문 프로그램을 이용하는 것이 좋습니다. 오늘 소개한 방법은 아주 급할 때에 사용하는 팁이라고 생각하시면 되겠습니다.

ai 파일을 편집할 수 있는 오프소프 프로그램으로는 <잉크스케이프 Inkscape> 도 있으니 참고해보시기 바랍니다. https://inkscape.org/en/

그리고

아래 인포그래픽이의 홈페이지에서 더 자세히 알아보실 수 있습니다.

https://namu.wiki/w/%EC%96%B4%EB%8F%84%EB%B9%84%20%EC%9D%BC%EB%9F%AC%EC%8A%A4%ED%8A%B8%EB%A0%88%EC%9D%B4%ED%84%B0

https://www.behance.net/gallery/25772653/Illustrator-Vs-Photoshop

더 자세한 내용을 보려면 위 링크를 클릭하세요

직장을 다니면서 투잡(알바/부업)으로 월급 많큼 수익을 얻고 싶으시다면  

아래 접속하셔서 상담받아 보실 수 있습니다. (믿음의 재택부업회사)