본문 바로가기

자료

1. 로드맵

1.1 Intro?

이전에 티스토리 스킨 제작 강좌를 써본다고 난리를 쳤었습니다. 하지만 모두 중도하차했었죠. 이 카테고리의 다른 글들이 바로 그것입니다.

그 이유라고 한다면, 전문분야도 아니고 자세하게 알지도 못하는 걸 자세히 설명하려고 애쓰다보니까 괜히 길어지고, 지루해져서 아예 하지 않게 되었다는거죠.

그런 의미에서, 제가 새 스킨을 만드는 과정을 보여드리되, 그때그때 배워야 할 게 있다면 바로 간략하게 설명드리는 방법을 써 볼까 합니다. 이번에도 중도하차하지 않길 바라며... (저도 새 스킨이 필요하긴 하니까요...)

1.2 주의

  • 제가 쓰려는 시리즈 강좌는, 절대로 전문적인 수준의 것이 아닙니다. 브라우저간의 호환도 장담할 수 없어요. 그러니까, 따라해서 생기는 모든 문제는 책임지지 않습니다.

  • 많은 부분을 스킨제작 가이드에서 복사해옵니다. 그게 빠르고 간편하거든요.

1.3 대략의 구성 계획

별거 아니지만 미리 만들어 둔 목차가 글의 퀄리티를 상당히 올려주는 경우가 많죠. 그런 의미의 목차입니다. 이대로 될 거란 보장도 없고, 중간에 수정될 수도 있습니다.

  1. 로드맵
    1. Intro?
    2. 주의
    3. 대략의 구성 계획 (목차, 추후 링크 바람))
  2. 준비과정
    1. 아무리그래도 미리 준비할 게 없지는 않습니다. (인트로격)
    2. 설치할 프로그램
      1. 웹브라우저 (FF / Chrome) : 테스트용 (+Firebug)
      2. 에디터 (Notepad++ 및 예쁜 스타일)
    3. 폴더 및 파일 설정
    4. 넣고 싶은 이미지들, 혹은 이미지 에디터
    5. 띄어놓아야 하는 사이트틀
  3. 대략의 틀 제작
    1. skin.html 과 대강의 내용구성
    2. style.css 와 대강의 디자인
    3. 지금 쓴 게 뭔가요? 그리고, 내용과 디자인의 분리라니?
    4. 참고 링크 (css zen garden 등의 사이트)
  4. 세부내용 제작 - 헤더
    1. skin.html
    2. style.css
    3. 저기 넣은... 음... 가 뭔가요? 치환자?
  5. 지금 와서 전체적 스타일?
    1. 글씨... 바꾸고싶은데... style.css?
      1. 기본 서체와 크기를 지정해봅시다
      2. 상속? 유산상속? 음?

엌 막힌다 ID와 CLASS 관련 언급도 해야되는데... 목차는 추후 수정하겠습니다.

Note. 소개 및 설명해야 하는 것

  • html과 css의 기본 문법 - 쓰게되는 당시에 (극초반) 일단 쓰고 바로 자연스럽게 소개 및 설명
  • Id와 class - ^ 같이 설명
  • CSS 속성 상속 - 잘 모르니까 전부 설명하지 말고 간단하게 상속된다는 것만. 위치는... article 등의 세부내용 제작 시작시.
  • 이후에는 그냥 만들면 될 듯.