모바일홈페이지제작과정/모바일홈페이지제작반/홈페이지만들기/홈페이지만드는방법

강의목표

스마트폰 모바일 전문디자이너를 양성합니다! 웹디자인과정은 웹사이트의 디자인과 제작방법을 실무에서 필요로 하는 요소에 초첨을 맞춰 학습할 수 있는 실무위주의 교육과정입니다. 웹디자인 실무과정을 수료하면서 웹사이트 제작 업체인 웹에이전시 네이버나 다음 등의 인터넷 서비스 업체 기업체 홍보실 등에서 일하거나 프리랜서로 일할 수 있으며 앞으로도 꾸준히 매우 전망이 높은 분야입니다. 그린컴퓨터 아트학원은 최신의 실습실과 기자재로 구성된 환경에서 교육의 질을 높이기 위해 소수정예인원을 선별하여 수업을 진행하고 있으며 취업시 취업전문 포털회사인 인크루트와 본원의 센터를 통해 취업을 추천하여 드립니다. 본 교육 과정을 통해서 최고의 전문 웹 디자이너가 되어 보시기 바랍니다 웹퍼블리셔 웹 표준의 개념과 원리를 이해하고 웹 표준을 준수한 많은 사이트를 벤치마킹한 뒤 다양하고 유용한 실무 스킬과 팁을 활용한 웹 사이트 (쇼핑몰,홍보사이트 등)를 제작하며, HTML+CSS+JAVA Script로 웹 컨텐츠의 구조와 표현, 동작을 명확하게 분석하고, 웹 표준을 준수하여 웹 사이트를 디자인하며, 사용자와의 상호작용을 향상시킬 수 있는 기술력을 갖춘 웹 퍼블리셔(기존의 코더라고 불리던 HTML제작자)를 양성하는 과정입니다. 구조적인 언어와 표현 언어의 관계를 인식함으로써 웹 표준 퍼블리싱을 스스로 구현하고 제작할 수 있도록 학습합니다.

강의특징

홈페이지를 제작하는 일로서, 홈페이지 기획, 설계,제작을 하며 제작에 필요한 컴퓨터 시스템 운용 및 사용할 그래픽 및 웹프로그램배우는 교육과정입니다

관련자격증

웹디자인기능사과정

참고작품

그린갤러리

일러스트 입문/활용 (1개월) 백터이미지 제작에 활용도가 높은 일러스트레이터의 기본툴과 활용법 1주 - OT - 그래픽 기초의 개념 및 수업진행 방향, 예제나 작품 보여주기 - 기본 툴박스, 파일/new, stroke, arrange - 펜툴 사용예제/선과 면으로 그림예제그리기 - 도형만들기   rectangle tool, rotate scale, edit, object(group,ungroup,lock,unlock,all,hide) 2주 - 컬러모델.컬러모드.이미지표현방식이해하기 - 타이포그래픽도구설 명. 개체선택과편집하기 - 패스파인더 팔레트를 이용하여 변형하기 - 자유변형 툴/패스 파인터 팔레트를 사용하여 엽서만들기 3주 - 그레이디언트와 패스파인더를 이용한 동화이미지만들기 - 블랜드를 이용하여 예제연습 - 마스크 기본 익히기 - 블랜드마스트기능을 사용하여 행사 포스터 만들기 4주 - 펜툴문자 스타일과 문자스타일 팔레트를 사용하여 편집툴 만들기 - 패턴의 이해와 예제 - 어파이어런스 속성과 이펙트 기본익히기 - 패턴 브러시와 스캐터 브러시를 사용하여 삽화 만들기

포토샵입문 (1개월) 포토샵의 기본툴과 이미지 수정법등의 기본사용법 1주 - 픽셀 해상도 란? 백터와 비트맵 - 기초 선택도구 - 모드 -비트맵 image size cavas sizw crop tool slect a매뉴 가이드 브러쉬툴 마술봉 2주 - 브러시팔레트 - 리터칭도구 - 사진수정을위한전체설정 - Liquify 리퀴피아 레이어란 그라데이션 - 레이어 팔레트 설정 effect 3주 - 이미지변형 메뉴, transform 타입 그자입력 - 색상, 명도. 채도 - 색상효과 - 디카보정유용 - 패턴 4주 - pen tool path 팔레트외 수정 - 레이어 정렬과 간격정렬 layer via copy - Filter texture쉐입종류 - 레이어스타일effect styles 팔레트 - 종합

