빠른 설정 창

 빠른 설정 창

많이 사용되는 기능을 모아둔 것으로
객체를 선택했을 때와 드래그 했을 때 각각 다른 설정 기능이 나타난다. 


1) 객체를 선택 했을 때 활성화 되는 창 (9가지)

아이콘 기능명 설명 비고
정렬 선택된 객체의 문단을 정렬합니다. 
ㄴ좌측정렬 선택된 객체의 문단을 왼쪽 정렬합니다.  
ㄴ가운데정렬 선택된 객체의 문단을 왼쪽 정렬합니다.  
ㄴ우측정렬 선택된 객체의 문단을 오른쪽 정렬합니다.  
아이콘 기능명 설명 비고
들여쓰기 &
내어쓰기
선택된 객체의 문단 여백을 설정합니다.
ㄴ들여쓰기 선택된 객체의 문단을 들여 씁니다.  
ㄴ내어 쓰기 선택된 객체의 문단을 내어 씁니다.  
아이콘 기능명 설명 비고
내부삽입 선택된 객체 외부에 새로운 객체를 하단에 삽입 합니다.
ㄴ본문 선택된 객체 내부에 본문(p)을 삽입합니다.  
ㄴDIV 선택된 객체 내부에 박스(div)을 삽입합니다.  
ㄴ이미지 선택된 객체 내부에 이미지를 삽입합니다. 첨부3
ㄴ제목글 선택된 객체 내부에 제목글을 삽입합니다.  
ㄴ점형목록 선택된 객체 내부에 점형목록을 삽입합니다.  
ㄴ숫자형목록 선택도니 객체 내부에 숫자형 목록을 삽입합니다.  
ㄴ테이블 선택된 객체 내부에 표를 삽입합니다. 첨부8
ㄴ특수문자 선택된 객체 내부에 특수문자를 삽입합니다. 첨부5
ㄴ아이콘 선택된 객체 내부에 아이콘을 삽입합니다. 첨부4
ㄴ버튼 선택된 객체 내부에 버튼을 삽입합니다.  
ㄴ비디오 선택된 객체 내부에 비디오를 삽입합니다. 첨부6
ㄴ지도 선택된 객체 내부에 구글 지도를 삽입합니다. 첨부7
아이콘 기능명 설명 비고
외부삽입 선택된 객체 외부에 새로운 객체를 하단에 삽입 합니다.
ㄴ상단복사 선택된 객체를 복사하여 하단에 삽입합니다.  
ㄴ본문 선택된 객체 외부에 새로운 본문(p)를 삽입합니다.  
ㄴDIV 선택된 객체 외부에 새로운 박스(div)를 삽입합니다.  
아이콘 기능명 설명 비고
복사 & 붙여넣기 선택된 객체를 복사하거나 붙여 넣습니다. 
ㄴ복사 선택된 객체를 복사합니다.  
ㄴ붙여넣기 복사된 객체를 선택된 객체 내부에 붙여넣습니다.  
아이콘 기능명 설명 비고
타입변경 선택된 객체의 타입 변경합니다.  첨부9    
크기변경 선택된 객체의 크기를 변경합니다.  
상하 순서 변경  :선택된 객체의 상하순서를 변경합니다.  
삭제 선택된 객체를 삭제합니다.  

2) 드래그 했을 때 활성화 되는 창 (8가지)

아이콘 기능명 설명 비고
굵게 드래그된 영역의 글자두께를 조절합니다.  
기울임 드래그된 영역의 글자 기울임을 전환합니다.  
밑줄 드래그된 영역의 글자 밑줄을 전환합니다.  
취소선 드래그된 영역의 글자 취소선을 전환합니다.  
위첨자 드래그된 영역의 글자를 위첨자 형태로 전환합니다.  
아래첨자 드래그된 영역의 글자를 아래첨자 형태로 전환합니다.  
링크 드래그된 영역의 글자를 하이퍼링크를 추가합니다. 첨부10
삭제 드래그된 영역의 글자를 삭제합니다.  

객체 설정 창

객체 설정

편집영역내의 하나의 객체를 선택하거나, 드래그한 부분을 수정할 때 사용 할 수 있습니다.
Ctrl 키를 사용하여 여러 객체를 동시에 선택하여 수정할 수 있습니다.
크게 5가지로 구분 지어져 있습니다.


(1) 글자

