Page 1


INDEX Plan 01. 두부플러스 워밍업 두부플러스 소개 두부플러스 구조 두부플러스 페이지 구조 웹사이트 화면구성 두부플러스 기능 용어 설명

p3 p4 p6 p8 p12

Plan 02. 두부플러스 밸런스업 웹사이트 만들기 STEP별 구성 회원가입 및 기본정보 설정하기 페이지 생성하기 서브컨텐츠 만들기 - 1 텍스트 서브컨텐츠 만들기 - 2 이미지 서브컨텐츠 만들기 - 3 동영상 서브컨텐츠 만들기 - 4 지도 서브컨텐츠 만들기 - 5 소스코드 게시판 생성하기 페이지에 연결하기 메인페이지 구성하기 - 1 로고 메인페이지 구성하기 - 2 슬라이드쇼 메인페이지 구성하기 - 3 팝업 메인페이지 구성하기 - 4 슬라이더갤러리 모바일웹사이트 편집하기

p22 p24 p33 p35 p37 p38 p39 p40 p41 p47 p48 p50 p52 p54 p57

Plan 03. 두부플러스 초이스업 문자상담 퀵메뉴 소셜스트림 숙박예약 쇼핑몰

p60 p62 p64 p68 p77

Plan 04. 두부플러스 레벨업 웹사이트 꼼꼼하게 관리하기 두부디스크e 활용하기

p90 p97

Plan 05. 두부플러스 파워업 업종/업태별 컬러 찾기 FAQ

* 두부플러스 마스터플랜은 웹사이트제작에 꼭 필요한 기능 위주로 설명되어있습니다. 기능 상세설명은 [ 두부플러스 웹사이트 > 매뉴얼 ] http://master.dubuplus.com을 참고해주시기 바랍니다.

p104 p106


웹사이트만들기STEP별구성

플랜2.

두부플러스 밸런스업 웹사이트를 제작하기에 앞서 두부플러스에서 회원가입을 하고 사이트에 필요한 페이지를 생성합니다. 페이지는 서브페이지를 이어주는 매개체가 됩니다. 서브페이지에서는 서브 컨텐츠와 게시판을 활용하여 상세한 설명이 가능하기 때문에, 여러 페이지 를 생성하여 페이지별 주제에 맞는 컨텐츠를 작성하는 것이 가장 좋은 방향 입니다. 한 서브페이지에 모든 컨텐츠를 담게 된다면 페이지의 내용이 많아져 방문자의 가독성이 떨어지며, 스크롤을 계속 내리며 컨텐츠를 확인해야 하는 단점이 있습니다. 서브페이지를 완성하셨다면, 웹사이트의 얼굴인 메인페이지를 주목도 있게 구성하시기 바랍니다. 메인페이지에 꼭 필요한 요소와 앱을 확인하셔서 이탈율이 적고 매출이 올라가는 메인페이지를 만드실 수 있습니다.

21


웹사이트만들기STEP별구성

STEP08. 게시판 생성하기 - 게시판은 업종 및 업태에 따라 사용하는 형태가 다르기 때문에 유형별로 생성이 가능하며, 게시판을 활용하여 방문자와 소통이 가능합니다. - 생성한 게시판은 [ 디자인편집 > 페이지 ]에서 연결이 되어야 웹사이트 서브페이지에 노출되며, 메인 또는 서브 레이아웃에 노출하기 위해서는 게시판추출목록에서 설정 후, [ 디자인편집 > 앱 > 게시판 ]을 설정해주어야 합니다.

운영모드 > 앱 > 게시판 > 게시판목록

01. 게시판 생성하기 게시판 생성을 클릭하여 생성할 게시판명을 입력합니다.

페이지에 연결이 안 된 게시판은 검정 아이콘으 로, 페이지에 연결된 게시판은 컬러아이콘으로 보여지며 생성된 게시판의 수정, 복사 및 삭제가 가능합니다.

41


웹사이트만들기STEP별구성

게시판설정에서 기본설정의 게시판 형태(리스트, 갤러리, 웹진, 문의형)에 따라 설정항목이 자동으로 바뀌며 사용하는 웹사이트 게시판 형태에 따라 변경할 수 있습니다. 고급설정, 항목설정, 권한설정을 통해 게시판의 세부기능들을 설정할 수 있으며, 원하는 설정의 사용여부를 체크 후 저장합니다.