포토샵활용 (1개월) 포토샵의 고급기능과 광고편집에 많이 이용되는 기능을 사용 작품 제작 1주 - OT - 테스트 filter noise addnoise distort ripple - Image 메뉴 mode 인덱스 칼라테이블 - Layer mask reveal all드로잉 그라디언트생성 - Layer mask reveal selection선택생성 2주 - Clipping mask - 컴퓨터운용기능사 실기 - Adjustment layer - 레이어 set폴더 - 도트툴 3주 - 액션이란? - 필터활용배경 - 마스크 블랜딩모드효과 - 필터활용이미지합성 - 채널이란? 4주 - 채널알파 - 채널질감 - 이미지레디-슬라이스 - 이미지레디-플래시애니메이션 - 서술풀이 단축키목록

HTML(웹표준)/Dreamweaver (1개월) HTML은 인터넷 서비스의 하나인 웹을 통해 볼수 있는 문서를 만들때 사용하는 프로그래밍 언어의 한 종류로 포토샵과 일러스트로 제작한 디자인을 웹상에서 표현해 주는 과정 1주 - XHTML태그 구성요소, 웹페이지 작성법 - 폰트, 문단, 목록, 이미지, 하이퍼링크태그 사용법 - Table태그의 기본구조와 사용법, 레이아웃 작성법 - CSS의개요 및 CSS와HTML의 표현차이의 이해 - 박스모델의 구조와특성, 마진과패딩 의차이 2주 - 웹표준을 준수하는 레이아웃 코딩법 - 사이트 정의 방법, 웹사이트의 파일관리 - 문서속성, 텍스트입력, 이미지삽입및 웹페이지 제작 - 하이퍼링크, 앵커기능의 사용법및 웹페이지 제작 - 테이블구조와 테이블 레이아웃 작성법 3주 - AP엘리먼트 레이아웃 작성법 - CSS와 웹표준 레이아웃의 이해및 표현법 - 폼정의, 텍스트필드, 텍스트영역 필드,파일필드 사용법, 쌍방향 폼문서 제작 - 플래시콘텐츠, 사운드효과, 동영상무비 적용법, 멀티미디어 웹페이지 제작 - 프레임과 아이프레임 구조와 사용법, 홈페이지 제작 4주 - 템플릿과 라이브러리 사용법, 템플릿활용 홈페이지 제작 - 비헤이비어 이해및 사용법, 자바스크립트연동과 웹문서 구현 - 익스텐션의설치와 사용법, 다이나믹한 웹페이지제작 - 웹표준에 준수하는 웹사이트 제작하기 - FTP의 사용방법 및 계정등록, 게시판 설정하고 등록하기

웹표준과 접근성(XHTML + CSS + javascript) 1일차 - web 2.0과 웹표준의 개념/ 웹시장의 변천사 - 웹접근성의 개요와 필요성 - cross browsing 과 다양한 웹브라우져 설치/세팅 2일차 - 웹호완성 검사/ IETester/ http://validator.w3.org/ - CSS 규칙 해부 / DOCTYPE/XML namespace/컨텐츠 타입 - 스타일을 적용하는 3가지 방법(인라인/임베디드/링크드 style) 3일차 - 문서 구조 내에서 태그 타겟팅의 다양한 방법(id / class) - 유사 클래스(가상 클래스) / 가상 요소(유사 요소) - 상속 / 계단식 정보 전달 4일차 - 폰트와 텍스트/이미지 스타일 하기/단위(절대,상대) - 목록처리방법(ul, ol, dl)과 각 특징 이해 - 박스모델의 이해(DIV,P) /margin / padding 5일차 - Floating 그리고 clearing / Position 속성 / Display 속성 - 표준 table 처리 방법 - 리스트(List) 꾸미기 6일차 - css기반의 Menu(2 depth) 스타일링 - css기반의 Menu(3 depth) 스타일링 - 레이아웃의 종류와 특징 소개(div coding) 7일차 - 2단 레이아웃 구현(고정 , 유동) - 3단 레이아웃 구현(고정 , 유동) - position을 이용한 2단,3단 레이아웃 구현 8일차 - 다양한 레이아웃의 div coding 활용1 - 다양한 레이아웃의 div coding 활용2 - 다양한 레이아웃의 div coding 활용3 9일차 - iframe 의 활용1(고정 사이즈) - iframe의 활용2(유동 사이즈-scrolling) - iframe의 활용3(유동 사이즈-높이 유동) - javascript 활용 10일차 - java script의 필요성과 이해 - 퀵메뉴(quick menu) 추가하기-상대 position, 절대 position - 레이어의 유동 높이 처리/ 자바스크립트 (탭처리) 11일차 - 팝업 레이어 소개( absolute position 이용) - main popup 삽입 방법과 cookie - 다양한 방법의 레이어 팝업 처리 12일차 - 종합적인 페이지 구현1 13일차 - 종합적인 페이지 구현2