선택된 객체의 글꼴, 색상, 스타일, 크기, 행간간격, 단어간격, 자간 간격을 조정 할 수 있습니다.
크기 조정 시 다섯 가지 단위 (px,em,rem,%,pt) 중 원하는 단위를 선택 할 수 있습니다.

(2) 배경 & 테두리

선택된 객체의 배경색, 테두리, 모서리를 조정할 수 있습니다.
테두리와 모서리는 원하는 위치를 선택하여 각각 스타일을 줄 수 있고 중간의 링크 버튼 클릭 시 일괄적으로 선택 해제가 가능합니다. 두께 조정 시 다섯 가지 단위(px,em,rem,%,pt) 중 원하는 단위를 선택 할 수 있습니다. 

(3) 내 여백 & 외 여백

선택된 객체의 내 여백과 외 여백을 조정 할 수 있습니다.
원하는 위치를 선택하여 각각 스타일을 줄 수 있고 중간의 링크 버튼 클릭 시 일괄적으로 선택 해제가 가능합니다. 여백 조정 시 다섯 가지 단위 (px,em,rem,%,pt) 중 원하는 단위를 선택 할 수 있습니다.

(4) 정렬

선택된 객체의 텍스트 정렬을 조정 할 수 있습니다. 

(5) 스타일

선택된 객체의 박스, 패턴, 색상, 코너, 텍스트 그림자를 조정 할 수 있습니다.

블록 창

 블록창

문서를 작은 단위로 나누어 놓았습니다. 이 단위를 하나의 블록(block)이라고 칭하고,
사용자는 블록을 쌓듯 조합해서 문서를 만들 수 있습니다.


(1) 블록 추가 방법

① Drag & Drop

샘플 블록을 선택하여 원하는 본문 위치에 드래그하여 추가하는 방식입니다. 

② Double Click

샘플 블록을 더블클릭을 하여 본문 최 하단에 블록을 추가하는 방식입니다. 

(2) 블록 종류

다양한 종류의 블록을 쉽게 찾을 수 있도록 카데고리 별로 분류되어 있습니다.
총 23가지이며, 원하는 카데고리를 선택하여 블록을 추가할 수 있습니다.

첨부(상세설명)

첨부


첨부1)

(1) html 수정

해당 구성 요소의 html 소스코드를 직접 확인하고 수정할 수 있습니다.
웹 개발전문가는 해당 구성요소를 알맞게 수정하여 다양하게 디자인 가능합니다.

첨부2)

(2) 여백 타입 변경

블록 내부 열의 여백을 간격이 있는 타입과 없는 타입으로 일괄 변경이 가능하여 통일성 있는 레이아웃을 유지할 수 있습니다. 

첨부3)

(3) 이미지 설정

객체 내부에 이미지를 삽입하고 설정합니다.
타입변경으로 기본형/배경형 전환가능하며 이미지 삽입 시 기본설정 타입은 기본형입니다.
기본형은 이미지 전체를 나타낼 수 있고 배경형은 박스로 이미지를 감싸고 있기 때문에 필요한 부분만 확대/축소 하여 나타낼 수 있습니다.

아이콘 기능명 설명 비고
업로드 이미지를 업로드 하여 삽입합니다.  
크기변경 기본형-이미지 자체 크기를 설정합니다.배경형-이미지를 감싸는 박스 크기를 설정합니다.  
링크변경 이미지에 하이퍼링크를 설정합니다.  
타입변경
(배경형)
이미지 타입을 변경합니다. 기본형<->배경형  
위치변경 배경형일 때 이미지의 위치 및 크기를 설정합니다. 3-1 참고
삭제 선택된 객체를 삭제합니다.  

첨부 3-1) 배경형 일 때 위치변경 설정창

아이콘 기능명 설명 비고
적용 설정한 이미지 위치와 크기를 적용합니다.  
최적 이미지를 감싼 박스에 맞게 이미지 크기를 변경합니다.  
크기증가 배경형 이미지 크기를 키웁니다.  
크기감소 배경형 이미지 크기를 줄입니다.  

첨부4)

(4) 아이콘

다양한 아이콘을 검색 할 수 있고 카데고리 별로 분류된 아이콘을 선택하여 삽입 할 수 있습니다. 선택한 아이콘은 객체 설정에서 크기와 색상 등을 수정 할 수 있습니다.

첨부5)

(5) 특수문자

