Introduction to Web Design.

Slides:



Advertisements
Similar presentations
웹사이트 분석과 설계 - 콘텐츠 설계 학과 : e – biz(2-1) 이름 : 조정민 ( )
Advertisements

CI(Continuous Integration) 이학성. C ontinuous I ntegration? 2 지속적으로 품질관리 를 적용하는 과정 개발자가 기존 코드의 수정 작업 을 시작할 때, 코드 베이스의복사본을 받아서 작업을 시작하면서 코드의 변경.
1 08 시스템 구성도 고려사항 * 웹 서버 클러스터 구성  클러스터 구축은 ㈜ 클루닉스의 Encluster 로 구축 (KT 인증,IT 인증 획득, 실제 클러스터 구축 사이트 200 여곳 )  웹 서버 클러스터는 Dynamic, Static, Image.
1 강. 안드로이드 개요 및 개발 환경 구축 - 안드로이드 개요 -JDK 설치 -Path 설정 - 이클립스 설치 -ADT, SDK 설치 Lecturer Kim Myoung-Ho Nickname 블스
Big Data & Hadoop. 1. Data Type by Sectors Expected Value using Big Data.
Image Processing 이 뛰어남 존 놀과 토마스 놀 두 형제에 의해 탄생 1990 년 Adobe 사가 상업화 시킴 Web 디자인, 사진합성, 영화 특수 효과 등 컴퓨터 그래픽 전반에 걸쳐 널리 사용됨 비트맵 방식 이미지 프로세싱 Web 디자인 비중이 커지면서.
2016 유성환 Hybrid MOBILE.
컴퓨터와 인터넷.
컴퓨터 운영체제의 역사 손용범.
목 차 C# 언어 특징 .NET 프레임워크 C# 콘솔 프로그램 C# 윈도우 프로그램 실습 프로그래밍세미나 2.
(Web Programming & Practice)
30강_웹문서 제작 팁 웹문서 제작 팁 Lecturer Kim Myoung-Ho Nickname 블스
Insert Footer or Copyright Information Here
멀티미디어 디지털디자인 제작 콘텐츠 취업 분야
1. 신뢰할 수 있는 싸이트 등록 인터넷 익스플로러 실행 후 실행
피티라인 파워포인트 템플릿.
1장. 이것이 C 언어다.. 1장. 이것이 C 언어다. 프로그래밍 언어 1-1 C 언어의 개론적 이야기 한글, 엑셀, 게임 등의 프로그램을 만들 때 사용하는 언어 ‘컴퓨터 프로그래머’라는 사람들이 제작 C 언어(C++ 포함)를 가장 많이 사용함.
콘텐츠 제작 프로젝트 [교재] - OpenGL 프로그래밍 가이드, 제4판, Dave Shreiner, Mason Woo, Jackie Neider, Tom Davis 공저, 남기혁 역, 정 보문화사, [참고자료] OpenGL Programming.
HTML and CSS for Designer
운영체제 박상민.
MOS 자격증 Word-Expert 2003.
CHAPTER 02 OpenCV 개요 PART 01 영상 처리 개요 및 OpenCV 소개.
8장. 원격지 시스템 관리하기.
소개. 소개 Silverlight, WPF, RIA, UX.... ? Silverlight, WPF, RIA, UX.... ? IT환경의 진화.
Visual Basic .NET 처음 사용하기.
학습목표 학습목차 다른 홈페이지의 HTML 파일 코드를 보는 방법에 대해 알아봅니다.
KeyNote Blur Template By BlancStar.
건축설계사 임동진.
엔터테인먼트학과 오광 조장 : 이아름 조원 : 김우람 최영은
김희정 프로그래머가 알아야 할 Photoshop.
Slice&link.
자바응용.
2장. JSP 프로그래밍을 위한 환경구성 제2장.
15차시_스마트 애플리케이션 기획 스마트 애플리케이션 모형 제작 및 발표.
플래시 멀티미디어 저작 이론 김수우 김진영
인터넷 따라 하기 ◆ 인터넷 시작 하기 ◆ 인터넷 끝내기 ◆ 홈페이지 방문 및 정보검색 ◆ 전자우편( ) 가입
컴퓨터소프트웨어설계및실험 년 1학기 실험계획 -.
TERM PROJECT 제안서 안내 2010 컴퓨터공학실험(Ⅰ).
그래픽 모듈 편집.
자율주행 차량용 드라이빙 컴퓨팅 하드웨어 플랫폼 05
프로그래밍 원리 Chapter 05 자바스크립트 기초 신한대학교 IT융합공학부 박 호 균.
FileMaker를 이용한 데이터 관리 옥현진(KICE).
웹디자인
PowerPoint 2009/2/17.
2강_첫번째 안드로이드 프로젝트 에뮬레이터(AVD) 만들기 처음 만들어 보는 프로젝트 전체적인 구성 살펴보기
9강. 클래스 실전 학사 관리 프로그램 만들기 프로그래밍이란 결국 데이터를 효율적으로 관리하기 위한 공구
※ 편리한 사이버 연수원 사용을 위한 인터넷 최적화 안내 ※
컴퓨터 소프트웨어 설계 및 실험 년 1학기 실험계획 -.
네트워크 환경 구축과 이미지 전송 호스트/타겟 통신 직렬 통신을 이용한 이미지 전송 수퍼 데몬 BOOTP 환경 구축
( Windows Service Application Debugging )
오토베이스9 사용자 라이브러리 오토베이스 교육센터 그래픽 모듈 설정과 화면전환에 대하여 자세히 알아본다. <목차>
Cold Spring Harbor Laboratory Press 저널 이용 매뉴얼
헤드라인 헤드라인 헤드라인 헤드라인 헤드라인 헤드라인 헤드라인 헤드라인 헤드라인 헤드라인 헤드라인 헤드라인 텍스트 샘플 텍스트
암호학 응용 Applied cryptography
컴퓨터 소프트웨어 설계 및 실험 년 1학기 실험계획 -.
1. 인터넷 보안 옵션 레지스트리 등록 Config Setup 클릭.
Bizforms PowerPoint IT, 솔루션, 온라인서비스5 파워포인트 디자인
브랜드림 27기 지원서.
멀티미디어 활용 -플래시 CS3 류 정 남.
견적서 웹사이트 구축 프로젝트를 위한 웹사이트 구축을 위한 견적서 양식으로써 기업 자체적으로 인건비
웹과 모바일 홈페이지의 이해와 제작 웹기획 & 제작
“Poster Main Title” Author and co-author names
학부 컴퓨터공학부 교육과정 (학부) 2학년 4학년 3학년 1학년 1학기 2학기 IPP 자격과정 전공트랙
트위치 트게더 Twitogether 김준희.
피티라인 파워포인트 템플릿.
펌웨어(S/W) Upgrade 방법 Samsung Kies3
플래시MX2004 디자인스쿨 Chapter 11. 플래시와 사운드.
VAULT BASIC / VAULT PROFESSIOAL
실전 프로젝트: 홈페이지 구축 시트콤 프렌즈 팬 사이트 구축하기.
생산성 증대 효율성 향상 측정 수행 능력.
Presentation transcript:

Introduction to Web Design

SPARCS 10 ID 09 Mingyoeng Kim I am a Designer.

정모 2번 빠져서 정회원이 되지 못한 못난이일 뿐입니다 ㅠㅠ

앞으로는 열심히 할게요!! 그럼 시작하겠습니다 

What do you think of “Web Design”? Who is “Web Designer”? And, What is different with Web master?

우리나라 프리랜서 웹디자이너 홈페이지 http://www.visualsky.kr/

먼저, 웹디자이너가 무엇을 하는 사람인지 또, 웹마스터와는 뭐가 다른 건지 알아보겠습니다.

What is a Web Designer?

Then, What is a Web Master?

What is a Web Master?

웹디자이너가 신규 사이트 제작에 비중이 높다면 웹마스터는 관리자에 비중이 높습니다.

웹 디자이너가 되려면, !! 프로그래머와의 커뮤니케이션 관련 사전지식이 충분해야 한다. 2. 최종 결과물이 화면용이므로 화면용 색상과 인쇄 출력용 색상의 정확한 인지가 있어야 한다. 3. 자신만의 끼를 가지고 창의적인 감각이 있어야 한다. 4. 최근 유행에 민감해야 한다. (웹은 유행에 민감하다.) 5. php, asp 등의 어느 정도 코딩 능력이 있어야 하고 최근에는 플래시가 필수다.   !! 웹 디자이너가 되려면,

