HTML5 오픈 레퍼런스 eBook을 공개합니다.
November 29th, 2011 by Clearboth며칠전 다음에서 주최한 DevOn 2011이 있었습니다. 클리어보스는 다음의 후원으로 HTML5 오픈 레퍼런스를 책으로 제작할 수 있었고, 디브온 행사에 참석한 여러 웹 종사자 분들께 한 권씩 나눠 드릴 수 있었습니다. 하지만 행사 밖 세상에 훨씬 더 많은 분들이 계시다는 것을 알고 있었습니다. 그래서 저희는 이 책을 eBook 형태로도 공개 배포하고자 합니다. 이번에 배포되는 eBook은 2011년 11월 [...]
24. HTML 유효성 검사
June 23rd, 2011 by Clearboth
번역 : 녹풍 들어가며 지금까지 오면서 HTML 페이지를 좀 만들었을 것이다. 아마 당신이 보기에는 괜찮게 보일 것이다. 하지만 몇 가지 문제가 있다. 이런 문제점을 찾고, 이 페이지들이(혹은 미래에 당신이 만들 페이지가) 여러 브라우저들에서도 에러 없이 제대로 보이도록 할 수 있는 가장 좋은 방법은 무엇일까? 유효성 검사(validation)이 답이다. 사이트의 코드를 검증할 수 있도록 제공하는 툴은 여러 [...]
23: 내비게이션 메뉴와 여러 페이지들 만들기
June 23rd, 2011 by 검은태양
소개 이 글에서는 사이트 내비게이션과 메뉴에 대해 다룰 것입니다. 이 글을 읽으면 다양한 타입의 메뉴들과, HTML을 가지고 어떻게 그것들을 만들 수 있는지 알게 될 것입니다. 또한 메뉴의 사용성과 접근성에 대해서도 언급하게 될 것입니다. 메뉴의 스타일에 관해서는 아직 다루지 않을 것이지만, 이후 이 시리즈를 읽는데 필요한 기초적인 것은 알게 될 것입니다. 다운로드할 수 있는 코드 예제들 [...]
22. 범용적 컨테이너 – div와 span 요소
June 23rd, 2011 by 검은태양
소개 이 글에서는 내용을 “설명하지 않는” 두가지 HTML 요소에 대해, 언제 어떻게 쓸 것인지 설명하고자 합니다. span 요소와 div 요소는 사실 자신이 감싸고 있는 내용에 대해 아무런 의미도 전달하지 않습니다. 대신 커스텀한 구조를 만들거나, 또는 정말로 다른 어떤 적절한 요소가 없는 내용들을 하나로 묶어서 CSS로 스타일을 부여할, 혹은 자바스크립트로 조작할 수 있도록 합니다. div 요소들이 [...]
21. 많이 알려지지 않은 요소들
June 23rd, 2011 by 검은태양
소개 이 글에서는 조금 모호하고, 널리 알려지지 않았으며 그다지 많이 사용되지는 않는 HTML 요소들을 소개하고자 합니다. 프로그램 코드를 마크업하는 것, 컴퓨터와의 인터랙션, 인용과 약어, 문서에 가해진 수정 등에 대해 다룰 것입니다. 또한 HTML5에서 제안된 것들 중 일부를 소개하면서 글을 마칠 것입니다. 연락정보에 하이라이트하기 프로그램 언어와 코드 컴퓨터 인터랙션 보여주기 변수들 인용 약어 정의부분 위첨자와 아래첨자 [...]
20. HTML 폼의 기초
June 18th, 2011 by 검은태양
소개 1온라인에서 폼은 웹 페이지로 정보를 입력하는 영역입니다. 예를 들자면 텍스트 필드에 텍스트나 숫자를 입력하는 것, 체크박스에 표시하는 것, 라디오 버튼을 선택하는 것 등입니다. 그런 후에 사이트로 폼을 전송할 수 있습니다. 웹의 어디에서나 폼을 볼 수 있습니다. 로그인 화면에서 사용자 이름과 비밀번호를 입력하는 것, 블로그에 코멘트를 남기는 것, SNS 사이트에서 프로필을 채워 넣는 것, 쇼핑 [...]
19. HTML 테이블
June 18th, 2011 by 검은태양
소개 [1. 역주: 저자는 “쉬운” 표현을 사용하면서 거부감 없게 글을 쓰려고 한 것 같지만, 문화의 차이 및 역자의 부족함 때문에 이러한 부분을 빠짐없이 옮기려고 하면 어색해지는 점이 있어서 다소 없애면서 의역하였습니다. 내용 자체는 변한것이 없지만 표현이 많이 축소되었습니다. 양해 바랍니다.]엄청나게 많은 양의 데이터를, 웹 표준을 이용해서 정리하고자 할 땐 어떻게 해야 할까요? 수없이 중첩된 요소들을 잘 [...]
18. HTML 링크 – 이제 웹을 만듭니다!
June 18th, 2011 by 검은태양소개 이 글에서는 웹의 역사에서 가장 진보적이었던 발명들 중의 하나 – 링크에 대해 배우게 될 것입니다. 링크는 문서의 독자가 그것을 따라서 다른 문서로 이동하고, 연결을 끊었다가 다시 연결하는 작업 없이 서버에서 서버로 움직일 수 있게 해줍니다. 링크가 개발된 이후로 실로 많은 일들이 있었지만, 한가지는 변하지 않았습니다: 링크는 웹 경험에서 매우 중요한 부분이며, 당신이 그것을 어떻게 [...]
17. HTML의 이미지
June 18th, 2011 by 검은태양
소개 이 글에서는 웹 디자인을 예쁘게 만드는 것 – 이미지 – 에 대해 이야기할 것입니다. 이 글의 마지막 쯤 가게 되면 웹 문서에 이미지들을 접근성있게 추가하는 방법, 그리고 정보를 전달하기 위해 인라인 이미지를 사용해야 하는 경우와 페이지 레이아웃을 위해 배경 이미지를 사용하는 방법 들에 대해 알게 될 것입니다. 이 글에서 사용한 파일들은 여기에서 다운로드 받을 [...]
16. HTML의 목록
June 18th, 2011 by 검은태양
소개 목록은 연관된 정보들이 서로간에 명확하게 연결되도록, 또한 읽기 쉽도록 하나로 묶는 역할을 합니다. 최근의 웹 개발에서 목록은 내비게이션을 비롯하여 일반적인 컨텐츠에도 매우 다양하게 사용됩니다. 목록은 구조적 관점에서 유용합니다. 잘 구조화되고, 접근하기 쉽고, 관리하기 쉬운 문서를 만드는데 도움을 주기 때문입니다. 또한 이것은 순수하게 실용적인 면에서도 유용한데, CSS 스타일을 적용할 수 있는 추가적인 요소를 제공하므로 매우 [...]