한국 웹사이트의 웹사이트 분석: 세부 경험

중간 트랜잭션 http://www.aliyun.com/zixun/aggregation/6858.html "> seo 진단 Taobao 게스트 클라우드 호스트 기술 홀

네이버 (네이버)는 유명한 한국 포털/검색 엔진 웹사이트에서 NHN 회사, 1999 년 6 월에에서 밀 짚 모자에 대 한 그것의 로고는 공식적으로 사용에 투입.

전체 페이지의 http://shopping.naver.com/in 전면 개정 되어, 페이지의 수정 후 보다 더 깔끔한 하기 전에 이해의 수준을 증가, 테두리도, 페이지의 전반적인 품질 또한 크게 향상이 기간에서 시작 우리 한국 웹 사이트 연구 및 학습의 내용의 일부 않습니다, 당신과 함께 토론으로도 더 많은 연구를 할 사이트의 시각적 세부 사항에서 함께 일할 수 있을 것으로 기대는 디자인에서 더 리듬 페이지를 만들 수 있습니다

전체 텍스트 읽기

첫 번째 단계 표

Shopping.naver의 첫 번째 페이지에서 보기를가지고 가자.

위에서 볼 수 있듯이 네이버는 어떻게 큰 그의 블록은 고정 된 격자에 따라 확장?

측정 각 블록:

위에서 측정 하는 블록의 크기에서 볼 때, 그가 사용 하는 210 x 290 표준 격자 블록으로 다양 한 플레이트 사이 구별 하

블록 구조를 나눌 뿐만 아니라 조직 보다 더 분명 하 고, 블록의 전체 페이지 및 콘텐츠를 취소 하지만 비율 균형 어느 화면에 콘텐츠의 각 조각의 동시에 강한 일관성을가지고, 거기 매우 명백한 이점, 즉 ~ ~

페이지의 레이아웃의 작은 해상도 살펴보겠습니다

, 느낌이 매우 유연 하 고 자연, 어떤 화면 해상도 관계 없이, 그는 자연 개편 및 정렬, 그리고 조금 영향의 내용을 너무 많이 너무 많은 준비를 달성 하기 위해 응답을 고려 하지 않아도, 대 한 성능이 매우 좋은!

Shopping.naver 그리드를 읽은 후 아마도 모두 첫 번째 반응은 현재 하나의 Amoy 사이트, 특히 첫 페이지는 실제로 할 몇 가지 데이텀 정렬 및 격자의 작은 범위에만 표에 우리의 사이트의 생각 하는 지금 이다. Shopping.naver의 그리드 분석을 통해 Amoy Shopping.naver의 웹사이트에 동일한 표준 그리드 실험 했 나.

계산, 990의 현재 너비에 따라 그것은 발견 될 것 이다 190에도 매직 넘버, 990, Amoy 사이트 그리드 비율 가정 네이버 너비 비율 사용

기본 그리드 셀으로 190 x 270

990 폭 Shopping.naver 레이아웃 및 etao.com는 그리드와 함께 시작 하자.

당신이 볼 수 있듯이, 우리의 사이트는 네이버 처럼 완벽 하 게 격자 분할 수 있습니다.

그래서 ~ ~ ~ ~

동일, 우리 처럼 수 있습니다 또한 네이버 부드러운 움직임의 섹션에는 사이트의 표시 구조의 다른 화면 해상도 처리

좋아,이 문서 번역의 네이버 구조에서 그리드, 6 월 모 etaoux\etaoued \j_에 저장 된 소스 파일 \ 개인 공유 한국 웹사이트 세부 사항을 경험 그리드 문서, 경우에 어떤 생각 우리 수 토론

원본: http://ued.alimama.com/posts/373