특수문자를 삽입 할 수 있습니다.
일반기호, 숫자와단위, 원/괄호, 한글, 그리스/라틴어, 일본어로 분류 되어있습니다. 

첨부6)

(6) 비디오

객체 내부에 비디오를 삽입합니다.
비디오의 경로나 소스코드를 입력하여 원하는 비디오를 출력 할 수 있습니다. 

아이콘 기능명 설명 비고
크기변경 선택된 비디오의 크기를 변경합니다.  
동영상변경 비디오의 경로나 소스코드를 입력하여 원하는 비디오를 출력합니다.  
삭제 비디오를 삭제합니다.  

첨부7)

(7) 지도

구글 지도 API를 사용하여 객체 내부에 지도를 삽입합니다.
좌표를 검색 하여 지도에 해당하는 좌표위치의 이름과 주소를 설정 할 수 있습니다.

아이콘 기능명 설명 비고
크기변경 선택된 지도의 크기를 변경합니다.  
지도변경 지도에 표시된 지역을 변경하고 지도와 관련된 정보를 설정합니다.  
삭제 지도를 삭제합니다.  

첨부8)

(8) 표(테이블html)

객체 내부에 표를 삽입하고 설정합니다.
드래그 선택으로 여러 셀을 선택하여 간편한 설정이 가능합니다. 테이블에 마우스를 올리게 되면 표(테이블)설정 탭이 활성화 됩니다. 각 아이콘 상세설명(첨부9-1)

첨부8-1)  테이블 상세 아이콘 설명

아이콘 기능명 설명 비고
셀합치기 드래그하여 선택한 셀을 합칩니다.  
셀수직나누기 드래그하여 선택한 셀의 칸을 나눕니다.  
셀수평나누기 드래그하여 선택한 셀의 줄을 나눕니다.  
셀넓이같게하기 드래그하여 선택한 셀의 넓이를 같게 바꿉니다.  
좌우순서변경 셀의 좌우 순서를 변경합니다.  
상하순서변경 셀의 상하 순서를 변경합니다.  
우측칸추가 선택된 셀 우측에 칸을 추가합니다.  
좌측칸추가 선택된 셀 좌측에 칸을 추가합니다.  
아래줄추가 선택된 셀 아래에 한 줄을 추가합니다.  
위에줄추가 선택된 셀 위에 한 줄을 추가합니다.  
줄지우기 선택된 셀의 전체 줄을 삭제합니다.  
칸지우기 선택된 셀의 전체 칸을 삭제합니다.  
표삭제 해당 표를 삭제합니다.  

첨부9)

(9) 타입변경

선택된 객체의 타입을 변경합니다.
제목글, 본문, 박스, 텍스트, 인용문으로 변경이 가능합니다.

첨부10)

(10) 링크

선택된 객체에 하이퍼링크를 부여할 수 있습니다.
링크와 관련된 설명글을 입력할 수 있고 링크를 새로운 창에서 열 수 있습니다. 

각 설정창 설명 (x)

각 설정창 설명

1) 블록창

문서를 작은 단위로 나누어 놓았습니다. 이 단위를 하나의 블록(block)이라고 칭하고,
사용자는 블록을 쌓듯 조합해서 문서를 만들 수 있습니다.

(1) 블록 추가 방법

① Drag & Drop

샘플 블록을 선택하여 원하는 본문 위치에 드래그하여 추가하는 방식입니다. 

② Double Click

샘플 블록을 더블클릭을 하여 본문 최 하단에 블록을 추가하는 방식입니다. 

(2) 블록 종류

다양한 종류의 블록을 쉽게 찾을 수 있도록 카데고리 별로 분류되어 있습니다.
총 23가지이며, 원하는 카데고리를 선택하여 블록을 추가할 수 있습니다.

2)객체 설정

편집영역내의 하나의 객체를 선택하거나, 드래그한 부분을 수정할 때 사용 할 수 있습니다. Ctrl 키를 사용하여 여러 객체를 동시에 선택하여 수정할 수 있습니다.
크게 5가지로 구분 지어져 있습니다.

(1) 글자

선택된 객체의 글꼴, 색상, 스타일, 크기, 행간간격, 단어간격, 자간 간격을 조정 할 수 있습니다. 크기 조정 시 다섯 가지 단위 (px,em,rem,%,pt) 중 원하는 단위를 선택 할 수 있습니다.

(2) 배경 & 테두리

선택된 객체의 배경색, 테두리, 모서리를 조정할 수 있습니다.

