홈페이지는 '온라인 매장'과 같은 곳입니다. 고객이 매장을 방문하고 그 프로덕트의 전체적인 브랜드를 인식하듯이, 홈페이지는 기업에 대한 첫인상에 가장 큰 영향을 미칩니다. 이제는 오프라인 매장보다 온라인 매장이 더 익숙한 고객을 설득하기 위해 잘 만들어진 웹사이트는 필수입니다.
홈페이지 제작은 ① CMS/웹빌더를 활용하는 방법과 ② 자체 제작하는 두 가지 방법이 있습니다. 자체 제작을 하는 경우에는 기능·성능·디자인을 커스텀해 제작할 수 있습니다.
알아봅시다
1. 자체제작 vs 웹빌더
2. 홈페이지 자체 제작
3. 동적인 홈페이지 제작
4. 홈페이지 자체 제작 요약
1. 자체 제작과 웹빌더를 사용하는 것은 어떤 차이점이 있나요?
- 웹빌더를 사용하는 경우 표준화된 기능을 활용해 빠르고 저렴하게 홈페이지를 제작할 수 있습니다. 하지만 상대적으로 커스텀이 어렵다는 것이 단점입니다.
- 자체 제작을 하는 경우에는 기능·성능·디자인을 커스텀해 제작할 수 있습니다. 하지만 HTML이나 CSS와 같은 웹 언어를 모르는경우에는 CMS/웹빌더를 활용하거나 웹 개발자에게 직접 의뢰하는 것을 추천합니다.
2. 홈페이지 자체 제작을 위해 무엇을 알아야하나요?
- HTML(Hyper Text Markup Language, 하이퍼텍스트 마크업 언어)
HTML은 홈페이지에 들어가는 콘텐츠의 구조를 짜고 의미를 부여하는 마크업 언어입니다. 페이지의 어떤 곳이 헤더이고, 어디서 문단이 나뉘는지 표/이미지/비디오 등을 정의합니다. 괄호로 묶인 키워드로 구성되어있습니다. - CSS(Cascading Style Sheets, 종속형 시트)
CSS는 콘텐츠를 장식하기 위해 사용되는 마크업(HTML)을 장식하기 위해 사용되는 스타일 언어입니다. CSS를 통해 글꼴과 컬러, 정렬과 레이아웃, 배경색 등을 바꿀 수 있습니다.
3. 동적인 홈페이지 제작은 어떻게 하나요?
'애플'의 홈페이지를 떠올려 봅시다. 마우스를 내릴 때마다 글씨가 사라지거나 나타나고, 이미지 크기가 변하기도 합니다.이렇듯 JavaScript와 Jquery 등을 이용해 좀 더 동적인 홈페이지 제작이 가능합니다.
- JavaScript(자바스크립트)
콘텐츠에 움직임과 생동감을 불어넣고, 움직이는 애니메이션 효과를 추가하는 등 거의 모든 것을 만들 수 있는 언어입니다. - Jquery(제이쿼리)
제이쿼리는 웹사이트에 자바스크립트를 쉽게 활용할 수 있도록 도와주는 오픈소스 기반의 자바스크립트 라이브러리입니다. 거의 모든 웹브라우저에 대응할 정도로 호환성이 매우 뛰어나고, 네트워크나 애니메이션 등 다양한 기능을 제공합니다. 또한, 관련 플러그인들이 웹상에 공개되어 있으며 플러그인을 직접 구현하거나 확장할 수 있습니다.
4. 홈페이지 자체 제작 요약
HTML을 활용해 텍스트에 구조와 목적을 부여하고, CSS를 통해 꾸며주고, JavaScript로 동적인 기능 추가합니다.
5. 홈페이지 제작 ,전문가가 필요한 이유
- 10년 이상 대기업 웹사이트 유지 운영 등의 풍부한 경험을 가진 전문가
- 단순 템플릿 제공부터 1:1 예산 맞춤 제작까지 모두 가능
- 기획부터 디자인·개발까지 하나의 프로세스로 전담 매니저와 한 번에 진행 가능 (예산 500만원 이상)
→ 크몽 엔터프라이즈
"기존에 없던 사이트를 만들고 싶어
상상으로 작업한 디자인만 드렸는데도,
결과물이 너무 만족스럽게 나왔어요!"