CSS 레이아웃 생성기

CSS로 레이아웃을 잡다가 보면, 의외로 생각대로 안될때가 많다. 생각같아서는 분명이 되야 하는데 안될때가 있다. 이럴때면 키보드를 하나씩 뽑아 버리고 싶은 충동이 일어난다. 하지만 이제는 그럴일이 없다. 원하는 레이아웃을 자동으로 생성해주는 곳이 있기때문이다. 

아래 사이트들은 CSS  레이아웃을 자동으로 생성해주는곳이다.

 

CSS Layout Generator

http://csscreator.com/?q=tools/layout

상단,왼쪽,오른쪽,하단의 간격을 설정해주고 "Generrate Layout" 버튼을 눌러주면 자동으로 css와 html 파일을 생성해준다.

 

Firdamatic

http://www.wannabegirl.org/firdamatic/

이 사이트는 2단,3단 레이아아웃을 생성해주는데, 단순히 레이아웃만 잡아주는게 아니라 타이틀 이미지라던지 글자체,글자색 등등도 설정해줄수 있다.

 

CSS Template Generator - with Source Code

http://www.ibdjohn.com/csstemplate/

상단,왼쪽,오른쪽 3단으로 구성된 레이아웃을 생성시켜준다. generate page 버튼을 누르면 바로 미리보기와 함께 소스를 볼수 있다.