Web Design

웹 디자인은 웹사이트를 만드는 과정입니다. 여기에는 웹 페이지 레이아웃, 콘텐츠 제작, 그래픽 디자인 등 여러 측면이 포함됩니다. 웹 디자인과 웹 개발이라는 용어는 서로 바꿔 사용되는 경우가 많지만, 기술적으로 웹 디자인은 더 넓은 범주인 웹 개발의 하위 분야입니다.

웹사이트는 마크업 언어HTML을 사용해 만듭니다. 웹 디자이너는 각 페이지의 콘텐츠와 메타데이터를 정의하는 HTML 태그를 사용해 웹 페이지를 만듭니다. 웹 페이지 안 요소의 레이아웃과 모양은 일반적으로 CSS, 즉 종속형 스타일 시트를 사용해 정의합니다. 따라서 대부분의 웹사이트에는 각 페이지가 브라우저에서 어떻게 표시될지 정의하는 HTML과 CSS가 함께 사용됩니다.

일부 웹 디자이너는 페이지를 직접 코드로 작성하는 방법(HTML과 CSS를 처음부터 입력하는 방법)을 선호하지만, 다른 디자이너는 Adobe Dreamweaver와 같은 "WYSIWYG" 편집기를 사용합니다. 이러한 유형의 편집기는 웹 페이지 레이아웃을 디자인할 수 있는 시각적 인터페이스를 제공하며, 소프트웨어가 이에 해당하는 HTML 및 CSS 코드를 자동으로 생성합니다. 웹사이트를 디자인하는 또 다른 인기 있는 방법은 WordPress나 Joomla와 같은 콘텐츠 관리 시스템을 사용하는 것입니다. 이러한 서비스는 새 웹사이트를 시작할 때 사용할 수 있는 다양한 웹사이트 템플릿을 제공합니다. 그런 다음 웹마스터는 웹 기반 인터페이스를 사용해 콘텐츠를 추가하고 레이아웃을 사용자 지정할 수 있습니다.

HTML과 CSS는 웹사이트의 모양과 느낌을 디자인하는 데 사용되지만, 이미지는 별도로 만들어야 합니다. 따라서 그래픽 디자인은 웹 디자인과 겹칠 수 있는데, 그래픽 디자이너가 웹에서 사용할 이미지를 만드는 경우가 많기 때문입니다. Adobe Photoshop과 같은 일부 그래픽 프로그램에는 웹 게시에 최적화된 형식으로 이미지를 쉽게 내보낼 수 있는 "Save for Web…" 옵션도 포함되어 있습니다.

업데이트됨 February 5, 2013 작성: Per C.

quiz지식 테스트하기

What is the primary language used in web publishing?

A
Swift
0%
B
Java
0%
C
XML
0%
D
HTML
0%
Correct! Incorrect!     View the Web Publishing definition.
More Quizzes →

Tech Terms 컴퓨터 사전

이 페이지의 Web Design에 대한 정의는 TechTerms.com의 저자가 작성한 원본 정의입니다. 이 페이지를 참조하거나 이 정의를 인용하려면 정의 바로 아래에 있는 녹색 인용 표시줄을 사용하세요.

저희의 목표는 컴퓨터 용어를 이해하기 쉬운 방식으로 설명하는 것입니다. 게시하는 모든 정의에서 정확성과 간결함을 추구합니다. 이 정의에 대한 피드백이 있거나 새로운 기술 용어를 제안하고 싶으시면 문의해 주세요.

Tech Terms 뉴스레터

매일 또는 매주 발행되는 뉴스레터로 기술 지식을 향상시키세요! 지금 구독하고 새로운 용어와 퀴즈를 이메일로 받아보세요.

무료 TechTerms 뉴스레터 구독하기

이메일을 얼마나 자주 받고 싶으신가요?

각 이메일에 포함된 링크를 통해 언제든지 구독을 취소하거나 수신 빈도를 변경할 수 있습니다. 질문이 있으신가요? 문의해 주세요.

참고: 뉴스레터는 영어로 발송됩니다.