본문 바로가기

웹개발 기초

개발자를 위한 웹 표준 CSS의 이해 2(작성 방법, 우선순위, Selector) 2011/02/17 - [Developer/웹개발 기초] - 개발자를 위한 웹 표준 CSS의 이해 1(CSS BoxModel, Position, float, clear, z-index) CSS 작성 방법, 우선 순위, Selector 이번 시간에는 CSS의 작성 방법과 우선순위, 그리고 Element를 Select하는 방법에 대해서 알아보도록 하겠습니다. 1. 작성 방법 작성 방법의 종류는 아래와 같습니다. Inline Element에 직접 작성 Style Tag Style Tag에 직접 작성 Link Tag 외부 CSS를 Link Tag를 이용하여 연결 다음은 작성 Sample 입니다. 1. Inline Inline Style 2. Style Tag Style Tag 3. Link Tag stylesh.. 더보기
개발자를 위한 웹 표준 CSS의 이해 1(CSS BoxModel, Position, float, clear, z-index) CSS에서 boxmodel, position, float 대하여 알아보도록 하겠습니다. IE 8을 사용하면서 가장 저의 마음에 들었던 부분이 있습니다. 바로 개발자 도구입니다. 이전에는 IE 6, 7 사용 시 IEDeveloperToolbar라는 툴을 설치하여 사용하였는데. 그때도 “이거 괜찮다” 라는 생각을 많이 했었습니다. IE 8의 개발자 도구는 그야 말로 획기적인 툴이라고 말씀 드리고 싶습니다. *_* 갑자기 이야기가 삼천포에 갔네요.. *_*;; 본론으로 들어가서. 1. Box Model CSS 중 가장 많이 사용하는 Attibute가 바로 border, padding, margin이 아닐까 합니다. Layout 이나 Box Model 작성 시 필수로 사용하게 되는 속성들입니다. http://t.. 더보기
개발자를 위한 웹 표준 HTML의 이해 3(Web Content Accessibility Guidelines 1.0) 2011/02/15 - [웹개발 기초] - 개발자를 위한 웹 표준 HTML의 이해 2(Block elements, Inline elements)2011/02/16 - [웹개발 기초] - 개발자를 위한 웹 표준 HTML의 이해 3(Web Content Accessibility Guidelines 1.0) 이번 시간에는 HTML이라기 보다는 웹 컨텐츠에 대한 사용자의 접근성을 향상하기 위한 W3C의 지침의 내용을 한번 살펴 볼까 합니다. 일반적인 경우 이미지와 이미지맵을 사용한 경우 표를 사용한 경우 프레임을 사용한 경우 애플릿과 스크립트를 사용한 경우 멀티미디어를 사용한 경우 다른 모든 조치가 불가능한 경우 위와 같은 분류의 내용으로 중요도를 3단계로 나누어 설명되어 있습니다. 저는 중요도 1에 해당하는 .. 더보기
개발자를 위한 웹 표준 HTML의 이해 2(Block elements, Inline elements) 2011/02/15 - [Developer/웹개발 기초] - 개발자를 위한 웹 표준 HTML의 이해 1(DTD[Document Type Definition]) 이번 시간에는 HTML Tag 중 Block-Level Element(이하 block), Inline-Level Element(이하 inline) 에 대해서 알아보도록 하겠습니다. 단순히 태그는 어떤 것이고.. 어떤 건 어떻게 쓰는 것이다 라는 것은 아래 링크를 참고 하여 주십시오. http://www.w3schools.com/tags/ref_byfunc.asp block는 말 그대로 하나의 틀이 될 수 있는 Tag를 말합니다. inline는 block안에 포함되어 Data, Object를 포함 할 수 있으며, block을 포함 할 수 없는 Tag.. 더보기
개발자를 위한 웹 표준 HTML의 이해 1(DTD[Document Type Definition]) 웹 개발자를 위한 웹 표준 코딩을 위한 HTML의 이해 그 첫 번째 시간입니다. 오늘은 HTML에서 가장 최 상위에 선언되는 DTD에 대해서 알아보도록 하겠습니다. DTD 사용 이유! DTD는 브라우저의 렌더링 모드를 지정하고 유효성 검증기의 기준이 되므로 HTML 문서의 상단에 선언되어야 합니다. DTD가 선언 되어 있지 않는 경우에는 브라우저 별로 Tag의 해석 방식이 다른 Quirks mode로 렌더링 되어 브라우저 별로 각각 다른 화면이 나타날 수 있습니다. Wiki ko 참고 : http://ko.wikipedia.org/wiki/HTML#.EB.AC.B8.EC.84.9C_.ED.98.95.EC.8B.9D_.EC.84.A0.EC.96.B8 DTD의 종류로는 HTML 4.01, XHTML 1.0,.. 더보기