2013-05-15 3 views
1

오늘까지 jsfiddle을 사용하여 div를 디자인 한 다음 CSS를 테스트 목적으로 사용하고 디자인을 실제 개발에 구현했습니다.CSS로 자동 div 구조 생성하기

GUI가있는 CSS로 Div 구조를 생성하는 데 사용할 수있는 유틸리티가 있는지 궁금합니다 (예 : 꿈의 위버 또는 이와 유사한 소프트웨어에 대해 이야기하는 것이 아닙니다).

나는 그것에 4 개 개의 상자 사업부를 만들고 싶어

, 어떤 유틸리티는 내가 DIV를 생성 얻을 다음 "드래그 앤 드롭"을 사용하여 기능을 페이지 레이아웃을 만들 수 있습니다 어디에 사용할 수 있습니까 구조.

짧게 내가 그리는 데 마우스를 사용할 수있는 곳을 찾고 있는데, 페인트와 마찬가지로 div 구조와 CSS를 얻을 수 있지만 CSS를 사용하여 Div 구조를 생성해야합니다. . 내가 꿈 위버를하지 않는 한 라이센스의, 다음은 열어 연령이 걸리기 때문에

업데이트

, 혼동하지 마십시오. jsfiddle처럼 온라인으로 뭔가를 원합니다.

무료 여야합니다.

+2

나는 * 드림위버 및 기타 WYSIWYG 편집기에 대해 * 이야기하고 실제로 당신을 생각합니다. – doublesharp

+0

@ doubledarp 내 질문을 읽고, 나는 분명히 말했다, 나는 꿈의 위버를 원하지 않지만, 일부 온라인 웹 사이트, 감사합니다 – Change

+3

질문에 웹 기반 도구를 지정하지 않았습니다. – doublesharp

답변

1

마음에 떠오르는 단 하나는 Webflow이지만 아직 출시되지 않았습니다. 웹 사이트에 등록하면 시작할 때 알림을받을 수 있지만 웹 인터페이스를 통해 대부분의 WYSIWYG 편집기 기능을 제공 할 계획 인 것 같습니다.

1

생각해 보면 Maqetta입니다.

온라인으로 무료로 http://r7.maqetta.org/에서 시도해보십시오. 오픈 소스이기도합니다.

Maqetta는 IBM의 다양한 UXD 팀의 시각적 디자인 요구 사항을 해결하기 위해 내부 IBM 이니셔티브에서 나왔습니다. IBM은 Maqetta의 원본 코드를 오픈 소스 HTML5 시각적 도구의 강력한 제품군을 만들고 유지 관리하는 데 도움이되는 커뮤니티를 육성하기 위해 오픈 소스에 기여했습니다.

다음은 예를 들어 스크린 샷입니다. 더 많은 기능이 있습니다, 즐기십시오!

enter image description here