홈페이지
Home page![](http://upload.wikimedia.org/wikipedia/commons/thumb/2/23/Wikipedia_Homepage_Chromium_Web_browser_36.png/220px-Wikipedia_Homepage_Chromium_Web_browser_36.png)
홈 페이지(또는 홈 페이지)는 웹 사이트의 메인 웹 페이지입니다.이 용어는 응용 프로그램이 처음 열렸을 때 웹 브라우저에 표시되는 시작 페이지를 가리킬 수도 있습니다.
웹사이트 홈페이지
홈페이지는 일반적으로 검색엔진에서 웹사이트로 이동하는 방문자가 볼 수 있는 주요 웹페이지이며 [1][2]방문자를 끌어들이기 위한 랜딩페이지로도 기능할 수 있다.따라서 좋은 홈페이지 디자인은 보통 웹사이트에서 [3]높은 우선순위가 됩니다.예를 들어, 뉴스 웹사이트는 헤드라인과 톱기사의 첫 번째 단락을 전체 [4]기사에 대한 링크와 함께 제공할 수 있습니다.일반적으로 홈 페이지는 웹 사이트의 도메인 또는 하위 도메인의 루트에 위치합니다.예를 들어, 도메인이example.com
홈페이지의 위치는 다음과 같습니다.www.example.com/
.
일부 경우 홈 페이지는 사이트 디렉토리이며, 특히 웹 사이트에 여러 개의 홈 페이지가 있는 경우입니다.예를 들어 Wikipedia에는 en을 포함한 모든 언어별 홈페이지에 링크하는 사이트 디렉토리가 wikipedia.org에 있습니다.wikipedia.org 를 참조해 주세요.
구조.
홈페이지는 종종 관심을 끌도록 설계되어 있으며, 따라서 중요한 요소들이 엄격한 [5]중요도 서열에서 맨 위에 배치되어 있다.
영웅 이미지
홈페이지에서 흔히 볼 수 있는 것 중 하나는 영웅 이미지, 종종 웹페이지 소유자의 가치, 서비스 등을 메시지로 [6][7]표현한 사진이나 그림이 담긴 눈길을 끄는 큰 배너 이미지이다.영웅 이미지는 [8]페이지를 아래로 스크롤하지 않고 폴드 위에서 바로 볼 수 있습니다.
영웅 이미지에는 웹 사이트의 로고, Call To Action, 간단한 설명 등 여러 가지 보완 요소가 오버레이로 포함될 수 있습니다.
모바일 앱에 주목하기 위한 홈페이지입니다.
회전목마
영웅 이미지의 후예는 슬라이더로도 알려진 회전목마이다.여러 이미지가 몇 [9]초마다 회전하는 홈페이지의 슬라이드 쇼와 같은 요소입니다.회전목마에는 종종 [10]다른 이미지를 선택하기 위해 점과 버튼이 수반됩니다.
회전목마는 일반적으로 JavaScript를 사용하여 만들지만 CSS [11][12]애니메이션을 통해 만들 수도 있습니다.
2013년에는 톱 전자상거래 웹사이트의 52%가 디자인 기능을 사용할 정도로 회전목마가 홈페이지의 인기 요소였다.그러나 2016년에는 32%의 웹사이트만 [13]하나를 사용했습니다.
「 」를 참조해 주세요.
레퍼런스
- ^ "Home Page as Landing Page examples - Smart Insights Digital Marketing Advice". 2014-05-23. Retrieved 2016-07-01.
- ^ Campbell, Jennifer (2014). Web Design: Introductory. Cengage Learning. p. 76. ISBN 978-1-305-17627-0.
- ^ Jakob Nielsen (12 May 2002). "Top 10 Guidelines for Homepage Usability". nngroup.com. Retrieved 4 September 2014.
- ^ Kalbach, James (2007). Designing Web Navigation. O'Reilly Media. p. 106. ISBN 978-0-596-55378-4.
- ^ "How to structure your content for a better homepage". 99designs.
- ^ "Hero Images in Web Design: When, Why, and How to Use".
- ^ "Ultimate Guide to Hero Images [Best Practices + Examples]".
- ^ "Hero Image: What it is, why you need one & how to create it".
- ^ "Everything You Need to Know About Website Carousels". The Creative Momentum.
- ^ "Designing a User-Friendly Homepage Carousel". Medium.
- ^ "CSS Carousels Examples 2022". Avada Blog.
- ^ "CSS-Only Carousel". CSS-Tricks.
- ^ "9 UX Requirements for a User-Friendly Homepage Carousel Design".