테두리와 모서리는 원하는 위치를 선택하여 각각 스타일을 줄 수 있고 중간의 링크 버튼 클릭 시 일괄적으로 선택 해제가 가능합니다. 두께 조정 시 다섯 가지 단위(px,em,rem,%,pt) 중 원하는 단위를 선택 할 수 있습니다. 

(3) 내 여백 & 외 여백

선택된 객체의 내 여백과 외 여백을 조정 할 수 있습니다.

원하는 위치를 선택하여 각각 스타일을 줄 수 있고 중간의 링크 버튼 클릭 시 일괄적으로 선택 해제가 가능합니다. 여백 조정 시 다섯 가지 단위 (px,em,rem,%,pt) 중 원하는 단위를 선택 할 수 있습니다.

(4) 정렬

선택된 객체의 텍스트 정렬을 조정 할 수 있습니다. 

(5) 스타일

선택된 객체의 박스, 패턴, 색상, 코너, 텍스트 그림자를 조정 할 수 있습니다.

3) 빠른 설정 창

많이 사용되는 기능을 모아둔 것으로 객체를 선택했을 때와 드래그 했을 때 각각 다른 설정 기능이 나타난다. 

(1)객체를 선택 했을 때 활성화 되는 창 (9가지)

이 문단은 예제 문단입니다.
여러분은 편집기, 본문변환기를 이용해서 손쉽게 변경할 수 있습니다. 또한 제공되는 수많은 자바스크립트 코드와 스타일시트(CSS)를 제공하여 다이나믹하게 꾸밀 수 있습니다.
어떠한 다른 사이트보다 재미있고, 다양하게 꾸밀 수 있으며, 텍스트 중심의 홈페이지이므로 손쉽게 수정하실 수 있습니다. 또한 자연스럽게 웹접근성을 지킬 수 있도록 도와드립니다. 우리는 최신의 트랜드에
맞게 계속적으로 업그레이드를 할 것을 약속하며, [웹프로소프트]에서 사용법을 습득/적용하시면 항상 최신의 기술을 사용할 수 있습니다.
http://webprosoft.kr 만 기억하세요. 많은 비용을 투자하지 못하는 개인 및 소호 사업자분, 웹접근성을 필요로 하시는 분, 자주 디자인 및 레이아웃을 변경해야하는 분,
빠르게 제작해야하는 제작자분들께 적합하며 성공으로 가는 힘이 되어 드리겠습니다. 컨텐츠를 다양하게 편집하여 이용자들에게 다가가는 마케팅을 적극 활용하시길 바랍니다. 감사합니다.

① 정렬 : 선택된 객체의 문단을 정렬합니다. 

아이콘 기능명 설명 비고
좌측정렬 선택된 객체의 문단을 왼쪽 정렬합니다.  
가운데정렬 선택된 객체의 문단을 왼쪽 정렬합니다.  
우측정렬 선택된 객체의 문단을 오른쪽 정렬합니다.  

② 들여쓰기 & 내어쓰기 : 선택된 객체의 문단 여백을 설정합니다.

아이콘 기능명 설명 비고
들여쓰기 선택된 객체의 문단을 들여 씁니다.  
내어 쓰기 선택된 객체의 문단을 내어 씁니다.  

③ 내부 삽입 : 선택된 객체 외부에 새로운 객체를 하단에 삽입 합니다.

아이콘 기능명 설명 비고
본문 선택된 객체 내부에 본문(p)을 삽입합니다.  
DIV 선택된 객체 내부에 박스(div)을 삽입합니다.  
이미지 선택된 객체 내부에 이미지를 삽입합니다. 첨부3(17p)
제목글 선택된 객체 내부에 제목글을 삽입합니다.  
점형목록 선택된 객체 내부에 점형목록을 삽입합니다.  
숫자형목록 선택도니 객체 내부에 숫자형 목록을 삽입합니다.  
테이블 선택된 객체 내부에 표를 삽입합니다. 첨부8(21p)
특수문자 선택된 객체 내부에 특수문자를 삽입합니다. 첨부5(18p)
아이콘 선택된 객체 내부에 아이콘을 삽입합니다. 첨부4(17p)
버튼 선택된 객체 내부에 버튼을 삽입합니다.  
비디오 선택된 객체 내부에 비디오를 삽입합니다. 첨부6(19p)
지도 선택된 객체 내부에 구글 지도를 삽입합니다. 첨부7(20p)

