웹표준 (5) 썸네일형 리스트형 CSS로 만드는 탭메뉴, 쉽게 자동으로 ~ CSS로 만드는 탭메뉴, 쉽게 자동으로 ~ 김군이 요즘 블로그를 제 정비 하고 있습니다만.. 정말 쉬운건 하나도 없군요..ㅋㅋ 너무나 테이블에 익숙해져 버려서 그 습관을 완전히 버리고 새로운 표준에 맞춰서 작업하려니 속도도 안붙고 어렵더라구요.. ^^;; 가끔 돌아 다니다 보면 블로그 상단에 자신만의 카테고리 별로 탭 메뉴를 만들어 놓으신 분들을 보고 무척 부러워서 완전 어거지로 잡아 넣긴 했습니만.. 어렵더라구요. 탭 메뉴를 만들어 넣다가 발견한 이것!ㅋ 탭 메뉴를 자동으로 만들어 줍니다. 자신의 블로그에도 코드를 삽입하고 이미지를 업로드 하는것 만으로도 완벽한 css 탭 메뉴를 구현해 줍니다. 역간의 지식이 있으면 좀더 쉽겠지만 잘 모르시는 분들도 이미지와 코드를 연결한다 라는 것만 알면 어렵지 않을.. [추천도서]웹 표준 교과서에 보내는 아낌없는 찬사 왜 갑자기 웹표준화의 바람이 불기 시작했는지 모르겠습니다만, 웹표준이 일반 대중에게 알려진 것은 2005년 6월 코리아 인터넷 닷컴에서 진행한 CSS 세미나부터일 것입니다. 그뒤 2년동안 웹 표준화프로젝트, CSS 디자인 코리아 ,한국 웹 접근성 그룹 등 관련 커뮤니티들이 생겼고,‘ 웹표준의 날’같은 행사도 진행되고 다양한 웹표준 관련 세미나가 열렸습니다. 또한 마소에서 IE8 부터 웹표준에 맞춘 브라우저를 만들겠다 선언하고 나섯지요.. 요즘 여기 저기서 웹표준에 맞춘 사이트를 제작 한다고 술렁술렁이고 있고, 웹표준에 맞춘 사이트를 만들어 준다고 광고하는 에이전시가 여기 저기 보이고 있습니다. 김군도 웹표준화의 바람에 맞춰 내년 상반기안에 웹표준으로 전환을 끝내라는 엄명을 받아들고 막막하기 그지 없어서 .. CSS, 시각표현언어! 웹페이지를 만들때 흔히들 CSS를 사용합니다. CSS를 사용하면 웹페이지의 소스가 지저분해 지는걸 방지 할수도 있고, 각 페이지 마다 똑같은 스타일을 지정해 줄수도 있죠. CSS외에도 네스케이프의 JSS같은것도 있지만, 잘 활용되고 있지는 않습니다. CSS란 웹페이지의 시각표현을 지정하는 언어이며 단순히 스타일시트라고도 합니다. 문서 구조와 시각표현의 분리에 의해 문서구조만을 음성으로 표현하는 스크린리더와 텍스트만을 표현하는 텍스트 브라우저등, 통상의 풀 브라우저 이외의 유저 에이전트에서도 쉬운 웹 페이지를 만들어 낼 수 있습니다. XHTML 의 시각표현 제어 기능은 극히 취약하지만, CSS를 통해 다양하고 치밀한 디자인이 가능해 지는 것 입니다. 외부파일로 분리하여 각 각의 페이지에 스타일을 적용한다던.. XHTML? HTML? HTML은 현재 4.01까지 나와있습니다. 이 HTML 4.01을 XML을 이용하여 재구성한 것이 XHTML입니다. XML은 문서를 구성하고 데이터를 구조화하는데 유용하며 현재는 안쓰는 곳이 없다고 할 정도로 웹에서 필수가 되었습니다. XML에 대한 자세한 이야기는 이곳에서 다루지 않겠습니다. XHTML을 사용하는 이유는? 웹표준 준수 및 디자인과 데이터의 분리, 웹접근성 향상등 이제는 필수 입니다. 현재 XHTML은 1.1까지 나왔습니다. XHTML은 HTML 4.01을 재구성 한 것이기 때문에 HTML 4.01을 안다면 크게 어렵지 않습니다. 몇가지 규칙만 지켜주면 됩니다. 그 전에 간단한 용어를 익히도록 하겠습니다. 엘레멘트(element) :태그를 뜻합니다. 애트리뷰트(attribute) : 태그.. 웹표준화의 장점 국제표준화 단체의 대표인 W3C 는, 웹 표준화의 장점을 "확장성과 이식성"으로 보고 있다. 확장성이란, 웹 전달과 표현에 관한 새로운 아이디어가 생기면, 다음 버전의 HTML이나 브라우저의 지원을 기다리지 않고서도 즉시 구현할 수 있게 된다. 새로운 태그들이나 속성들이 새로운 가능성들을 표현하기 위해 정의될 수 있으며, 수신 측의 일부 프로그램이 그것을 이해할 수 있고 그것들 상에서 동작할 수 있다고 가정하면, 이전에는 절대로 일어나지 않았던 웹페이지 상에 새로운 것들이 일어날 수도 있다. XHTML에 관한 특이한 확장 판들로는, 수학적인 표현, 벡터그래픽, 그리고 멀티미디어 애플리케이션 등이 예정되어 있다. 만약 확장성이 보다 복잡한 페이지와 더 큰 프로그램으로 가게 될 것 같으면, 웹페이지들이 이전.. 이전 1 다음
