title						= 슬림
version					= 2
author					= 카이
email						= thruthesky@yahoo.co.kr
homepage				= http://jangnans.com
copyright				= 카이
date						= 2007년 3월 28일
description			= 간단한 쇼핑몰



[*] 레이아웃

전체 너비 960 이다.

-------------------------------------------------
header.html
-------------------------------------------------
cate.header.html
-------------------------------------------------
                |                          |리모콘
                |                          |리모콘
cate.left.html  |     cate.mode.html       |cate.right.html
                |                          |리모콘
                |                          |리모콘
                |                          |리모콘
                |                          |리모콘
                |                          |리모콘
                |                          |리모콘
                |                          |리모콘
                |                          |리모콘
                |                          |리모콘
-------------------------------------------------
cate.footer.html
-------------------------------------------------
footer.html
-------------------------------------------------



cate.left.html 이 150 픽셀, cate.mode.html 이 740 픽셀이다.

cate.left.html 과 cate.mode.html 사이에 여백을 10 픽셀 준다.


cate.right.html 은 리모콘 영역이다.

리모콘 영역은 간편한 메뉴로서 최근 본 상품, TOP, 장바구니 등.. 간편한 메뉴를 표시하는 영역이다.
너비 60 픽셀로 둔다.




왼쪽 여백은 16 으로 두어서 내용이 중앙에 놓이도록 한다.


cate.left.html 과 cate.mode.html 의 수평으로 놓이기 위해서 table 태그로 묶는다.

이것은 layout.html 에서 하지 않고,  header.html 과 footer.html 에서 각각 태그를 분산시킨다.




플러그인을 통해서 메인화면의 겉모양을 꾸민다.

플러그인은 각 스킨 파일별을 살펴보면된다. 물론 관리자 모드에서 직접 플러그인의 정보를 변경할 수 있다.

다음은 기본적으로 사용되는 플러그인이다.

header_1 에는 topmenu 플러그인
header_5 에는 menu 플러그인 ( filemenu 사용을 권장한다. filemenu 를 사용하려면, 관리자 모드에서 직접 설정을 해야한다. )
header_7 에는 hit 플러그인

left_2 에는 login 플러그인

left_7 에는 stats_database 플러그인


main_3_top 에는 articles 플러그인의 공지사항
main_3_middle 에는 질문과답변
main_3_bottom 에는 최근 코멘트


main_10 에는 최신 상품 플러그인
main_11 에는 추천 상품 플러그인


main_13 에는 최신글 목록 플러그인




right_1 에는 mall_remocon 플러그인



[*] 쇼핑몰 상품 사진

작은 이미지는 너비 100 픽셀, 높이 120 픽셀로 맞춘다. (변경 가능)

보통 이미지는 300x300 픽셀이다. (약간의 오차는 허용)


[*] 기타

CSS 파일을 연결할 때, 아래의 두 문 예제는 동일한 효과(결과)를 가져온다.

link 태그를 이용해서 CSS 파일을 링크

	<link rel="stylesheet" type="text/css" href="skin/default/default.css">

PHP 코드의 include 를 사용해서 CSS 내용을 직접 포함

	<style>
		<? include 'etc/res/css/basic.css' ?>
	</style>


HTML link 태그를 통해서 CSS 파일을 연결하는 경우 어떤 웹브라우저에서는 파싱이 무지 느리다. (특히 IE) 따라서 포함하는 방법을 사용 할 수도 있다.