④ 외부삽입 : 선택된 객체 외부에 새로운 객체를 하단에 삽입 합니다.

아이콘 기능명 설명 비고
상단복사 선택된 객체를 복사하여 하단에 삽입합니다.  
본문 선택된 객체 외부에 새로운 본문(p)를 삽입합니다.  
DIV 선택된 객체 외부에 새로운 박스(div)를 삽입합니다.  

⑤ 복사 & 붙여넣기 : 선택된 객체를 복사하거나 붙여 넣습니다. 

아이콘 기능명 설명 비고
복사 선택된 객체를 복사합니다.  
붙여넣기 복사된 객체를 선택된 객체 내부에 붙여넣습니다.  

⑥ 타입변경 : 선택된 객체의 타입 변경합니다. -첨부9(23p)

⑦ 크기변경 : 선택된 객체의 크기를 변경합니다.

⑧ 상하 순서 변경 : 선택된 객체의 상하순서를 변경합니다.

⑨ 상하 순서 변경 : 선택된 객체를 삭제합니다.

(2) 드래그 했을 때 활성화 되는 창 (8가지)

아이콘 기능명 설명 비고
굵게 드래그된 영역의 글자두께를 조절합니다.  
기울임 드래그된 영역의 글자 기울임을 전환합니다.  
밑줄 드래그된 영역의 글자 밑줄을 전환합니다.  
취소선 드래그된 영역의 글자 취소선을 전환합니다.  
위첨자 드래그된 영역의 글자를 위첨자 형태로 전환합니다.  
아래첨자 드래그된 영역의 글자를 아래첨자 형태로 전환합니다.  
링크 드래그된 영역의 글자를 하이퍼링크를 추가합니다. 첨부10(23p)
삭제 드래그된 영역의 글자를 삭제합니다.  

4) 모드 창 

PC , 모바일 가로보기, 모바일 세로보기 등 3단계로 지원하며, 각 단계별로 어떻게 출력되는지 확인 할 수 있으며 모드에 따라 다양하게 설정 할 수 있습니다.

(1) PC 보기

(2) 모바일 가로 보기

(3) 모바일 세로보기

5) 편집영역

블록 창에서 편집영역에 추가한 블록을 선택하게 되면 블록을 수정 할 수 있는 세가지 설정 버튼이 활성화 됩니다. 행, 열, 그리드를 수정 할 수 있는 설정 버튼입니다.

(1) 행 설정 버튼

아이콘 기능명 설명 비고
상하순서변경 선택된 블록에서 행의 상하 순서를 변경합니다.  
행 복사 선택된 블록에서 행을 복사하여 하측에 삽입합니다.  
html수정 선택된 블록에서 행의 html 코드를 수정합니다. 첨부1(14p)
블록 삭제 선택된 블록을 삭제합니다.  

2) 열 설정 버튼

아이콘 기능명 설명 비고
순서변경 선택된 블록에서 열의 좌우 순서를 변경합니다.  
열 복사 선택된 블록에서 열을 우측에 복사합니다.  
열 넓히기 선택된 블록에서 열 넓이를 넓힙니다.  
열 줄이기 선택된 블록에서 열 넓이를 좁힙니다.  
html 수정 선택된 블록에서 열의 html 코드를 수정합니다. 첨부1(14p)
열 삭제 선택된 블록에서 열을 삭제합니다.  

3) 그리드 설정 버튼

아이콘 기능명 설명 비고
여백타입변경 선택된 블록의 여백 타입을 조정합니다. 첨부2(15p)
우측열추가 선택된 블록 우측에 새로운 열을 추가합니다.  
하단행추가 선택된 블록 하단에 새로운 행을 추가합니다.  

화면 소개

화면소개

사용자의 편의를 위해 미리 만들어둔 샘플 블록을 우측에 출력합니다.

샘플 블록을 편집영역에서 수정이 가능하고 각 객체들은 객체 설정 창에서 세부 설정이 가능합니다. 자주 사용하는 메뉴를 모아둔 빠른 설정 창과, 반응형 처리를 위한 모드창이 있습니다.

초기화면은 5가지 분류로 나누어집니다. 

  1. 블록 창 : 사용자의 편의를 위해 미리 만들어 놓은 샘플 블록 창
  2. 객체 설정 창 : 각 객체를 설정 할 수 있는 객체 설정 창 
  3. 빠른 설정 창 : 자주 사용하는 메뉴를 모아놓은 빠른 설정 창
  4. 모드 창 : 반응형 처리를 위한 모드 창
  5. 편집영역 : 미리보기를 지원하는 편집 영역

