웹
지각생 연습장
목차 |
[편집] HTML/XHTML
- 참고 - XML
[편집] 리소스
- W3C 한국 사무국 http://www.w3c.or.kr/
- W3C HTML 사이트 http://www.w3.org/MarkUp/
- W3C CSS 사이트 http://www.w3.org/Style/CSS/
[편집] CSS
[편집] 레퍼런스
- http://www.mentalbloc.net/reference/css.html
- 한페이지에서 쉽게 각 속성들을 확인해볼 수 있는 퀵레퍼런스입니다.
[편집] Resources
- CSS 레퍼런스 링크모음(http://css.macple.com ) -
- http://www.w3.org
- 당연한 이야기지만, 필수죠. CSS에 관해 이야기 하려면 HTML 및 XHTML에 대한 정확한 이해가 먼저이므로.
- http://www.w3schools.com
- CSS, HTML, XHTML 기타 www상의 각종 기술 등에 대해 레퍼런스 삼기 좋은 곳입니다. 저는 잡다한 레퍼런스 없이 이곳만으로 충분히 모든 도움을 받고 있습니다.
- http://www.csszengarden.com/
- 너무나도 유명한 젠가든. CSS 디자인의 강력함을 가장 잘 알 수 있는 곳입니다. 이 페이지와...
- http://www.mezzoblue.com/zengarden/alldesigns/ 여기의 링크들을 둘러보세요. 모두 하나의 HTML소스를 가지고 CSS만 다르게 작성한 페이지들입니다.
- http://www.cssbeauty.com/
- CSS로 만들어진 사이트들의 쇼우케이스입니다. 영감을 얻으시기 바랍니다.
- http://cssvault.com/
- 여러가지 CSS 팁들을 소개하는 곳입니다.
- http://webdesign.about.com/
- 여기에서도 CSS관련 자료들 및 팁들을 얻을 수 있습니다.
- http://www.alistapart.com/
- 초강추 사이트입니다. 어느 정도 CSS(DHTML/XHTML/JavaScript)에 대해 기초가 있으시다면 hack수준의 강력한 팁들을 얻으실 수 있습니다.
[편집] DOM
[편집] 리소스
- DOM 표준 http://www.w3.org/DOM/
- 모질라 DOM 사이트 http://www.mozilla.org/docs/dom/
- 모질라 DOM 레퍼런스: http://www.mozilla.org/docs/dom/domref/
- Gecko DOM 레퍼런스 : http://developer.mozilla.org/en/docs/Gecko_DOM_Reference
[편집] 노드 생성
- document.createElement("div")
- createTextNode("some text")
- appendChild(element)
[편집] Style 적용
- className 속성
hello.className = 'declared'
- style 속성
empty.style.border = "solid green 2px"
[편집] JavaScript
- http://www.mozilla.or.kr/docs/web-developer/
- Netscape JavaScript Central : 넷스케이프의 자바스크립트 사이트
- http://www.mozilla.org/js/language/ 모질라: 자바스크립트 언어 리소스
- http://www.mozilla.org/js/scripting/ 모질라: 자바스크립트 스크립팅 리소스
- http://koxo.com/lang/js/index.html KoXo 자바스크립트 매뉴얼
[편집] 팁
- radio 버튼은 onclick 메소드에 자바스크립트를 지정하면 된다
[편집] 참고/링크
[편집] 무료 웹 디자인 템플릿
- http://www.opensourcetemplates.org/
- http://www.templateworld.com/free_templates.html
- http://www.oswd.org/
- http://www.free-css-templates.com/free-templates.html
- http://www.templatesbox.com/
- http://www.freelayouts.com/websites
- http://www.ex-designz.net/template/tempcat.asp?cat_id=13
- http://www.openwebdesign.org/browse.php
- http://www.code-sucks.com/free-css-templates/
- http://www.oswt.co.uk/browse_designs.html
- http://www.solucija.com/home/css-templates/
- http://www.cssfill.com/
- http://www.sixshootermedia.com/free-templates/