MY MENU

디자인 편집

제목
[디자인편집구조]

1. 디자인 편집 구조 파악하기

첨부파일0
내용

★ 두부플러스는 코딩 없이 쉽고 간편하게 웹사이트를 디자인 할 수 있는 기능을 제공합니다


웹사이트 스타일에 맞게 다양한 요소와 앱을 활용하여  멋진 웹사이트를 만들어 보세요.



① [디자인편집을 클릭합니다.




[디자인 편집 및 레이아웃]



• x : 운영모드로 이동됩니다.

레이아웃 : 디자인편집의 현재페이지 명칭

페이지 : 페이지(메뉴) 만들기로 이동

: 나의앱으로 이동


② 

요소추가 : 웹사이트를 구성하는 다양한 요소 및 앱을 마우스로 드래그하여 설정 

• 섹션추가 : (Row)을 열(Colum)구분한 영역을 마우스로 드래그하여 설정

디자인 : 템플릿 변경 및 폰트 설정

• 전체설정 : 레이아웃의 전체 영역 설정



③ 

소스편집 : Code Editor로 코딩 

미리보기 : 현재 편집 중인 화면 미리보기 

환경설정 : [운영모드 > 환경설정 > 기본정보] 페이지로 이동

• 도움말 : 튜토리얼과 가이드보러가기로 이동

나의사이트 : 현재까지 작업한 나의사이트를 웹상으로 확인



④ 

 PC, 태블릿, 모바일 미리보기 버튼을 통해 나의사이트 화면 확인


⑤ 

• Undo : 이전 작업환경으로 되돌리기 

• Redo : 이전에서 이후 작업환경으로 되돌리기 

저장목록 : 저장목록 불러오기

저장 : 변경사항 저장

게시하기 : 마지막 작업환경 저장 및 웹사이트 적용



[요소추가 - 텍스트요소] 



⑥ 텍스트요소


제목: 타이틀 글자(텍스트)를 입력할 수 있습니다.
단락: 제목의 자세한 설명을 넣어 사용자들에게 정보를 쉽게 전달할 수 있습니다.


⑦ 텍스트 에디터

스타일: 텍스트의 스타일을 제목/페이지제목/본문 등으로 지정하여 입력하면,
     장애인들이 스크린리더기를 사용하여 글을 읽을 때 문장의 구조를 확인하며 텍스트를 읽을 수 있습니다.
폰트: 다양한 글씨체를 제공합니다.
크기: 텍스트 기준 크기에서 수치 만큼의 배수로 작아지거나 커집니다.
텍스트를 굵게, 기울임꼴, 밑줄, 가운데를 관통하는 선긋기, 색변경, 색강조, 줄맞춤, 들여쓰기, 내어쓰기가 가능합니다.


[요소추가 - 미디어요소]  



⑧ 미디어요소


이미지: 원하는 이미지를 삽입할 수 있습니다.
동영상: 원하는 동영상을 URL로 입력/소스코드입력하여 연결할 수 있습니다.
코드셀: 소스코드를 삽입할 수 있습니다.
SNS공유: 웹사이트 방문자가 SNS 계정에 컨텐츠를 공유할 수 있는 기능입니다.
      페이스북, 트위터, 밴드, 카카오톡, 카카오스토리, 구글플러스, 핀터레스트, 라인 등이 제공됩니다.



[요소추가 - 구성요소]

 


⑨ 구성요소 


로고: 이미지형, 텍스트형으로 로고를 설정할 수 있습니다.
상단메뉴: 웹사이트의 최상단으로, 로그인, 사이트맵을 노출합니다.
하단메뉴: 웹사이트의 최하단에 노출되는 정보로 [운영모드 > 환경설정 > 운영정책관리]의 내용이 보여집니다.
네비게이션: 페이지가 노출됩니다.
하단주소: 하단주소의 정보는 [운영모드 > 환경설정 > 사이트관리 > 기본정보]의 저장된 내용으로 노출됩니다.
카피라이터: 웹사이트 개설년도와 사이트명이 안내됩니다. (Copyright ⓒ 개설년도 기업명. All right reserved.)


[요소추가 - 앱]


⑩ 


 회원관리: 회원제로 운영되는 웹사이트의 경우, 메인 또는 서브 디자인에 로그인창을 노출할 수 있습니다.

 게시판: 유형별 게시판을 삽입하여 노출할 수 있습니다.

 슬라이드쇼: 메인이미지로 많이 사용되며, 여러 이미지들을 슬라이드하여 보여줍니다.

 지도: 웹사이트의 위치가 표시되는 장소를 지도로 삽입할 수 있습니다. 

 카운터: 웹사이트 방문자수를 노출시킬 수 있는 기능입니다.

 슬라이더갤러리: 숙박사이트의 객실안내에서 많이 사용되며, 슬라이드쇼처럼 이미지 이동이 가능하고
         슬라이더 메인이미지와 서브이미지들이 썸네일 형태로 동시에 노출됩니다. 

 문자상담: 실시간으로 고객과 메시지를 주고 받을 수 있는 기능입니다.

 검색: 웹사이트 내 검색을 할 수 있는 앱으로 쇼핑상품 검색 시 많이 사용됩니다.

 소셜스트림: 다양한 소셜미디어(Naver Blog, Youtube, Instaram )에 업로드된 내용을 웹사이트 한 페이지에 모아 노출 및 운영할 수 있습니다.

 숙박예약: 숙박사이트를 운영하는 사용자를 위한 특화된 앱으로 숙박예약의 객실안내를 설정할 수 있습니다.

 예약검색: 웹사이트의 숙박예약을 조건에 맞게 검색하여 보다 편리하게 예약 및 상세검색이 가능합니다.

 쇼핑: 쇼핑몰을 운영하는 사용자를 위한 특화된 앱으로 웹사이트에서 판매할 상품을 노출합니다.



[세부설정 및 아이콘] 



URL 복사

아래의 URL을 전체 선택하여 복사하세요.

게시물수정

게시물 수정을 위해 비밀번호를 입력해주세요.

댓글삭제게시물삭제

게시물 삭제를 위해 비밀번호를 입력해주세요.

이용가이드 다운로드 eBook으로 보기