^^ 가장 중요한 연봉은……

프리랜서는 원래 가난함과 부유함을 함께 겪지만 네이버 지식in에 따르면, 뭐, 그 사람의 능력과 경력에 따라 천차만별이고 신입의 경우에도 스펙이 따라주면 또 다르고 프리랜서는 원래 가난함과 부유함을 함께 겪지만 그래도 대충, 웹디자이너가 2000만원 웹마스터는 웹디자이너보다 좋을꺼래요… 생각보다 박봉

국내외 유명 웹디자이너에는 누가 있을까요? First, Who design ?

인터넷에 검색해보니, 네이버의 변천사가 나오더군요 :D ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ

Who design “NAVER”? Sooyong Cho, 조수용 M.S. (1996), Department of Industrial Design, Seoul National University 2007.07~ NHN director 2007.02~2007.06 Head of NHN CMD 2003.07~2007.02 Head of NAVER Deisgn

Second, Who design ?

Who design “Google”? Dennis Hwang , 황정목 전체적인 디자인 총괄 Logo Designer of Google Web Master of Google 전체적인 디자인 총괄

웹디자이너들은 어떤 프로그램을 사용할까요?

우리나라에서는 어도비 프로그램을 많이 쓰는가 봅니다 ;; Fl Ai

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

Photoshop 래스터 그래픽 편집기 픽셀방식 2차원 [편집] 래스터 방식 [편집] 어도비 포토샵 페인트샵 프로 코렐 페인터 김프 벡터 방식 [편집] 어도비 일러스트레이터 플래시 코렐 드로우 3차원 [편집] 오토캐드 3D 스튜디오 맥스 마야 (소프트웨어) 라이트웨이브 소프트 이미지 XSI 스케치업 ZBrush Photoshop 래스터 그래픽 편집기 픽셀방식

Ai Illustrator 벡터 드로잉 프로그램 어도비 일러스트레이터(Adobe Illustrator)는 어도비 시스템즈사에서 개발한 벡터 드로잉 프로그램이다. 맥 오에스와 윈도우 플랫폼을 지원한다. 파일의 용량이 적고 그림을 확대해도 선명한 장점이 있지만, 가격이 비싸다는 단점이 있다. 쿼크익스프레스, 어도비 포토샵과 더불어 전자출판에서 많이 사용한다. 그래프, 픽토그램, C.I, 캐릭터 작업등에 사용되며, 이미지 스캐너로 스캔한 그림을 따서 그리는 작업에도 쓰인다. 최신버전은 맥 오에스 텐과 윈도용인 일러스트레이터 CS이며 하위버전 저장이 되지 않는 단점이 있다. Illustrator 벡터 드로잉 프로그램

Fl Flash (벡터기반) 웹 저작도구 영상제작이라고해야하나 상호 작용적인 벡터 기반의 웹사이트를 제작할 수 있는 웹 저작 도구이다 Flash (벡터기반) 웹 저작도구 영상제작이라고해야하나

?!

Thanks. 시간이 없어서 준비 많이 못했네요. 못난이였습니다 

웹 디자이너가 되려면, !! 프로그래머와의 커뮤니케이션 관련 사전지식이 충분해야 한다. 2. 최종 결과물이 화면용이므로 화면용 색상과 인쇄 출력용 색상의 정확한 인지가 있어야 한다. 3. 자신만의 끼를 가지고 창의적인 감각이 있어야 한다. 4. 최근 유행에 민감해야 한다. (웹은 유행에 민감하다.) 5. php, asp 등의 어느 정도 코딩 능력이 있어야 하고 최근에는 플래시가 필수다.   웹 디자이너가 되려면, !!

화면용 색상과 인쇄 출력용 색상 RGB CMYK ※ 화면용이면 RGB로, 출력용이면 CMYK로 설정해놓고 쓰세요. 가끔!! 안 그러면 나중에 색이 달라서 안습ㅠㅠ되는 경우도 있습니다. 돌아가기