웹디자이너와 웹퍼블리셔
첨부파일 https://imweb.eond.com/coding/346254

작업을 하다보니깐 웹디자이너와 웹퍼블리셔의 차이가 보이네요. 저는 웹퍼블리셔입니다. 

과거에는 단순히 html을 이용해서 홈페이지를 만들던 시절이라 디자이너와 코더의 영역 구분이 모호했는데,

해서 디자이너가 코딩도 해서 홈페이지를 만들기 쉬웠었죠.

하지만 요즘에는 다양한 기기, 다양한 브라우저, 또 기술의 발달에 따라 과거 코더라고 불리던 웹퍼블리셔의 영역이 확고히 자리 잡은 것 같습니다. 



웹디자이너는 보이는 순서대로 작업을 하고, 웹퍼블리셔는 구조를 생각한 뒤에 각 파트별로 작업을 하는 것 같습니다.


웹디자이너와 웹퍼블리셔는 작업 방식 자체에서 차이가 있는 것 같습니다.


웹디자이너는 포토샵에서 웹사이트 시안을 만들고 나서 드림위버로 똑같이 페이지를 만드는 방식입니다.

웹디자이너의 작업 방식은 드림위버에서 코드와 웹페이지의 위지윅 웹에디터 창을 열어놓고 서로 맞춰가며 작업을 합니다.


웹퍼블리셔는 브라우저를 통해 혹은 PSD 파일을 보고 전체적인 틀을 생각한 뒤 아무 것도 없는 페이지에 코드를 작성하죠.

그러니깐 아무 것도 없는 흰색 창에 HTML 코드들을 적어 내려 갑니다. 하지만 적는 순서는 웹페이지에서 보이는 위에서 아래로의 순대로가 아니라 헤더와 바디, 푸터를 작성하고 각 영역대로 내용을 집어넣고, 스타일시트를 이용해서 페이지를 꾸미죠.


웹디자이너도 이와 비슷하게 작업을 하고 둘 다 아무 것도 없는 페이지에서 시작을 합니다만 

웹디자이너의 방식은 위에서부터 아래로 보이는 것 순대로 작업을 합니다.

하지만 웹퍼블리셔는 구조를 생각하죠. 머리, 본문, 푸터 영역 순으로요.


다시 정리하자면, 

웹디자이너는 보이는 순서대로 작업을 하고, 웹퍼블리셔는 구조를 생각한 뒤에 각 파트별로 작업을 하는 것 같습니다.


홈페이지의 디자인은 웹디자이너가 나은 것 같고, 레이아웃을 만드는 코딩 능력은 웹퍼블리셔가 나은 것 같습니다.

과거 HTML로만 홈페이지를 만들 때는 웹디자이너와 코더로 그 분야가 나뉘지만 그 영역의 구분은 그다지 없었죠.

디자이너가 코딩도 하고, 코더는 단순 코딩만 하는 사람이기도 하지만 간단한 디자인도 했으니깐요.

하지만 코더는 지금의 웹퍼블리셔만큼의 비중은 없었던 것 같습니다. 하지만 점차 디바이스의 영역이 구분이 없어지고, 다양한 기기, 다양한 브라우저가 나타나면서 퍼블리셔의 역할이 커진 것이죠. 기기, 브라우저, HTML5/CSS3/jQuery 등의 기술의 변화, CMS의 스킨화에 따라 퍼블리셔의 능력이 점차적으로 많이 요구되는 것 같습니다.

코멘트 0
접기/펴기 | 댓글 새로고침
 
 
Total 235 articles in 5 / 12 pages
번호 제목 제목 날짜날짜
공지 코딩 배울 수 있는 사이트 모음(HTML/CSS/JS/IMG/PHP) 2018/01/03
공지 jQuery를 배울수 있는 동네들입니다. 2013/08/09
공지 관련 링크 [1] 2010/05/23
155 [Script] 롤오버 메뉴 만들기 [1] 2009/01/18
154 [Script] marquee 태그 위에 마우스 올렸을 때 자동스크롤 일시정지.. event 2014/02/11
153 [Form] 셀렉트박스 select 화살표 이미지로 바꾸는 스크립트 파일 2014/01/14
152 [미분류] 웹 표준에 관한 생각 2013/12/01
151 [HTML5] ie에서만 사용하는 if IE 사용법나의일 2013/11/07
150 [미분류] 퍼블리싱을 한다는 것은? 2013/10/22
149 [Script] 단축키 핫키로 원하는 동작을 실행하자 파일 [1] 2013/09/22
현재글 [미분류] 웹디자이너와 웹퍼블리셔 2013/09/21
147 [미분류] 웹퍼블리셔라는 말을 만든 이유 2013/09/18
146 [Script] 비밀글 주민등록번호 검사 스크립트 2013/09/17
145 [웹표준] 웹퍼블리셔 자격증 2013/09/16
144 [Table] 웹 접근성을 고려한 기본 테이블 구조 (html5, table, 웹 접근성, 웹 표준) 파일 2013/09/13
143 [웹표준] 실전 웹 표준 가이드(PDF) 파일 2010/12/01
142 [HTML5] [HTML5/CSS3] 멀티미디어 태그 (video, audio, embed, canvas) 2013/09/06
141 [미분류] 웹퍼블리셔의 베타성, 문제점 2013/09/04
140 [미분류] 웹퍼블리셔란? [출처] 웹퍼블리셔란?|작성자 라랑 2013/09/04
139 [미분류] 퍼블리셔의 마인드? [출처] 퍼블리셔의 마인드?|작성자 라랑 2013/09/04
138 [반응형 웹] 전진님의 반응형 웹 강좌 2013/08/18
137 [jQuery] 왼쪽에 숨겨진 레이어를 보여주자 파일 2013/08/09
136 [Script] 전체화면 레이어 팝업 소스 2013/08/09

해시태그 디렉터리

오늘의 핫게시물