더 나은 홈페이지를 위해 콘텐츠를 구조하는 방법

전문 웹 개발자는 타겟 고객과의 관련성을 바탕으로 TAT 컨텐츠를 논리 섹션으로 구성하여 모든 콘텐츠와 목표를 수집하여 프로젝트를 시작합니다. 이 정보 아키텍처 단계는 일반적으로 웹 사이트 맵을 만드는 것으로 끝납니다.

이 과정에서 만들 수있는 웹 사이트는 5-6 개의 섹션이나 페이지로 구성됩니다. 우리가 작기 시작한 이래로, DGM 2740 - 웹 디자인 에서이 방법을 배우는 방법을 배우게 될 것입니다. 대신, 우리는 사이트의 구조를 암시 적으로 맵핑하기 위해 페이지 구조의 설계에 의존 할 것입니다.

페이지 디자인의 기본 목표

웹 사이트 맵이 사이트의 모든 페이지가 구성되는 방법을 설명하는 동안 정적 와이어 프레임 (일명 페이지 회로도)을 사용하여 이러한 모든 정보 요소가 비보의 웹 페이지로 구성되는 방식을 설명 할 수 있습니다. 정적 와이어 프레임은 정보 구성 요소, 특히 탐색 기능을 바꿀 수있는 개별 페이지 템플릿의 단일 도면으로 탐색 구성 요소가 DocumentD 및 평가 될 수 있도록 거친 양식의 페이지에 나타납니다. 도면은 기본 시각적 레이아웃을 제안 할 수 있지만 특정 모양에 커밋되지는 않습니다.

strafight and flack) 웹 페이지의 그래픽 디자인 (표면 모양과 쓰러지지 않음)이 아니지만 그래픽 작업을 시작할 때 "화면 부동산"을 사용하는 방법을 계획하는 데 도움이 될 수 있습니다. 디자인. 정적 와이어 프레임은 사용 성과 주요 요소의 배치에 중점을 둔 디자인의 첫 번째 초안과 같습니다.

정적 와이어 프레임 및 사용성

유용성은 사용자가 웹 페이지에서 원하는 것을 얻는 것이 얼마나 쉬운 지에 관한 것입니다. 유용성의 관점에서 대부분의 페이지의 대부분은 의도 한 청중에게 대부분의 방정 된 콘텐츠에 사용됩니다. 일반적으로 말하기, 단순성은 복잡성을 초과합니다. Google을 살펴보십시오. 이것은 귀하가 귀하의 사이트에 많은 콘텐츠 나 자원을 가질 수 없다고 말하지 않는 것이 아니라 모든 것이 특정 목적을 제공해야합니다.

유용성 괴물 Jakob Nielson은 "Thomb의 규칙으로서 콘텐츠는 페이지 설계의 적어도 절반 이상이고 바람직하게는 80 %가 더 가깝습니다."라고 말합니다. 콘텐츠를 배치 할 때 항상 대상 청중을 염두에 두는 데 중요합니다.

좋은 페이지 구조가

좋은 페이지 구조가 좋은 정보 레이아웃으로 이어지는 사용자가 정보를 찾고 소화하는 데 도움이됩니다. 좋은 레이아웃은 또한 전문성의 감각을 전달할 수 있습니다. 사람들이 그곳에있을 수없는 사이트의 모양과 느낌에 의해 사람들이 그렇게 할 수있는 경우 사이트가 무엇을 할 수 있는지 중요하지는 않습니다. 좋은 레이아웃의 이러한 이점을 고려하십시오 :

  • 독자들과 결합
  • 지향 리더 주목
  • 정보의 강조
  • 일부 신뢰성 및 유효성
  • 사이트 탐색 및 사용 방법

현대 브라우저를 다운로드하십시오 :

소개 : 전통적인 일반 텍스트와 비교하여 웹 페이지는 더 많은 구조가 있습니다. 웹 페이지는 반 구조화 된 데이터로 등록됩니다. 웹 페이지의 기본 구조는 DOM4 (문서 개체 모델) 구조입니다. 웹 페이지의 DOM 구조는 페이지의 모든 HTML 태그가 DOM 트리의 노드에 해당하는 트리 구조입니다. 웹 페이지는 미리 정의 된 일부 구조 태그에 의해 분할 될 수 있습니다. 유용한 태그에는 p (단락), table (테이블), ul (list), [h1 ~ h6, [h1) 등이 포함됩니다. 따라서, DOM 구조는 정보 추출을 용이하게하는데 사용될 수있다.

불행히도 HTML 구문의 유연성으로 인해 많은 웹 페이지가 W3C HTML 사양을 준수하지 않으므로 DOM 트리 구조에 오류가 발생할 수 있습니다. 또한 DOM 트리는 처음에는 웹 페이지의 의미 론적 구조에 대한 설명이 아닌 브라우저에서 프리젠 테이션을 위해 도입되었습니다. 예를 들어, DOM 트리의 두 개의 노드가 동일한 부모가 있더라도 두 노드는 다른 노드가 아닌 서로 더 의미 적으로 관련이 없을 수 있습니다. 그림 10. 예제 페이지를 보여줍니다. 그림 10 (a)는 HTML 소스의 일부를 보여줍니다 (백본 코드 만 유지). 그림 10 (b) 페이지의 DOM 트리를 표시합니다. 각 이미지에 대한 주변 설명 텍스트가 있지만 DOM 트리 구조는 서로 다른 부분 간의 의미 관계를 올바르게 식별하지 못합니다.

인간의 지각의 의미에서 사람들은 항상 단일 객체가 아닌 다른 의미 객체로서 항상 웹 페이지를 볼 수 있습니다. 일부 연구 노력으로 인해 사용자는 페이지의 특정 위치에 웹 페이지 (e. 탐색 링크 또는 광고 표시 줄)가 항상 나타나는 사용자가 항상 기대하고 있음을 보여줍니다. 사실, 웹 페이지가 사용자에게 제시된 경우, 공간 및 시각적 단서는 사용자가 무의식하게 웹 페이지를 무의식하게 여러 의미 부품으로 나눌 수 있도록 도와줍니다. TheraEfore, 공간 및 시각적 단서를 사용하여 웹 페이지를 자동으로 세그먼트 할 수 있습니다. 이러한 관찰을 바탕으로 공간 및 시각적 정보를 추출하기위한 알고리즘을 개발할 수 있습니다.

웹 사이트 개발 및 디자인

Lathollookham을 기록하기 위해 노팅엄이 나이트로 일하고있어 고객이 사랑하는 Goodlooking, 매력적인 웹 사이트를 만드는 데 저는 일하기 위해 저를 고용하고 있습니다.

웹 사이트 개발 및 디자인
우리는 쿠키를 사용합니다
우리는 쿠키를 사용하여 웹 사이트에서 최상의 경험을 제공합니다. 웹 사이트를 사용하여 귀하는 쿠키 사용에 동의합니다.
쿠키를 허용하십시오.