서브메뉴

스킨 제작 매뉴얼 - 첫페이지

지금까지 수많은 태터툴즈 스킨이 제작 되어왔습니다. 앞으로도 태터툴즈를 접하지 못했던 분들이 태터툴즈를 접하게 되면서 스킨을 만들어보고자 하는 바람이 많이 생길것입니다. 그래서 앞으로 더 많은 분들이 스킨만드는데 불편함을 조금이나마 덜어주고자 문서를 작성했으며, 이 메뉴얼은 스킨을 제작하는데 도움을 줄 뿐이지 정답은 아닙니다. 태터툴즈 블로그 스킨은 치환자의 규칙만 잘 지켜주면 여러분의 창의적인 생각을 여러분이 정한 규칙을 가지고 마음껏 표현할 수 있습니다.
(* 태터툴즈 스킨을 만들기 위해서는 약간의 html작성 지식이 필요합니다.)

태터툴즈 스킨 만드는 법

  1. 만들고자 하는 스킨의 디자인 구상
    블로그를 어떤 용도로 사용할 것인지 먼저 생각하고 적당한 모양을 종이에 그려봅니다. 포토샵 작업이 가능하다면 포토샵으로 한번 그려보는것도 좋은 방법입니다.
  2. 구상한 스킨을 구조화
    구상한 디자인을 적용하기 위해 구조화하여 skin.html 작성합니다.
  3. 해당영역에 원하는 치환자 붙여넣기
    태터툴즈 스킨 치환자는 디자이너가 프로그램의 지식없이 스킨을 만들기 쉽게 해주는 역할을 합니다. 디자이너는 단지 치환자의 규칙만 잘 따라주면 큰 어려움없이 자신이 원하는 디자인으로 블로그를 만들 수 있습니다.
  4. style.css를 이용해서 디자인 적용하기
    구상한 디자인대로 디자인을 적용하는 단계입니다. 한번 작성된 html을 수정하지 않고, style.css 파일의 수정만으로도 디자인이 가능합니다.
    • 문서 전체 공통 스타일 (body, input, a, ul, ol, li 등)
    • 전체 레이아웃 디자인
    • 해당영역 공통 스타일 디자인
    • 디테일 디자인
스킨 이야기! 태터툴즈 스킨을 취미로 만드는 분이 많이 계십니다. 물론 xhtml이 아닌 기존에 테이블 태그를 이용하여 스킨을 만든다고 하더라도 문제 될것은 없습니다. 다만 흔히들 이야기하는 웹 접근성을 높이고, 확장성을 생각한다면 xhtml이 적당할것입니다. 무엇보다 CSS Zen Garden 을 보고 탄성을 지렀던 xhtml을 공부하는 디자이너분들에게는 좋은 학습도구가 될 수 있을 것입니다.

변경이력

  • 2007.02.01 : 시작하기 전에 섹션 추가, 미디어로그 추가
  • 2006.12.14 : 팀블로그용 치환자 업데이트("팀블로그용 치환자"로 검색)
  • 2006.11.15 : paging부분 스타일 치환자 수정(no-more-prev, no-more-next)
  • 2006.10.31 : 사이드바의 타이틀 표현 업데이트
  • 2006.10.24 : 디자이너용 스킨 제작 체크리스트 view>>
  • 2006.10.21 : 태터툴즈 1.1 업데이트에 따른 코드 수정및 디자인 변경
  • 2006.09.21 : 스킨 공모전용 매뉴얼 제작
2008/04/03 18:46 2008/04/03 18:46
1개의 걸린 글 과    0개의 댓글이 있습니다.
이 글의 댓글/트랙백 RSS : http://www.textcube.org/manual/rss/response/73
이 글의 관련글(트랙백) 주소 : http://www.textcube.org/manual/trackback/73