보안상의 이유로 차단되었습니다

웹 사이트에는 주택이있는 것과 마찬가지로 구조가 있습니다. 웹 사이트의 구조를 이해하고 그것이 구성된 방식은 웹 사이트를 만드는 데 필수적인 첫 번째 단계입니다. 오늘날, 나는 웹 사이트 구조가 어떻게 생겼는지, 그리고이 구조 계획을 사전에 계획하는 방법에 대한 개요를 계속해서 다이빙 할 수 있습니다.

기본 빌딩 블록

많은 HTML 요소가 브라우저에서 볼 수있는 웹 사이트를 구성합니다. 일반적으로 두 가지 유형의 요소가 있습니다. 블록 요소 및 인라인 요소가 있습니다. 모든 요소를 ​​기억할 수 없으면 걱정하지 마십시오. 웹 사이트를 만들기 시작하면 어떤 의미가 무엇인지 이해할 수 있습니다.

블록 요소가 무엇입니까?

HTML 요소와 관련된 또 다른 지점은 모든 웹 사이트에서 혼자 표시되지 않는다는 것입니다. 각 웹 사이트는 볼 수있는 시각적 효과를 얻기 위해 많은 HTML 요소를 사용합니다. 요소 중첩은 간단히 다른 요소 내에 요소를 배치하는 것을 의미합니다. 이러한 코드의 예는

입니다.

SMB 용 디지털 마케팅 기사

일관성 웹 사이트에서는 페이지 전체에 일관된 레이아웃이 있어야합니다. 방문자가 웹 사이트를 탐색하면 모든 페이지에 일관된 레이아웃이있는 경우 웹 사이트와 익숙하고 연결되어 있습니다. 각 웹 페이지마다 다를 경우 방문자가 혼란 스러울 수 있습니다. 그는 자신이 아직도 같은 웹 사이트에 있거나 다른 하나에 갔는지 알지 못할 수도 있습니다.

핵 시점에서 각 웹 페이지를 다시 시작해야합니다. 각 페이지를 새 웹 사이트로 찾는 것이 탐색 섹션을 식별하려고 할 때 방문자를 좌절시킬 수 있습니다.

간단하게 웹 페이지를 어지럽게하지 않도록하십시오. 너무 많은 정보를 포장하지 마십시오. 방문자가 웹 사이트를 좋아하도록 레이아웃을 깨끗하고 단순하게 유지해야합니다. 깨끗한 찾고 웹 사이트에는 간단한 구조로 구성된 중요한 요소 또는 기능 만 포함됩니다. 웹 페이지를 읽는 동안 사용자가 어려움이 없기 때문에 정보가 더 쉽습니다. 이는 사용자가 정보를 신속하게 검사하는 데 도움이됩니다.

맨 위로 중심에 초점 사용 가능성에 대한 많은 연구가 사용자가 웹 페이지의 상단 중심을 먼저 보는 경향이 있음을 보여줍니다. TheraEfore, 웹 페이지 상단의 탐색 옵션 및 중요 컨텐트와 같은 모든 중요한 항목을 모두 넣는 것이 합리적입니다. 이것이 방문자가 정보를 찾을 수있을뿐만 아니라 관심을 끌도록 돕습니다.

색상 선택 색상은 대상 잠재 고객이 선호하는 것을 선택할 수 있습니다. 사용자에게 편안한 느낌을주는 색상을 선택하십시오. 눈에 가혹한 화려한 색상을 사용하지 마십시오. 어두운 배경이있는 웹 사이트는 대부분의 사용자에게 호소하지 않습니다.

중요도의 수준의 우선 순위는 웹 페이지 하단에서 중요한 정보와 최소한 중요한 정보를 항상 배치합니다. 사용자는 대부분 한 번에 한 수준의 계층 구조로 집중합니다. 제목과 자막을 사용하여 정보의 계층 적 배열은 사용자가 더 적은 시간에 필요한 정보를 더 쉽게 찾을 수 있습니다.

일관된 정렬 일관성은 양호한 웹 사이트의 공통된 특징입니다. 표준 정렬 - 모든 제목에 동일한 색상, 하위 제목의 다른 색상, 단락의 표준 형식; 라인 간격, 글 머리 기호, 글꼴 및 크기 등 올바르게 정렬 된 정보는 가독성 문제를 제거하고 잘 구성된 웹 페이지를 잘 조직합니다.

유체 대 유체와 고정 레이아웃 사이에서 고정 된 고정은 실제로 웹 사이트의 유형에 따라 다릅니다. 웹 사이트가 더 넓은 잠재 고객에게 호소하기를 원한다면 유체 레이아웃이 사용 가능성 측면에서 사용자에게 정통한 사용자가 정통한 사용자가 권장됩니다. 또한 대형 화면 해상도에서 볼 때 증가 된 라인 라인 길이와 공백은 웹 사이트의 가독성과 미적 매력을 손상시킬 수 있습니다.

라인 길이와 WhiTeSpace 웹 페이지에 충분한 공백이없는 공백은 웹 사이트가 어수선함을 나타냅니다. 그러나 너무 많은 공백은 흐름을 방해하는 것처럼 권장되지 않습니다. 선 길이를 조정해야합니다. 글꼴 유형 및 글꼴 크기를 기반으로 선 길이를 선택하십시오.

우리가 glassdoor 금고를 유지하도록 도와주세요

캐나다에서 18 개의 전체 스택 개발자 일자리를 검색하십시오. 임시 및 영구적 인 작업 중에서 선택하는 것이 당신의 경력 목표에 도달하는 데 도움이됩니다.

우리가 glassdoor 금고를 유지하도록 도와주세요
우리는 쿠키를 사용합니다
우리는 쿠키를 사용하여 웹 사이트에서 최상의 경험을 제공합니다. 웹 사이트를 사용하여 귀하는 쿠키 사용에 동의합니다.
쿠키를 허용하십시오.