HTML5 + CSS3 핵심기술 1일차 - HTML5의 배경 - HTML5 개요 - 웹표준과 웹접근성 - HTML5 표준 문서 - HTML5의 새로운 태그 소개 - HTML5의 달라진 태그들 소개 - 실전예제 2일차 - 구조와 문법 - 요소와 속성 - DOCTYPE 문서속성 - 이미지 - 폼 - 테이블 - class/id 3일차 - 추가된 주요 태그들 - video - audio - 캔버스(Canvas) 기본사용법 - 도형그리기 실습 - 변형/합성 실습 - 드로잉/텍스트 실습 4일차 - CSS2와 차이점 - text 관련 예제 - table 관련 예제 - image 관련 예제 - animation 관련 예제 - button 관련 예제 - 투명도 관련 예제 5일차 - 페이지 레이아웃 - 위치 지정 - float 속성 - 네비게이션 - 탭 메뉴 - 그라데이션 - 기타 예제 6일차 - 드래그 & 드롭 API - Application Cache - Web Storage API - Web Worker - Web SQL Database - Geolocation API - SVG 7일차 - 모바일에서의 HTML5 - 모바일 브라우저 - Web App VS Native App - 아이폰 기반 HTML5 - UI라이브러리/ 프레임? - JQTouch - 마크업을 위한 좋은 습관

웹표준을 이용한 모바일 홈페이지제작 1일차 - 웹 접근성의 개요, 웹 콘텐츠 접근성 지침 - 웹표준 관련기술, 웹표준의 장점, 웹브라우저와 웹 표준 - 웹퍼블리싱 작업환경 만들기, Html & xHtml 2일차 - Html 문서형 선언과 문자코드 설정, 각종 메타태그와 네비게이션 링크 - Block요소와 Inline요소의 개요, 제목, 문단, 작성자 구분선에 관한 요소 - 텍스트를 위한 인라인 요소, 여러가지 링크의 표현 3일차 - 이미지 관련 요소, 필드셋, 각종 목록을 표현하는 요소 - CSS의 개념 및 각종 단위, 인라인 스타일과 외부링크 스타일 - id와 class선택자, 선택자의 우선순위, 표를 만드는 테이블요소, 폼 요소 및 관련 요소 4일차 - 인라인프레임과 객체삽입, 박스모델 - 마진, 패딩, 보더 스타일, 플로팅의 개념과 클리어 - 포지셔닝의 개념 5일차 - 레이아웃 설계 - 메인 콘텐츠 마크업 - 서브 템플릿 마크업 6일차 - HTML 유효성 검사 - 스타일시트의 계획 및 구성 - 스타일 초기화, 레이아웃 스타일 7일차 - 수평, 수직 네비게이션 8일차 - 레이아웃 템플릿 작업 9일차 - 모바일 UXUI디자인 개념 - UX와 관련된 다이어그램 - 사용자 경험 설계 방법론, 모바일 웹 제작시 주의사항 10일차 - 모바일 UXUI디자인 설계 - 모바일디자인 제작 - 모바일디자인 접근성 진단