완전히 새로운 코딩기술
완벽한 반응형 편집도구를 제공해드립니다.
완전한 초보자도 전문 웹관리 기술자가 될 수 있습니다.
메인과 서브페이지 전체를 100% 빌더에디터로 제작합니다.
제작 이후 고객이 쉽게 편집/관리할 수 있습니다.
모든 콘텐츠는 데이터베이스에 입력되어서
언제든 즉시 불러오고 편집 할 수 있습니다.
완전 초보자도 메뉴얼 없이 즉시 수정 할 수 있습니다..
빌더에디터는 지금껏 보지 못했던 새로운 웹디자인 개념을 제시합니다.
새로운 디자인을 제작 또는 기존 디자인을 변경하려면 블록템플릿을 열고 사용할 디자인을 선택하는 것으로 작업을 시작합니다.
블록템플릿을 불러오는 것은 새로운 페이지를 추가 제작하거나 페이지 내용 전체를 변경하려는 경우에 매우 쉽고 빠른 디자인 코딩 작업을 위해 필요합니다.
블록템플릿 추가하기를 클릭하면 페이지에 실시간으로 적용됩니다.
무료제공되는 템플릿으로 편집할 수도 있고, 외부에서 소스를 가져와서 사용 할 수도 있습니다.
블록템플릿은 여러개를 불러와서 순서를 지정하여 정렬할 수 있습니다.
템플릿의 내용을 변경하기 위해서 디자인에디터를 실행하면 템플릿 편집작업에 필요한 도구를 사용할 수 있습니다.
빌더에디터는 완벽한 반응형 코딩을 코드없이 가능하게 해주는 최고의 개발도구입니다.
빌더에디터는 완전 초보자에서 전문 웹디자이너까지 매우 쉽게 디테일한 부분까지 템플릿을 편집할 수 있는 기능을 제공합니다.
매우 간단하고 기본적인 편집작업 예를 보여드리겠습니다.
빌더에디터는 세계최고수준의 편집도구이고 모든 요소에 대해서 완벽하게 속성을 콘트롤 할 수 있습니다.
디자인템플릿의 요소들에 대해서 속성을 부여하려면 먼저 그 요소들에게 이름을 붙여줍니다. "div_0001" 과 같은 고유한 이름을 붙여준 후에 그 이름을 가진 요소가 '빨간색이다' 또는 '매우 크다' 라고 속성을 정의하면 부라우저는 그 이름을 가진 요소를 정의된 속성으로 표현합니다. 이것이 웹코딩의 기본원리입니다.
이름(아이디)을 붙여줄 영역을 드래그해서 선택 또는 그 영역을 클릭하고 포멧에서 적당한(?) 이름을 선택해줍니다.
이미지에는 잘려있지만 영역을 선택 또는 클릭하면 영역이 div 라는 요소임을 쉽게 알 수 있습니다. 예로 보여드릴 것은 이 영역에 고유한 이름(아이디)를 붙여줄 것이기 때문에 "div 아이디 변경"에서 적당한 이름을 선택해줍니다. "div 아이디 변경"은 현재의 요소를 그대로 유지하면서 그 이름만 "d_change_0001"로 변경해주는 것입니다. 즉, div 에 'd_change_0001'라는 아이디가 추가됩니다.
소스코드열기 버튼을 눌러서 코드를 살펴보면 텍스트들을 감싸고 있는 div 요소에 이름(아이디)가 추가되었음을 알 수 있습니다.
소스코드창은 편집창과 완전히 동기화되어서 상호간에 변경내용을 실시간으로 주고 받습니다. 아이디가 변경되면 소스코드창에 즉시 업데이트됩니다. 아이디가 올바르게 변경되었다면 "업데이트" 버튼을 클릭해서 저장합니다.
요소에 고유한 이름을 붙여주었다면 이제 그 요소의 속성을 정의해 보겠습니다.
간단하게 예제로 보여드릴 것은 요소의 속성으로 테두리 선을 만들고 내부에 적당한 공간을 준 후 네개의 모서리를 둥글게 만들어 보는 것입니다.
스타일편집창을 열고 좀 전에 텍스트 영역에 붙여준 이름을 적은 후 반응형이니까 우선 풀사이즈를 선택해보겠습니다.
빌더에디터는 완전한 반응형 코딩을 실제로 가능하게 해주는 아마도 유일한 웹빌더일 것입니다.
다음으로 스타일 창을 열고 박스 테두리와 적용할 모서리들에 픽셀 수를 입력합니다.
사이즈를 지정하는 코드는 몇가지 있지만 대부분 px로 표시하면 충분합니다. 한 두번 숫자를 바꿔서 테스트해보면 쉽게 픽셀 단위의 크기를 이해할 수 있을 것입니다.
코드 업데이트 버튼을 클릭해보면 실시간으로 편집창에 결과가 업데이트됩니다.
빌더에디터는 실시간으로 모든 데이터가 연동되어서 즉시 반응하고 결과를 보여줍니다. 테두리 속성만 정의했으므로 내부 공간은 아직 없습니다.
이제 박스내부공간 속성을 정의하고 코드업데이트 버튼을 클릭합니다.
편집창에 실시간으로 결과가 업데이트 됩니다. 내부 공간이 만들어 졌음을 즉시 확인할 수 있습니다.
빌더에디터는 게시판과 갤러리, 제품소개까지 완벽한 디자인 완성을 가능하게 해줍니다.
빌더에디터는 블록템플릿만으로는 부족한 디테일을 완벽하게 보완해줄 뿐 아니라 게시판과 제품소개에 전문적인 디자인을 가능하게 해줍니다.
단순한 웹빌더가 아니기때문에 홈페이지의 모든 부분에 전문적인 디자인 스타일을 가능하게 해줍니다. 제품소개 내용이나 게시글을 디자인 할 방법이 거의 없다는 점을 생각해보시기 바랍니다. 빌더에디터는 게시판과 갤러리, 제품소개까지 템플릿과 빌더 기능을 제공해서 정말 멋진 디자인으로 글을 작성할 수 있게 해줍니다.


빌더에디터는 주문제작하시는 고객에게 완벽한 홈페이지 유지/관리 솔루션입니다.
주문제작만 가능한 것이 아니고 직접 코딩이 가능한 분이라면 직접 제작에 도전하셔도 됩니다. 직접 제작은 제작비용이 전혀 없습니다. 단지 호스팅 비용만 결제하면 충분합니다.