오늘은 기본적인 Html 구조를 한 번 살펴볼게요.
복잡하지 않으니 금방 이해가 될 겁니다.
대략 위와 같은 스킨을 제작한다고 했을 때 필요한 코드는 이렇습니다.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
<html>
<title>
<!-- 웹브라우저 창에 표시되는 이름 -->
</title>
<body>
<header>
<!-- 제목 -->
</header>
<aside>
<!-- 사이드바 (카테고리) -->
</aside>
<content>
<!-- 내용 -->
</content>
<footer>
<!-- 정보 -->
</footer>
</body>
</html>
|
cs |
물론 CSS를 설정해서 위치도 잡아줘야 되고 모양도 다듬어야겠지요.
그러나 그전에는 위에서 아래로 내려오는 하나의 문서와도 같은 겁니다.
다른 사이트는 복잡할지 모르겠지만, 기본은 크게 다르지 않을 거라 생각합니다.
자. 이러면 저희는 배워야 할 건 얼마 되지 않습니다.
거창한 웹사이트를 만드는 게 아니라 직접 사용할 간단한 스킨만 만들면 되니깐요.
특히 티스토리 같은 경우에는 치환자라는 스킨 가이드를 지원합니다.
어떤 글을 작성하면 그에 맞춰서 스킨이 적용되는 가이드라인입니다.
대략 머릿속에 구상이 되지요?
실패하면 기본 스킨을 사용하면 되니깐 한번 찔러보는 겁니다.
마음의 준비를 하시고 다음 포스팅은 기본 코드만 적용해서 한번 적용해보겠습니다.
반응형
'(구) 티스토리 스킨' 카테고리의 다른 글
| 8. 티스토리 스킨만들기 (Html 초보) - 메인페이지 (3) (0) | 2019.09.20 |
|---|---|
| 7. 티스토리 스킨만들기 (Html 초보) - 메인페이지 (2) (3) | 2019.09.14 |
| 6. 티스토리 스킨만들기 (Html 초보) - 오류 (0) | 2019.09.10 |
| 5. 티스토리 스킨만들기 (Html 초보) - 메인페이지 (1) (0) | 2019.09.05 |
| 4. 티스토리 스킨만들기 (Html 초보) - Category (0) | 2019.09.02 |
| 3. 티스토리 스킨만들기 (Html 초보) - Layout (0) | 2019.08.30 |
| 1. 티스토리 스킨만들기 (Html 초보) - 기본준비 (Atom) (0) | 2019.08.28 |
| 0. 티스토리 스킨만들기 (Html 초보) (0) | 2019.08.26 |