테스트123

제목(H2)을 입력해주세요.

이 문단은 예제 문단입니다.
여러분은 편집기, 본문변환기를 이용해서 손쉽게 변경할 수 있습니다. 또한 제공되는 수많은 자바스크립트 코드와 스타일시트(CSS)를 제공하여 다이나믹하게 꾸밀 수 있습니다.
어떠한 다른 사이트보다 재미있고, 다양하게 꾸밀 수 있으며, 텍스트 중심의 홈페이지이므로 손쉽게 수정하실 수 있습니다. 또한 자연스럽게 웹접근성을 지킬 수 있도록 도와드립니다. 우리는 최신의 트랜드에
맞게 계속적으로 업그레이드를 할 것을 약속하며, [웹프로소프트]에서 사용법을 습득/적용하시면 항상 최신의 기술을 사용할 수 있습니다.
http://webprosoft.kr 만 기억하세요. 많은 비용을 투자하지 못하는 개인 및 소호 사업자분, 웹접근성을 필요로 하시는 분, 자주 디자인 및 레이아웃을 변경해야하는 분,
빠르게 제작해야하는 제작자분들께 적합하며 성공으로 가는 힘이 되어 드리겠습니다. 컨텐츠를 다양하게 편집하여 이용자들에게 다가가는 마케팅을 적극 활용하시길 바랍니다. 감사합니다.

대표이사 | __name__

Challenge

현재의 상황에 안주하지 않고 변화와 혁신으로 최고를 추구합니다.

    • 맡은 분야에서 최고가 되기 위해 자발적으로 자신을 개발하는 사람을 추구합니다.
    • 열린 사고와 창의적인 발상으로 새로운 전략과 기회를 모색해 나가는 사람을 추구합니다.
    • 할 수 있다는 자신감으로 도전적인 목표를 설정하고 달성하는 사람을 추구합니다.

Dedication

자신의 모든 인연을 소중히 여기며 큰 목표를 위해 힘을 다합니다.

  • 우리라는 공동체를 먼저 생각하며 공동의 목표를 최우선으로 여기는 사람을 추구합니다.
  • 고객과의 신뢰를 바탕으로 미래 지향적이고 지속적인 가치를 창출하는 사람을 추구합니다.
  • 공동운명체 의식으로 서로의 가능성과 신뢰를 바탕으로 앞으로의 발전을 위해 협력하는 사람을 추구합니다.

테스트

테스트글입니다.

이 문단은 예제 문단입니다.
여러분은 편집기, 본문변환기를 이용해서 손쉽게 변경할 수 있습니다. 또한 제공되는 수많은 자바스크립트 코드와 스타일시트(CSS)를 제공하여 다이나믹하게 꾸밀 수 있습니다.
어떠한 다른 사이트보다 재미있고, 다양하게 꾸밀 수 있으며, 텍스트 중심의 홈페이지이므로 손쉽게 수정하실 수 있습니다. 또한 자연스럽게 웹접근성을 지킬 수 있도록 도와드립니다. 우리는 최신의 트랜드에
맞게 계속적으로 업그레이드를 할 것을 약속하며, [웹프로소프트]에서 사용법을 습득/적용하시면 항상 최신의 기술을 사용할 수 있습니다.
http://webprosoft.kr 만 기억하세요. 많은 비용을 투자하지 못하는 개인 및 소호 사업자분, 웹접근성을 필요로 하시는 분, 자주 디자인 및 레이아웃을 변경해야하는 분,
빠르게 제작해야하는 제작자분들께 적합하며 성공으로 가는 힘이 되어 드리겠습니다. 컨텐츠를 다양하게 편집하여 이용자들에게 다가가는 마케팅을 적극 활용하시길 바랍니다. 감사합니다.