게시판명 및 게시판설명은 스킨에 따라 게시판 페이지에 노출되거나 노출되지 않을 수도 있습니다.

고급설정에서는 답글, 댓글, SNS공유, 말머리, 스팸방지, 개인정보정책동의 등의 내용을 사용 / 사용안함으로 선택할 수 있습니다. 항목설정에서는 방문자가 게시판 글쓰기 시 노출되는 항목에 대한 설정과 방문자가 게시판을 볼 수 있는 내용에 대한 항목을 설정할 수 있습니다. 권한설정에서는 게시글 목록, 열람 외 댓글, 답글 보기 등의 권한을 모든사용자, 로그인사용자, 선택등급 및 그룹 사용자로 지정하여 설 정할 수 있습니다.

42


웹사이트만들기STEP별구성

아이콘을 클릭하면 해당 게시판의 등록된 게시글을 확인하고 새로운 게시글을 작성할 수 있는 게시글 관리 페이지로 이동합니다.

글쓰기 버튼을 클릭하시면 새로운 게시글을 작성할 수 있습니다.

작성된 글은 저장버튼을 누르면 게시글에 반영되고, 게시글 노출은 생성된 게시판이 페이지에 연결되었을 시 노출됩니다.

43


웹사이트만들기STEP별구성

02. 레이아웃에 게시판 추출하기 메인레이아웃 또는 서브레이아웃 화면에 노출할 게시판을 추출할 수 있으며, 생성한 게시판 전체 또는 일부만 노출할 수 있습니다. 게시판추출 생성을 클릭하여 생성할 게시판추출명을 입력합니다.

추출게시판 설정 > 추출게시판을 통해 생성해 놓은 게시판 전체나 일부를 + 버튼으로 선택하여 추출할 수 있습니다. 추출게시판을 확인 후 추출게시판 설정 완료 버튼을 클릭합니다.

44


웹사이트만들기STEP별구성

03. 메인에 게시판추출목록 노출하기 앱의 게시판을 노출할 위치에 드래그 앤 드롭으로 추가 후 설정을 클릭합니다. 게시판 목록에서는 이전에 이미 생성해 놓은 게시판 목록을 확인할 수 있습니다. 목록에서는 이전에 이미 생성해 놓은 게시판추출목록을 확인할 수 있으며, 목록에서 선택한 게시판을 레이아웃에 노출 할 수 있습니다.

45


웹사이트만들기STEP별구성

DUBU+ Master Key > 게시판 형태

리스트형

갤러리형

목록형게시판으로 자유게시판과 같은

제품, 메뉴, 시공사례와 같이 목록에 이미지 노출이

간단하면서도 기본적인 게시판에 사용합니다.

필요한 게시판에 사용합니다. 썸네일 높이 고정을 통해 이미지의 높이감을 변경하여 사용할 수 있습니다.

46

문의형

웹진형

예약, 견적의뢰 등 맞춤형 항목이 필요한 경우 사용하며,

잡지형식 특색을 가지는 형태로,

진행상태를 표시할 수 있습니다.

목록에 이미지와 글이 함께 노출되는 형태입니다.


웹사이트만들기STEP별구성

STEP09. 서브컨텐츠와 게시판을 페이지에 연결하기 - [ 디자인편집 > 페이지 > APP선택 ]에서는 [ 운영모드 > 나의앱 ]에서 생성한 서브컨텐츠, 게시판을 메뉴로 연결하는 작업을 합니다.

디자인편집 > 페이지 > APP선택

STEP02에서 이전에 생성해 놓은 페이지(메뉴)의 게시판과 서브컨텐츠를 연결합니다. 연결한 페이지의 APP선택에서 드롭다운 버튼을 클릭하여, 생성해놓은 게시판이나 서브컨텐츠를 선택합니다.

47


두부플러스 - 게시판 생성하기  

① 게시판 생성 ② 생성한 게시판 중 메인페이지 노출을 위한 메인추출 게시판 만들기 ③ 생성한 게시판을 서브페이지에 연결하기

두부플러스 - 게시판 생성하기  

① 게시판 생성 ② 생성한 게시판 중 메인페이지 노출을 위한 메인추출 게시판 만들기 ③ 생성한 게시판을 서브페이지에 연결하기