![cover image](https://wikiwandv2-19431.kxcdn.com/_next/image?url=https://upload.wikimedia.org/wikipedia/commons/thumb/3/3b/CSSZenGardenLikeTheSea.png/640px-CSSZenGardenLikeTheSea.png&w=640&q=50)
웹 디자인
웹사이트의 생성 및 유지보수 / From Wikipedia, the free encyclopedia
웹 디자인(영어: web design)은 웹 브라우저가 해석하고 그래픽 사용자 인터페이스 (GUI)로 보여 주기에 알맞은 마크업 언어 형식으로 인터넷을 통해 전자 매체 콘텐츠 전달의 개념을 정하고 계획하고 모델로 만들어 실행하는 과정이다.
![Thumb image](http://upload.wikimedia.org/wikipedia/commons/thumb/3/3b/CSSZenGardenLikeTheSea.png/640px-CSSZenGardenLikeTheSea.png)
웹 디자인의 목적은 웹 사이트를 만드는 것이다. 이러한 웹 사이트에는 전자 파일이 한데 모여 있고, 웹 서버/서버에 상주하여 최종 사용자에게 요청한 웹 페이지 형식으로 콘텐츠와 상호작용 기능/인터페이스를 제공한다. 텍스트, 비트맵 그림 (GIF, JPEG, PNG), 폼과 같은 요소들은 HTML/XHTML/XML 태그를 사용하는 페이지 위에 놓을 수 있다. 벡터 그래픽스, 애니메이션, 비디오, 소리와 같은 복잡한 미디어를 보여줄 때에는 플래시, 퀵타임, 자바 런타임 환경과 같은 별도의 플러그인을 요구한다. 플러그인은 HTML/XHTML 태그를 사용함으로써 웹 페이지에 추가할 수 있다.
W3C 표준과 호환되는 브라우저는 웹 페이지 요소와 객체의 위치를 정하고 이용하기 위해 CSS와 XHTML/XML의 결합을 촉진시켰다. 마지막 표준은 되도록 플러그인을 이용하지 않고 브라우저의 기능이 다양한 매체와 접근성 옵션을 클라이언트에 전달하게끔 하고 있다. 웹을 디자인하고 기획하는 사람은 웹 디자이너 또는 웹 기획자라고 하며, 이들은 사용성을 알고 있어야 할뿐 아니라 최신화된 웹 접근성 지침을 따라야 한다.
웹 페이지는 보통 정적 페이지와 동적 페이지로 나눌 수 있다.
- 정적 페이지: 사용자(웹 마스터/프로그래머)가 페이지를 수동으로 업데이트하지 않는 경우 모든 요청마다 콘텐츠와 레이아웃을 바꾸지 않는다.
- 동적 페이지: 컴퓨팅 환경(사용자, 시간, 데이터베이스 수정 등)에서 최종 사용자의 입력이나 변경에 따라 겉모양이나 콘텐츠를 수정한다. 콘텐츠는 클라이언트 쪽에서 클라이언트 스크립팅 언어(자바스크립트, JScript, 액션스크립트 등)를 사용하여 DOM 요소를 변경함으로써 이를 변경될 수 있다. 동적 콘텐츠는 서버 스크립팅 언어(코드퓨전, ASP, JSP, 펄, PHP, 파이썬 등)를 이용하는 서버 위에 컴파일되기도 한다.
두 가지 접근 모두 보통 복잡한 응용 프로그램에 쓰인다.
커뮤니케이션 디자인과 정보통신기술 분야가 전형화됨에 따라, 웹 페이지에 특화된 웹 디자인과, 모든 웹 기반 서비스의 완전한 논리를 위한 웹 개발을 구분하는 경향이 생겨났다.