1.1 Intro?
이전에 티스토리 스킨 제작 강좌를 써본다고 난리를 쳤었습니다. 하지만 모두 중도하차했었죠. 이 카테고리의 다른 글들이 바로 그것입니다.
그 이유라고 한다면, 전문분야도 아니고 자세하게 알지도 못하는 걸 자세히 설명하려고 애쓰다보니까 괜히 길어지고, 지루해져서 아예 하지 않게 되었다는거죠.
그런 의미에서, 제가 새 스킨을 만드는 과정을 보여드리되, 그때그때 배워야 할 게 있다면 바로 간략하게 설명드리는 방법을 써 볼까 합니다. 이번에도 중도하차하지 않길 바라며... (저도 새 스킨이 필요하긴 하니까요...)
1.2 주의
- 제가 쓰려는 시리즈 강좌는, 절대로 전문적인 수준의 것이 아닙니다. 브라우저간의 호환도 장담할 수 없어요. 그러니까, 따라해서 생기는 모든 문제는 책임지지 않습니다.
- 많은 부분을 스킨제작 가이드에서 복사해옵니다. 그게 빠르고 간편하거든요.
1.3 대략의 구성 계획
별거 아니지만 미리 만들어 둔 목차가 글의 퀄리티를 상당히 올려주는 경우가 많죠. 그런 의미의 목차입니다. 이대로 될 거란 보장도 없고, 중간에 수정될 수도 있습니다.
- 로드맵
- Intro?
- 주의
- 대략의 구성 계획 (목차, 추후 링크 바람))
- 준비과정
- 아무리그래도 미리 준비할 게 없지는 않습니다. (인트로격)
- 설치할 프로그램
- 웹브라우저 (FF / Chrome) : 테스트용 (+Firebug)
- 에디터 (Notepad++ 및 예쁜 스타일)
- 폴더 및 파일 설정
- 넣고 싶은 이미지들, 혹은 이미지 에디터
- 띄어놓아야 하는 사이트틀
- 대략의 틀 제작
- skin.html 과 대강의 내용구성
- style.css 와 대강의 디자인
- 지금 쓴 게 뭔가요? 그리고, 내용과 디자인의 분리라니?
- 참고 링크 (css zen garden 등의 사이트)
- 세부내용 제작 - 헤더
- skin.html
- style.css
- 저기 넣은... 음... 가 뭔가요? 치환자?
- 지금 와서 전체적 스타일?
- 글씨... 바꾸고싶은데... style.css?
- 기본 서체와 크기를 지정해봅시다
- 상속? 유산상속? 음?
엌 막힌다 ID와 CLASS 관련 언급도 해야되는데... 목차는 추후 수정하겠습니다.
Note. 소개 및 설명해야 하는 것
- html과 css의 기본 문법 - 쓰게되는 당시에 (극초반) 일단 쓰고 바로 자연스럽게 소개 및 설명
- Id와 class - ^ 같이 설명
- CSS 속성 상속 - 잘 모르니까 전부 설명하지 말고 간단하게 상속된다는 것만. 위치는... article 등의 세부내용 제작 시작시.
- 이후에는 그냥 만들면 될 듯.