나만의 컨텐츠를 만드는 방법은 간단합니다. Web Editor는 Drag & Drop 만으로 편집이 가능합니다.
웹 전문가가 아닌 문서작업을 할 줄 아는 일반사람들도 손쉽고 간편하게 웹 컨텐츠를 자유자재로 편집할 수 있게 만들었습니다. 결과를 바로 보면서 코드없이 완벽한 디자인을 만들 수 있습니다.
그리고 전세계적으로 52.2% 트래픽이 스마트 기기를 이용하여 홈페이지를 접속합니다. 많은 이용자들이 홈페이지를 접속할 때 스마트폰과 태블릿을 많이 사용한다는 뜻이겠죠.
다양한 모바일 기기 화면에서 동일하게 홈페이지 내용들이 잘 보이고 쉽게 이용할 수 있도록 반응형 웹사이트는 필수가 되었습니다. Web Editor는 자동으로 여러분의 사이트가 모바일에서도 아름답게 보여지도록 제작되었습니다.
Web Editor는 최신의 트랜드에 맞게 기능을 꾸준히 개발해 업그레이드 하고 있습니다. 최상의 디지털 마케팅 솔루션을 제공할 것을 약속드립니다.
Web Editor의 가능성은 무궁무진합니다. 한 발 앞선 홈페이지의 제작 기술은 높은 완성도를 자랑합니다. Web Editor는 사용자의 필요에 따라 간편하게 최고 수준의 홈페이지를 제작할수 있는 모든 기능들을 갖추고 있습니다.
편집기에서 마음에 드는 디자인을 선택한후, 원하는대로 편집해 나만의 홈페이지를 완성해 보세요! Drag & Drop 방식의 간편한 에디터! 다양한 템플릿으로 코딩걱정 없이 제작 가능합니다.
Web Editor 편집기의 이미지 편집 기능을 통해 비즈니스 효과를 극대화 할 수 있습니다. 뿐만 아니라 디자이너가 제작한 다양한 템플릿으로 사용자 홈페이지 내용에 맞게 내용만 입력해 주시면 간편하게 이용가능합니다.

이 문단은 예제 문단입니다.
여러분은 편집기, 본문변환기를 이용해서 손쉽게 변경할 수 있습니다. 또한 제공되는 수많은 자바스크립트 코드와 스타일시트(CSS)를 제공하여 다이나믹하게 꾸밀 수 있습니다.
어떠한 다른 사이트보다 재미있고, 다양하게 꾸밀 수 있으며, 텍스트 중심의 홈페이지이므로 손쉽게 수정하실 수 있습니다. 또한 자연스럽게 웹접근성을 지킬 수 있도록 도와드립니다. 우리는 최신의 트랜드에
맞게 계속적으로 업그레이드를 할 것을 약속하며, [웹프로소프트]에서 사용법을 습득/적용하시면 항상 최신의 기술을 사용할 수 있습니다.
http://webprosoft.kr 만 기억하세요. 많은 비용을 투자하지 못하는 개인 및 소호 사업자분, 웹접근성을 필요로 하시는 분, 자주 디자인 및 레이아웃을 변경해야하는 분,
빠르게 제작해야하는 제작자분들께 적합하며 성공으로 가는 힘이 되어 드리겠습니다. 컨텐츠를 다양하게 편집하여 이용자들에게 다가가는 마케팅을 적극 활용하시길 바랍니다. 감사합니다.

test

이 문단은 예제 문단입니다.
여러분은 편집기, 본문변환기를 이용해서 손쉽게 변경할 수 있습니다. 또한 제공되는 수많은 자바스크립트 코드와 스타일시트(CSS)를 제공하여 다이나믹하게 꾸밀 수 있습니다.
어떠한 다른 사이트보다 재미있고, 다양하게 꾸밀 수 있으며, 텍스트 중심의 홈페이지이므로 손쉽게 수정하실 수 있습니다. 또한 자연스럽게 웹접근성을 지킬 수 있도록 도와드립니다. 우리는 최신의 트랜드에
맞게 계속적으로 업그레이드를 할 것을 약속하며, [웹프로소프트]에서 사용법을 습득/적용하시면 항상 최신의 기술을 사용할 수 있습니다.
http://webprosoft.kr 만 기억하세요. 많은 비용을 투자하지 못하는 개인 및 소호 사업자분, 웹접근성을 필요로 하시는 분, 자주 디자인 및 레이아웃을 변경해야하는 분,
빠르게 제작해야하는 제작자분들께 적합하며 성공으로 가는 힘이 되어 드리겠습니다. 컨텐츠를 다양하게 편집하여 이용자들에게 다가가는 마케팅을 적극 활용하시길 바랍니다. 감사합니다.



