홈페이지

Home page
영어 위키피디아 홈 페이지는 기본 페이지를 참조하십시오.장치의 기본 화면은 홈 화면을 참조하십시오.다른 용도는 홈 페이지(동음이의)를 참조하십시오.
「Startpage」는 여기서 리다이렉트 됩니다.검색 엔진에 대해서는, Startpage.com 를 참조해 주세요.
Wikipedia 홈페이지(2014년)가 웹브라우저에 표시됩니다.왼쪽 위에 있는 작은 집 모양의 버튼은 브라우저 시작 페이지를 위한 것입니다.

홈 페이지(또는 홈 페이지)는 웹 사이트의 메인 웹 페이지입니다.이 용어는 응용 프로그램이 처음 열렸을 때 웹 브라우저에 표시되는 시작 페이지를 가리킬 수도 있습니다.

웹사이트 홈페이지

홈페이지는 일반적으로 검색엔진에서 웹사이트로 이동하는 방문자가 볼 수 있는 주요 웹페이지이며 [1][2]방문자를 끌어들이기 위한 랜딩페이지로도 기능할 수 있다.따라서 좋은 홈페이지 디자인은 보통 웹사이트에서 [3]높은 우선순위가 됩니다.예를 들어, 뉴스 웹사이트는 헤드라인과 톱기사의 첫 번째 단락을 전체 [4]기사에 대한 링크와 함께 제공할 수 있습니다.일반적으로 홈 페이지는 웹 사이트의 도메인 또는 하위 도메인의 루트에 위치합니다.예를 들어, 도메인이example.com홈페이지의 위치는 다음과 같습니다.www.example.com/.

일부 경우 홈 페이지는 사이트 디렉토리이며, 특히 웹 사이트에 여러 개의 홈 페이지가 있는 경우입니다.예를 들어 Wikipedia에는 en을 포함한 모든 언어별 홈페이지에 링크하는 사이트 디렉토리가 wikipedia.org에 있습니다.wikipedia.org 를 참조해 주세요.

구조.

홈페이지는 종종 관심을 끌도록 설계되어 있으며, 따라서 중요한 요소들이 엄격한 [5]중요도 서열에서 맨 위에 배치되어 있다.

영웅 이미지

홈페이지에서 흔히 볼 수 있는 것 중 하나는 영웅 이미지, 종종 웹페이지 소유자의 가치, 서비스 등을 메시지로 [6][7]표현한 사진이나 그림이 담긴 눈길을 끄는 큰 배너 이미지이다.영웅 이미지는 [8]페이지를 아래로 스크롤하지 않고 폴드 위에서 바로 볼 수 있습니다.

영웅 이미지에는 웹 사이트의 로고, Call To Action, 간단한 설명 등 여러 가지 보완 요소가 오버레이로 포함될 수 있습니다.

  • A website with a wide hero image.

    폭넓은 히어로 이미지를 가진 웹사이트.

  • Homepage featuring a prominent hero image with logo and description overlaid.

    로고와 설명을 덧씌운 눈에 띄는 영웅 이미지를 특징으로 하는 홈페이지.

  • A biographical website with a full-sized image.

    풀사이즈 이미지의 전기 웹사이트.

  • A homepage used to bring attention to a mobile app.

    모바일 앱에 주목하기 위한 홈페이지입니다.

회전목마

영웅 이미지의 후예는 슬라이더로도 알려진 회전목마이다.여러 이미지가 몇 [9]초마다 회전하는 홈페이지의 슬라이드 쇼와 같은 요소입니다.회전목마에는 종종 [10]다른 이미지를 선택하기 위해 점과 버튼이 수반됩니다.

회전목마는 일반적으로 JavaScript를 사용하여 만들지만 CSS [11][12]애니메이션을 통해 만들 수도 있습니다.

2013년에는 톱 전자상거래 웹사이트의 52%가 디자인 기능을 사용할 정도로 회전목마가 홈페이지의 인기 요소였다.그러나 2016년에는 32%의 웹사이트만 [13]하나를 사용했습니다.

좌우 아이콘이 있는 회전목마 온라인 숍 홈페이지 이미지

「 」를 참조해 주세요.

Wikimedia Commons에는 홈 페이지와 관련된 미디어가 있습니다.

레퍼런스

  1. ^ "Home Page as Landing Page examples - Smart Insights Digital Marketing Advice". 2014-05-23. Retrieved 2016-07-01.
  2. ^ Campbell, Jennifer (2014). Web Design: Introductory. Cengage Learning. p. 76. ISBN 978-1-305-17627-0.
  3. ^ Jakob Nielsen (12 May 2002). "Top 10 Guidelines for Homepage Usability". nngroup.com. Retrieved 4 September 2014.
  4. ^ Kalbach, James (2007). Designing Web Navigation. O'Reilly Media. p. 106. ISBN 978-0-596-55378-4.
  5. ^ "How to structure your content for a better homepage". 99designs.
  6. ^ "Hero Images in Web Design: When, Why, and How to Use".
  7. ^ "Ultimate Guide to Hero Images [Best Practices + Examples]".
  8. ^ "Hero Image: What it is, why you need one & how to create it".
  9. ^ "Everything You Need to Know About Website Carousels". The Creative Momentum.
  10. ^ "Designing a User-Friendly Homepage Carousel". Medium.
  11. ^ "CSS Carousels Examples 2022". Avada Blog.
  12. ^ "CSS-Only Carousel". CSS-Tricks.
  13. ^ "9 UX Requirements for a User-Friendly Homepage Carousel Design".