웹표준 썸네일형 리스트형 테이블 을 사용하여 좀 더 의미에 맞게 한다. 사용된 데이터에 대한 설명을 빠르게 전달한다. summury 속성을 사용하여 좀 더 자세하게 데이블의 목적과 내용을 설명한다. (장애인에게 도움) 의 장점 굵은 글꼴로 표시해준다 에 담긴 테이블 데이터들과 구분할 수 있다. 청각적 브라우져 사용에 용이하다. 헤더 칸과 일반 칸을 다른게 보이게 하기 위해 별도의 마크업을 할 필요가 없다 헤더와 데이터를 쉽게 구분해 볼수 있다. 스타일 적용이 용이하다. 더보기 머릿글_문서제목 마크업 방법 ~ 태그를 써라 각각에 스타일을 주면서 사용한다. 더보기 머릿글_블릿 감추기 ul {list-style:none; padding-left:0;} 블릿의 위치는 브라우져마다 조금씩 표현 방식이 틀리다. 다음과 같이 하면 브라우져마다 같은 형태를 보여준다. ul {list-style-image: none;} li {background: url(li_bull.guf) no-repeat 0 50%; padding-left: 17px;} 더보기 웹표준의 장점 마크업 용량이 줄어든다. 코드량이 줄어든다는것은 페이지 로딩 시간이 빨라진다는 것을 의미합니다. 또 서버가 성능을 더 발휘할 수 있게 되므로 서버공간이나 처리능력에 들어가는 비용을 줄일 수 있습니다. 컨텐트와 문서모양을 분리할 수 있다. css를 사용해 사이트를 디자인할 수 있으므로 디자인수정이나 리뉴얼을 쉽게 할 수 있습니다. 스차일 시트 내용만 수정하면 사이트 전체에 디자인 수정사항이 그 즉시 반영됩니다. 웹 접근성이 높아진다. 최대한 많은 웹 브라우져와 장치에서 읽을 수 있습니다. 대부분의 브라우져, 휴대폰, PDA, 장애인 지원용 스프트웨어 에서도 컨텐츠를 쉽게 읽을 수 있습니다. 향후 호환성을 보장받는다. 웹 표준으로 페이지를 작성하게되면 향후에도 그 문서를 확실히 읽을 수 있습니다. 더보기 PART_4_9. 그래픽 디자인 (GRAPHIC DESIGN) PART_4. 그래픽 디자인 (GRAPHIC DESIGN) *** 리퀴드 디자인 (Liquid Design) *** - 다양한 브라우져지원, 플랫폼에 종속되지않는 디자인을 추구 - 해상도에 따라 적절하고 유연하게 보여지는 디자인 - Flexible Design - 사용자에게 비슷한 경험을 제공하기 위한 목적을 가짐 - 가변 레이아웃(relative layout)이 전제되어야 함 - 고정 래이아웃(fixed-width layout)에 비해 가독성에 대한 약점이 있음 - 행의 길이가 과도하게 길어질 경우 다음 행의 시작점을 찾기 어렵다 - 다양한 모습과 느낌을 미리 예상 한다는것이 디자인 측면에서는 약점 - 가변 레이아웃은 CSS를 사용해 화면을 구성허고 요소를 배치한다 - 여백(margin), 영역(div.. 더보기 이전 1 다음