나만의 컨텐츠를 만드는 방법은 간단합니다. Web Editor는 Drag & Drop 만으로 편집이 가능합니다.
웹 전문가가 아닌 문서작업을 할 줄 아는 일반사람들도 손쉽고 간편하게 웹 컨텐츠를 자유자재로 편집할 수 있게 만들었습니다. 결과를 바로 보면서 코드없이 완벽한 디자인을 만들 수 있습니다.
그리고 전세계적으로 52.2% 트래픽이 스마트 기기를 이용하여 홈페이지를 접속합니다. 많은 이용자들이 홈페이지를 접속할 때 스마트폰과 태블릿을 많이 사용한다는 뜻이겠죠.
다양한 모바일 기기 화면에서 동일하게 홈페이지 내용들이 잘 보이고 쉽게 이용할 수 있도록 반응형 웹사이트는 필수가 되었습니다. Web Editor는 자동으로 여러분의 사이트가 모바일에서도 아름답게 보여지도록 제작되었습니다.
Web Editor는 최신의 트랜드에 맞게 기능을 꾸준히 개발해 업그레이드 하고 있습니다. 최상의 디지털 마케팅 솔루션을 제공할 것을 약속드립니다.
Web Editor의 가능성은 무궁무진합니다. 한 발 앞선 홈페이지의 제작 기술은 높은 완성도를 자랑합니다. Web Editor는 사용자의 필요에 따라 간편하게 최고 수준의 홈페이지를 제작할수 있는 모든 기능들을 갖추고 있습니다.
편집기에서 마음에 드는 디자인을 선택한후, 원하는대로 편집해 나만의 홈페이지를 완성해 보세요! Drag & Drop 방식의 간편한 에디터! 다양한 템플릿으로 코딩걱정 없이 제작 가능합니다.
Web Editor 편집기의 이미지 편집 기능을 통해 비즈니스 효과를 극대화 할 수 있습니다. 뿐만 아니라 디자이너가 제작한 다양한 템플릿으로 사용자 홈페이지 내용에 맞게 내용만 입력해 주시면 간편하게 이용가능합니다.

Step – by – Step   Guide

사이트 제작에 필요한 기본 디자인의 조건은 기본에 충실한 디자인 원리(Design Principles)입니다. Typography 타이포그래피 – 타이포그래피는 단어, 문자, 기호, 심지어는 문자 사이의 공백까지 유형을 정렬하는 과정입니다. 유형의 배열은 메시지가 전달되는 방식을 결정하는 데 중요한 역할을 합니다.

제품 도입 및 문의 : __tel__
  • 순서가 없는 목록을 입력 할 때 사용됩니다.
  • 순서가 없는 목록을 입력 할 때 사용됩니다.
  • 순서가 없는 목록을 입력 할 때 사용됩니다.
  • 순서가 없는 목록을 입력 할 때 사용됩니다.

Step – by – Step   Guide

사이트 제작에 필요한 기본 디자인의 조건은 기본에 충실한 디자인 원리(Design Principles)입니다. Typography 타이포그래피 – 타이포그래피는 단어, 문자, 기호, 심지어는 문자 사이의 공백까지 유형을 정렬하는 과정입니다. 유형의 배열은 메시지가 전달되는 방식을 결정하는 데 중요한 역할을 합니다.

제품 도입 및 문의 : __tel__

Step – by – Step   Guide

사이트 제작에 필요한 기본 디자인의 조건은 기본에 충실한 디자인 원리(Design Principles)입니다. Typography 타이포그래피 – 타이포그래피는 단어, 문자, 기호, 심지어는 문자 사이의 공백까지 유형을 정렬하는 과정입니다. 유형의 배열은 메시지가 전달되는 방식을 결정하는 데 중요한 역할을 합니다.

제품 도입 및 문의 : __tel__
  • 평양냉면(물)
    5,000원
  • 함흥냉면(비빔)
    5,000원
  • 한우 불고기정식(2인이상 주문가능)
    5,000원
  • 된장
    2,000원
  • 공기밥
    1,000원

전문가가 만든 완벽에 가까운 Editor __company__

  1. 검색 엔진 최적화(SEO)
  2. SNS를 활용한 마케팅
  3. 디자인원리에 충실한 디자인
  4. 다양한 분야의 성공사례

최신의 트랜드에 맞게 기능을 꾸준히 개발해 업그레이드 하고 있습니다. 최상의 디지털 마케팅 솔루션을 제공할 것을 약속드립니다.