몇달전, 웹의 근본정신이라는 녀석에 관심이 많아지면서부터 나도 그 근본정신에 입각한 웹 개발자가 되겠노라 마음먹었다. 사실 전부터 자바스크립트나 CSS의 브라우저별 호환(모질라 계열, 오페라, 사파리 정도?)에는 관심이 많았긴 했지만, 그 때를 생각해보면, 사용자의 편리보다는 개인적인 만족이나 일종의 우월의식을 간접적으로 느꼈던 것이 아니었나 싶다. 뭐, 사실 지금도 여기저기서 줏어들은 것들이 머릿속에서는 정리가 안되고 있기는 하지만. 그래도 내 딴에는 [...]

자 이제 CSS를 입혀보자. 일단 전역설정이다. 이 작업은 브라우저마다의 차이를 극소화하고, 사용할 tag의 기본적인 속성을 부여하는 작업이다. 갖가지 태그의 padding과 margin을 0으로 지정! tag마다 기본적으로 padding과 margin값이 틀리다. 쉬운 디자인 작업을 위한 설정이기도 하다. 가로줄(hr tag)은 디자인에서 (대개) 불필요하므로 보이지 않도록 처리한다. hr tag를 생략할수도 있겠지만, 디자인이 배제된 페이지에서의 head, body, foot의 구분을 위한 용도로 [...]

XHTML 1.0 Strict에는 a tag에 target attribute가 없다. 동작이야 하지만, validator에서 에러를 봐야한다. 단순히 새 창을 띄울 때 다음과 같은 방법이 아주 유용하다. <a href="http://tenshi.pe.kr/" onclick="window.open(this.href); return false;">tenshi.pe.kr</a> 자바스크립트 parser가 없는 경우는 대개 text 브라우저 같은 녀석들이니 상황에 따른 새 창 혹은 자기자신의 선택이 되는 장점도 아울러 가질 수 있다! modified at 2005-03-17 16:10:20 – [...]

자! 지난 글에서도 언급했듯 실제로 사이트에 있을만한 페이지를 한번 작성해보자! 일단 첫번째로는! 페이지의 재료가 필요하다. 로고라든지, 메뉴, 페이지의 내용, 카피라이트 등. 타이틀 멋져부러 뉴스 서브타이틀 div 레이아웃 첫번째 페이지! 메뉴 home 뉴스 방명록 링크 뉴스 박지성, 에인트호벤과 계약연장 합의 네덜란드 프로축구에서 활약하는 박지성(24.에인트호벤)이 소속팀에 3년 더 남을 전망이다. PSV 에인트호벤은 내년 시즌을 끝으로 계약이 만료되는 [...]

자! 이제 본격적인 공략…에 앞서 한가지만 더 짚고 넘어가자. 바로 html 문서의 형식을 결정하여 주는 DTD(Document Type Definitions)라는 녀석! W3C(World Wide Web Consortium)에서는 여러가지 버전별 html 표준 규약을 제공하고 있는데, DTD는 그 여러가지 버전중에 한가지 규약을 사용하겠다 하는 선언이다. 우리의 공략의 표준 규약으로 사용할 html의 버전은 XHTML 1.0으로 해당 DTD들은 XHTML1 DTDs에서 볼 수 있다. [...]

HTML 코딩, 우리는 여지껏 열심히 table tag(이하 table) 안에 또 table을, 또 table을 넣어가며 코딩을 해왔다. "td tag(이하 td)를 하나 안닫았다!" "table 10단 콤보에 들여쓰기를 하려니 온통 공백밖에 없다 OTL" 그렇게 table 중첩 코딩을 하면서 위와같은 문제를 많이 겪었으리라 싶다. 이제 저런 문제들을 좀 벗어나보자, 바로 div+css 레이아웃(이하 div 레이아웃)으로! 그냥 위와 같은 문제들만이라면 div [...]