Step-by-step guide to building a free website with Naver's Modu service. Learn to select templates, add pages, insert images and videos, set backgrounds, and publish your site on desktop and mobile.
Chapters
자 오늘은 네이버 모드 홈페이지라는 거에 대해서 알아보도록 하겠습니다. 네이버 모드 홈페이지는 뭐냐면요. 즉석에서 간단하게 이제 나만의 홈페이지를 만들어 볼 수 있는 겁니다. 자 그래서 여기 네이버에서 네이버 모드 홈페이지라고 이렇게 검색하시면 이렇게 네이버 모드라고 나올 겁니다. 그래서 요거를 클릭을 이렇게 하시면 이제 요런 화면이 나올 거에요. 자 그럼 요런 화면이 나오시면 이제 로그인을 하신 다음에 여기 홈페이지 관리라는 대로 들어옵니다. 자 한번 들어가 볼게요. 자 이렇게 들어오면은 여기 이제 아무것도 없죠. 그리고 새 홈페이지 추가하기 요런게 이제 보이시죠. 그러면 여기에서 새 홈페이지 추가하기를 눌러 주시면 됩니다. 나만의 홈페이지를 만드는 거에요. 새 홈페이지 추가하기를 누르고 이거는 그냥 톡톡으로 안내받기 하고 그냥 넘어가시면 됩니다. 자 그러면은 이제 요런게 미리 나오는데요. 이거는 무시하셔도 상관은 없는데요. 일단 한번 해볼게요. 이미지가 뭐 한 6개 있다. 그 다음에 장소가 있는 홈페이지를 제작하겠다. 그 다음에 인스타그램을 사용 중이다. 그 다음에 상품을 판매까지 한번 해보겠다. 자 이렇게 하고 넘어오면 분류에 꼭 맞춘 추천 태블릿을 선택해 보세요. 이렇게 나와 있죠. 자 그러면 우리는 일단 스포츠 헬스 뭐 요렇게 돼 있는 그냥 평범한 매장이 있는 요런걸 하나 기준으로 해볼게요 자 그리고 나서 확인 버튼을 눌러요 자 누르고 나면 이제 이게 모두를 만드는 일종의 이제 조립하는 그런 설정 화면이라고 생각하시면 되요 모두는 이제 어떻게 되어 있냐면요 여기 보시는 것처럼 요거 홈, 강사 소개, 프로그램, 내부시설, 쿠폰, 스케줄, SNS 이렇게 되어있죠 이런 것들이 각각 하나의 페이지라고 생각을 하시면 됩니다 자 이렇게 각각의 페이지들이 있는데요 이 페이지들은 내가 언제든지 생성할 수 있어요. 그리고 필요 없는 것들은 언제든지 삭제시킬 수도 있습니다. 그래서 페이지를 추가를 하고 싶으면 여기에서 페이지 추가라고 보이시죠? 그러면 이렇게 이미지 버튼 형태, 이미지 플러스 텍스트 형태, 전환 이미지 플러스 텍스트 이렇게 다양한 형식으로 되어 있는 이런 페이지들을 하나씩 추가를 할 수 있어요. 크게 봤을때는 두가지로 나뉘어요. 구성요소 페이지가 있고 기능 페이지가 있죠. 어떤건지 대충 한번 보도록 할게요. 요런거는 아마 많이들 보셨을겁니다. 제가 한번 해볼게요. 이미지 버튼 페이지 추가하게 한번 눌러볼게요. 그러면은 자 여기 지금 이미지하고 버튼 이미지 타이틀 그 다음에 버튼 요렇게 들어간 페이지가 여기 하나 추가된게 보이시죠. 자 그러면 다시 한번 해볼게요. 이번에는 요런거 갤러리 형태로만 된 페이지를 또 하나 추가를 해볼게요 페이지를 추가하면 자 여기 보시면은 갤러리가 이렇게 생겼죠 지금 여기 페이지명은 내가 이제 입력을 해주는 겁니다 여기에서 무슨 무슨 예를 들면 헤라 필라테스 갤러리 뭐 이런식으로 자 요런식으로 이 페이지명을 지정을 해주는 거라고 생각을 하시면 될 것 같아요 그러면 여기에 이제 이런 페이지가 하나 생겼고 그러면 요런 페이지가 하나 생기면 이 페이지를 이제 세부적으로 뭐 어떤 구성을 하고 콘텐츠도 다듬고 어떤 내용도 입력하고 해야 될 거 아니에요 그런 메뉴 구성을 어디서 하냐면 바로 여기 보시면 구성 요소 추가 라고 보이시죠 여기에서 합니다 여기 보시면 이렇게 텍스트도 있고 뭐 이미지 한 장 뭐 이미지 여러 장 요런 유형 그 다음에 전환 효과 이미지 그 다음에 지도 버튼 메모 버튼 막대 버튼 표 표를 집어 넣는 거죠 동영상 동영상을 집어 넣는 거죠 그 다음에 구분선 같은 거 요런 정도의 이 아이템들을 내가 언제든지 제가 하나 보여드릴게요. 만약에 타이틀 텍스트다 라고 해볼게요. 자 클릭을 했어요. 자 그러면 여기 이런 식으로 타이틀이 입력이 되어 있죠. 자 그리고 이 타이틀을 한번 입력을 해볼게요. 예를 들면 이쪽에 옆쪽에 가서 타이틀을 입력해 주세요 라고 되어 있죠. 그러면 헤라 필라테스라고 이렇게 한번 해볼게요. 자 이렇게 타이틀이 생성된게 보이시죠. 그리고 여기 보시면은 요거 최상단이라는 지금 버튼을 누르니까 최상단으로 올라갔죠. 그 다음에 요거는 한 칸 위로 한 칸 아래로 그 다음에 가장 아래로 최하단 그 다음에 요거는 복사에요 복사 그리고 요거는 요 아이템을 삭제시켜 버리는 겁니다. 삭제됐죠? 자 그런 식으로 내가 원하는 아이템을 언제든지 그리고 기존에 있는 아이템에서도 수정할 수 있어요. 이거 다 삭제를 시켜 볼게요. 그러면은 갤러리 페이지가 그냥 공 페이지가 되는 거죠. 여기에서 타이틀 텍스트 하나 넣고 나는 그 다음에 이미지를 하나 넣고 그 다음에 그 밑에는 지도를 하나 듣고 싶다 아니면 동영상을 하나 듣고 싶다 동영상 그러면 이 페이지는 지금 타이틀 이미지 동영상 요 3가지 유형으로 세팅이 되는 거예요 그러면 여기 타이틀에 제가 이름을 한번 입력을 해 볼게요 여기 와서 좀 전처럼 헤라 필라테스라고 이름을 입력하고요 이미지는 그냥 편의상 연관 없어도 그냥 아무거나 올려 볼게요. 잠시만요. 헤라필라테스 아마 자료가 있을 거에요. 있으면 그걸로 한번 해볼게요. 자 그러면 사진 자료들이 이렇게 있네요. 자 헤라필라테스의 아무 사진이나 하나 올려 보도록 하겠습니다 이런식으로 자 사진이 올라가고 있죠 자 이렇게 올라갔으면 이미지 등록 아래에 버튼을 눌러 주시면 이렇게 등록된게 보이시죠 그 다음에 밑에는 내가 뭔가 이제 동영상을 하나 넣고 싶다 자 동영상을 넣고 싶을 때는 그러면은 동영상 아무거나 가져와 볼게요 동영상은 그냥 편의상 제 채널에 있는 아무 동영상이나 그냥 가져가서 어떻게 적용되는지만 보여드리도록 하겠습니다. 보도록 할게요. 예를 들어서 이런 동영상이 있다. 그러면 주소를 이렇게 주소를 복사를 이렇게 합니다. 주소를 복사한 다음에 다시 한번 가볼게요. 그러면 이제 동영상을 클릭을 하면 자 여기에 동영상 주소를 집어 넣게끔 이렇게 나오죠. 그럼 여기에다 그냥 주소를 집어 넣어 주시기만 하면 됩니다. 자 이렇게 들어와 있는게 보이시죠? 자 이런식으로 어 내가 또 넣고 싶은거는 이 지금 한 페이지 안에 넣고 싶은게 또 있다 뭐 표도 있을 수 있죠 표 그 다음에 뭐 지금 구분선도 내가 뭐 넣고 싶으면 이렇게 넣으실 수도 있구요 점선 다 한번씩 보여드릴게요 뭐 그 다음에 본문형 텍스트라는 거는 여기 이제 어 여기 보시죠 자 여기에 뭐 텍스트를 좀 여러 개 많이 적는 거에요. 이렇게 적어볼게요. 대충 이렇게 적어보겠습니다. 이렇게 쭉쭉쭉 적으면 텍스트가 이렇게 쫙 들어와 있는 게 보이시죠. 그 다음에 이미지도 한 장이 있고 여기 보시면 이미지 한 장이 있고 텍스트 플러스 이미지 누르시면 이렇게 텍스트, 텍스트가 이렇게 들어간 이미지, 이걸 누르시면 여기 보시면은 타이틀 입력 이렇게 되어있죠. 그 다음에 내용도 입력할 수 있고 그 다음에 여기 이미지 올리기 보이시죠. 그리고 그 이미지에 대해서 뭐 타이틀을 작게 한다든지 크게 한다든지 이런 옵션들도 여기에 있습니다. 그래서 전반적으로 이렇게 구성이 되어 있다고 보시면 되요. 그래서 일단 여기 보시면 맨 처음에 이제 이거를 등록을 할 때 보면 이런 식으로 기본 편집 첫 페이지의 배경 이미지를 등록해 주세요 라고 이런게 아래쪽에 좀 뜰 겁니다. 이렇게 이제 이건 좀 불편하니까 이걸 먼저 한번 처리를 해버리고 또 추가적으로 설명을 해 드릴게요. 이건 뭐냐면 첫 페이지의 배경 이미지를 등록하는 거예요. 첫 페이지가 홈이죠. 자 홈에 우리가 배경 이미지 아무거나 제가 그냥 하나 등록을 해 볼게요. 이런 걸로 하나 등록을 해 보겠습니다. 등록이 됐죠. 그러면 이미지 등록을 눌러버립니다. 그러면 좀 전까지 이제 있었던 여기 이렇게 가리고 있었던게 없어져서 조금 더 좀 속이 시원해졌죠. 자 그러면 다시 한번 설명을 드릴께요. 위에는 내가 만들고 싶은 홈페이지에 각각의 페이지들 그죠. 페이지들 뭐 우리 일반적으로 홈페이지 가보시면 뭐 회사 속에 뭐 상품 속에 찾아오시는 길 뭐 그 다음에 프로그램 안내 이렇게 각각의 페이지들이 많이 있잖아요 그런 것들을 위에 카테고리 메뉴에 있는 그런 페이지들을 만드는 거라고 생각하시면 됩니다 그리고 그 각각의 페이지에 대해서는 내가 클릭을 하는 순간 자 클릭을 해볼게요 이렇게 클릭을 하는 순간 이 페이지에 대해서 내가 수정하거나 세팅을 할 수 있게 되는 겁니다 그래서 여기 보시면은 뭐 예를 들면 자 또 여기 타이틀 뭐 그 다음에 전환효과 이미지를 넣고 싶다 그러면 전환효과 이미지 여기도 이제 넣을 수가 있는 거죠 그리고 이 부분에 대해서는 아까도 설명드렸다시피 여기 오른쪽에서 세부적인 세팅을 완료하면 된다라고 말씀을 드렸죠 그래서 만약에 여러가지 전환효과 이미지를 넣고 싶다 자 이렇게 한 3장 정도를 넣어 볼게요 전환효과 이미지 조금 시간이 걸리네요 3장 정도를 넣고 이렇게 이미지 등록을 했습니다 자 그러니까 위에 거는 뭐 그냥 없애버려도 상관없겠죠 뭐 이런식으로 하고 이것도 한번 없애볼게요 자 이렇게 하고 타이틀은 뭐 대충 적을게요. 여기 위에는 지금 강사 소개인데 제가 이렇게 했네요. 뭐 어쨌든 이건 강사 소개 내용을 나중에 넣으면 되겠죠. 어쨌든 3장을 집어 넣으니까 이거는 이제 전환 효과라고 해서 3장에 대해서 이제 착착착 넘어가는 슬라이드가 넘어가는 아마 그런 식의 이미지가 될 겁니다 그래서 지금 여기 세팅을 할 때는 이게 안보이구요 이제 다 세팅을 하시면 그 다음에 아마도 보일 겁니다 아 여기 미리 보기가 있네요 미리 보기로 한번 볼게요 자 미리 보기로 한번 보겠습니다 이렇게 자기가 자동으로 이렇게 전환이 되는게 보이시죠 그죠 예전에는 이게 요즘에는 미리보기가 있어서 이게 너무 좋게 잘 되있네요. 그러면은 다시 취소를 하고 또 넘어가 보도록 하겠습니다. 자 그래서 여러분들 이쪽 부분은 이제 아마 다 이해가 되셨을 겁니다. 요거는 이제 아이템들을 내가 하나씩 하나씩 추가해서 요 부분이 이미지 여러 장이라고 되어있죠. 요 부분을 아마 많이 활용을 하시게 될 텐데요. 요런 것들을 아이템을 한번 다 넣어서 세팅을 해보세요. 그죠 어떤 아이템이 있는지 이런 아이템들이 있구나 그러면 내가 대충 아마 머릿속에서 구상이 되실 거에요 내가 어떤 거를 여기다 넣고 이렇게 세팅을 해야겠구나 그리고 세팅할 때는 요거를 클릭해주면 오른쪽에서 이미지 세팅 그 다음에 타이틀 세팅 이렇게 한다는 거 자 그리고 이제 여기 뭐 각각의 이 페이지가 지금 우리가 처음에 시작할 때 그런 헬스클럽 뭐 이렇게 그 템플릿의 어떤 주제를 정했잖아요. 그러니까 이 템플릿은 지금 보시면은 그런 헬스장 같은 홈페이지에 적합한 내용들로 애초에 이제 세팅이 돼 있는 거예요. 이거는 이제 네이버 모드에서 미리 이제 제안을 하는 거죠. 이런 식으로 만약에 이제 제가 만약에 식당이나 다른 걸 이제 주제를 선택했으면 여기에 내용들도 이렇게 좀 다르게 세팅되어 있는 걸로 나왔을 거예요. 하지만 뭐 이거는 언제든지 이거와는 상관없이 여기 뒤에서 또 보이시죠 내가 넣고 싶은 거를 넣고 언제든지 삭제 시키고 싶은 거는 다 삭제를 시켜 버리시면 됩니다 자 이제 요 페이지들을 하시다가 내가 언제든지 요걸 이제 삭제시키고 싶을 때가 있을 거 아니에요. 그러면 삭제시키고 싶을 때는 요렇게 클릭한 상태에서 상단에 요렇게 톱니바퀴 모양을 클릭하시면 됩니다. 그러면 여기에서 페이지 노출 페이지 복사 페이지 삭제가 있죠. 그러면 여기 페이지 삭제를 눌러 주시면 됩니다. 그러면 요 페이지가 완전하게 삭제가 돼요. 그러면 내가 필요 없는 페이지들은 여기 이제 누르고 삭제해 버리고 자 그 다음에 또 누르고 이거 필요 없네 그러면 또 삭제해 버리고 이런 식으로 하시면 됩니다. 이것도 마찬가지겠죠. 그 다음에 여기 게시판도 누르고 삭제해 버리고 이런 식으로 하면 되시겠죠. 하시다가 만약에 이 슬라이드에 대해서 자체적으로 복사를 하고 싶을 때가 있을 수가 있습니다. 그럴 때는 똑같이 마인드로 여기 톱니바퀴를 누르시고요. 페이지 복사를 요렇게 눌러 주시면 됩니다. 그럼 똑같은 게 복사가 됐죠. 그러면 게시판 그 다음에 또 게시판 이렇게 되어있죠. 근데 이거는 지금 보시면은 두 개가 두 개의 아이템이 지금 하나의 어떤 보면은 큰 묶음 안에 들어가 있죠. 슬라이드 안에. 이게 어떻게 보여지는지 보여드릴게요. 보시면 이렇게 게시판 1 어떻게 보면 게시판 2 이런 식으로 되어있죠. 그래서 과거에는 이런 기능이 없었던 걸로 제가 이제 기억을 하는데요. 요즘에는 이제 이런 것들이 생겨서 이거 하나의 큰 슬라이드 안에 이제 여러 개의 아이템도 이렇게 이제 병렬로 또 배치를 할 수 있는 그리고 만약에 또 추가적으로 난 여기에다가 뭘 하나 더 넣고 싶다 그러면 이렇게 까지도 이제 가능합니다 자 넣어 볼게요 그러면 지금 3개가 이렇게 됐죠 자 또 모바일 미리 보기로 한번 들어가 볼게요 자 그러면 이번에는 요 3개가 됐죠 지금 그죠 자 그 요렇게 예 이 게시판이라는 큰 슬라이드 메뉴 안에 여러가지 아이템을 넣는 겁니다. 그런데 이걸 단독 슬라이드로 옆으로 뺄 수도 있겠죠? 그럴 때는 오른쪽 이렇게 되어 있는 거 보이시죠? 이걸 눌러 주시면 됩니다. 그러면 지금 빠져나왔죠. 얘가 단독 슬라이드가 된 거예요. 그리고 이런 방식도 가능해요. 요거를 이렇게 드래그를 해서 이렇게 중간에 이렇게 이렇게 중간 지점에 들어갈 때 이렇게 그리고 만약에 여기에다 붙이고 싶다 그러면 여기 여기에다가 이렇게 붙여 버리면 돼요. 그럼 이게 하나의 이제 한 묶음이 되는 거죠. 여기다 이제 모바일 미리 보기로 한번 볼까요? 자 그러면 어디 갔어요? 잠깐만요. 이게 페이지명이죠. 페이지명 입력. 페이지명 입력에 게시판 하나가 더 생긴게 이렇게 보이시죠. 이런식으로 하실 수가 있습니다. 그래서 중요한건 여러분들이 정리를 한번 해볼게요. 대충 어떻게 이걸 운영해야 되는지는 세팅해야 되는지는 아마 이해가 되셨을 겁니다. 그래서 짧게 한번 간단하게 이제 한번 만들어 볼게요. 예를 들면 강사 소개 뭐 이런 데다가는 그냥 몇 가지만 이렇게 쉽게 금방 끝낼 수 있도록 제가 만들어 볼게요. 이런건 다 지워버릴게요. 이미 지워버리고 자 요렇게 되있죠 그 다음에 프로그램 그 다음에 내부시설 자 내부시설에 이제 들어갈 만한 사진은 그냥 다른것도 너무 여러개 설정하려면 시간이 오래 걸리니깐요 일단은 요거 하나만 그냥 설정을 해서 어떻게 되는지 보여드리도록 하겠습니다 사진도 그냥 대충 이렇게 하겠습니다. 올라가고 있죠. 자 이렇게 내부 시설도 했구요 그 다음에 뭐 쿠폰 쿠폰 한번 들어가 볼게요 자 쿠폰 쿠폰 내용을 입력해 주라고 되어있죠 그러면 쿠폰 내용을 대충 이렇게 입력해 주고 그 다음에 뭐 할인 뭐 몇 퍼센트 10% 뭐 이렇게 해볼게요 상시 노출 자 이렇게 해서 쿠폰들을 뭐 여러가지를 만들 수도 있겠죠 쿠폰 10%도 만들고 스케줄 페이지명 요거는 이제 지워버릴게요 별로 필요가 없으니까요 그 다음에 스케줄 게시판 갤러리 오시는 길 오시는 길 네이버 지도에 등록되어 있는 업체인가요 그러면 요걸로 한번 해볼까요 아 이렇게 늦게 뜨네요. 아래쪽에 뜨네요. 자 그러면 여기에서 헤라 필라테스 한번 검색을 해볼게요. 여기 나오죠? 자 이거를 그냥 업체명이 바로 검색되어져서 나오니깐 해서 그냥 지도 등록을 하는게 더 편하겠죠? 자 그러면 헤라 필라테스 해서 지도 등록이 나왔고 여기 이제 뭐 세부적인 내용들 뭐 예약 발레 파킹 그 다음에 전화번호 03031 뭐 어쩌고저쩌고 땡땡땡땡땡땡땡땡 뭐 이용시간 대충 이렇게 설정하겠죠 그 다음에 상호 이름 그 다음에 입금계좌 이런 것들을 설정하면 여기 아래쪽에 쫙 나오게 되는 겁니다 자 이렇게 해서 어 이제 모두 홈페이지가 하나 만들어졌다라고 생각을 하자구요 그러면은 자 처음부터 여기 모바일 미리 보기부터 이제 들어가서 한번 보도록 할게요 자 첫 페이지가 이렇게 되면서 여기 이제 내가 세팅했던 페이지들이 첫 페이지에는 요렇게 다 나오는 겁니다 이게 이제 홈 화면이에요 홈 화면 홈 화면이 되는 거구요 그 다음에 이제 옆으로 가면 갈수록 이제 다음 메뉴들이 상세 페이지로 나오겠죠 그 다음에 다음 페이지 그 다음에 내부 시설 또 다음 페이지 그 다음에 쿠폰 좀 전에 우리가 10%로 했었죠 그 다음에 스케줄은 세팅 안 했으니까 안나올거고 당연히 게시판도 지금 글이 없죠. 자 그 다음에 헤라 퓨리테스 갤러리 아까 세팅을 했던거고 좀 전에 이제 세팅했던 찾아오시는게 이제 요런것들을 세팅한거죠. 요런것들을 해놓고 홈페이지 반영을 하면 최종적으로 이제 홈페이지가 생성이 되는 건데 그 전에 일단은 임시 저장을 해놓는 게 좋습니다. 임시 저장을 먼저 하시고 편집하신 내용이 저장되었습니다. 홈페이지 반영 버튼을 누르라고 되어있죠. 근데 저는 지금은 테스트를 한 것이기 때문에 홈페이지 반영까지는 안 누를게요. 그럼 여러분들도 세팅을 하신 다음에 이제 최종적으로 다 세팅해 놓고 홈페이지 반영을 누르시면 될 것 같습니다. 자 그리고 아까 앞에서 안했는데요. 여기 홈 화면으로 들어오면 홈은 정보형, 이미지형, 그 다음에 포스트형. 자 보세요. 그리고 여기 각각의 형태 정보형, 이미지형, 포스트형, 버튼형, 자유형 이런게 있는데요. 각각의 형태마다 샘플 보기라는게 있어요. 샘플 보기로 보시면 이런 스타일이 정보형이에요. 그죠? 그 다음에 이미지형은 이런 스타일이에요. 그러면 내가 하려고 하는 업종, 꾸미고자 하는 홈페이지가 어떤 스타일의 홈페이지냐에 따라서 나는 포스트형이 맞겠다. 그 다음에 버튼형도 있습니다. 이런 스타일이 버튼형이에요. 그 다음에 자유형. 자유형은 이런 스타일이네요. 그래서 요 지금 한 5가지 정도 형태가 있죠. 이 형태 중에서 나한테 어울리는 형태를 메인 화면으로 정하는 거예요. 그래서 저는 이미지형이 좀 더 마음에 드는 것 같으니까 이미지형으로 한번 해볼게요. 그렇게 했을 때 어쨌든 홈 화면은 정해놓으면 아까 여러분들이 앞에서 보신 것처럼 모바일 미리보기 보신 것처럼 홈 화면은 내가 여태까지 구성했던 메뉴들이 이제 아래쪽으로 쭉 이렇게 연장돼서 나타나는 아까보다는 별로 덜 이쁘네요. 그죠? 어쨌든 여러분들도 요거를 비교해 가면서 가장 마음에 드는 방식으로 선택을 하시면 될 것 같습니다. 자 그래서 이제 다 이해가 어느 정도 되셨을 거라고 생각을 하고요. 이미 이 모드로 잘 만들어져서 운영하고 있는 홈페이지 샘플을 우리가 같이 한번 보도록 할게요. 여기 네이버에서 헤라 필라테스라고 이렇게 검색을 하시면 여기 용인 동백 헤라 기구 필라테스라고 되어있죠. 이거는 지금 파워링크 광고니까 되도록이면 이렇게 주소를 복사를 하셔가지고 예의상 그래야겠죠. 그 다음에 이렇게 주소줄에 붙여 놓으시면 여기 헤라 필라테스에 이렇게 모두 홈페이지로 오게 됩니다. 그러면 여기는 모드로 만드는 홈페이지고요. 지금 여기 메뉴 구성이 되어 있죠. 홈 이벤트, 이벤트 신청, 유해라 프로그램 강사님 소개, 내부시설, 이용국이 오시는 길, 엔딩 페이지 이렇게 이루어져 있습니다. 홈 화면은 이렇게 보시면 이렇게 쭉 내려오게 되어있죠. 지금 이거는 pc 화면이고요. 제가 모바일 화면도 보여드릴게요. 모바일 화면은 이렇게 되어 있습니다. 이런 스타일로 되어 있구요. 마찬가지로 앞에서 말씀드렸다시피 홈 화면은 여태까지 구성한 메뉴들이 쫙 일자로 이렇게 계속 나온다라고 말씀을 드렸죠. 그 다음에 이제 여기 상단에 이벤트면 이벤트 새로 만들어 놓은 메뉴들 자 각각의 페이지 메뉴들이 나온다고 했죠. 그 다음에 이벤트 신청 이벤트에 대해서 이제 신청하는 게시판이 되겠죠. 그 다음에 유 헤라라는 이런 페이지 여기는 어떤 이제 소개하는 부분을 요렇게 안내를 해놓는 데고 그 다음에 프로그램 어떤 프로그램을 운영하고 있습니다 요런 것들을 이제 어떤 기본 예제 사진과 함께 설명하고 있는 그런 콘텐츠가 되겠죠 그 다음에 강사님 소개 강사님 필라테스 강사님들이 있겠죠. 여기는 아까 말씀드린 것처럼 요 메뉴 안에 또 여러개 이렇게 소메뉴들이 서브메뉴들이 이렇게 돼 있죠. 그러면서 각각의 강사님들을 요렇게 소개하는 요런 구성으로 돼 있죠. 그 다음에 또 위에 보면 내부시설 내부시설 요렇게 보이시죠. 그러면 내부 전경 슬라이드. 그 다음에 이용 후기. 이용 후기는 고객들이 남기는 일종의 게시판 후기죠. 그 다음에 오시는 길. 그 다음에 랜딩 페이지. 랜딩 페이지는 별도의 이제 광고를 위한 어떤 랜딩을 하나 구성을 했으면 그거를 별도로 이렇게 랜딩 페이지라고 이름을 붙여 놓고 하나를 요렇게 만들어 놓은 거에요. 모바일 사용자들을 위한 광고 랜딩으로 사용을 할 때 요런걸 쓰기도 합니다. 그리고 아래쪽에 요렇게 버튼을 하나 생성을 시켜서 이벤트 신청하기 요런걸 하실 수가 있습니다. 자 그런데 이제 다른 것은 거의 다 제가 잘 거의 다 말씀을 드렸구요 그 다음에 이제 한가지 특이한 거 여기 지금 내부 전경 이런데 보시면 아래쪽에 전화상담 오시는 길 이런 버튼이 있어요 버튼 자 전화상담을 누르는 순간 전화상담 하기로 넘어가는 거구요 오시는 길 이렇게 누르는 순간 오시는 길 메뉴로 넘어갑니다 자 그럼 요거는 어떻게 설정을 하느냐 한번 들어가 볼게요 자 어디에서 한번 해볼까요? 여기 내부시설에서 한번 해보도록 하겠습니다. 자 내부시설이라는 걸 이렇게 했다. 그러면 나는 여기 밑에 어떤 전화하기 버튼이나 좀 전에 보여드린 것처럼 그런 뭐 오시는 길 같은 걸 안내하는 버튼을 넣고 싶다. 그러면 여기 보시면 버튼이라고 있어요. 그죠? 그러면 막대 버튼이라고 있습니다. 그죠? 그리고 하나 더 넣어 볼게요. 그러면 버튼명 하나를 클릭하시고 여기에서 버튼명을 입력하실 수 있어요. 예를 들면 전화기다 그러면 전화기가 되면 되겠죠. 일단은 여기서 아이콘을 먼저 정해야겠죠. 전화기 아이콘이니까 우리는 이거를 전화기 아이콘을 누르시면 됩니다. 지금 이미 눌러져 있으니까 이걸로 그대로 하고요. 버튼명은 전화하기 이렇게 할게요. 그 다음에 페이지 이동, 전화, 문자, 이메일, 외부 링크, 메뉴로 이렇게 있는데 페이지 이동이라는 건 내가 이미 만들어 놓은 여기 안에서의 어떤 특정한 페이지를 내가 지정을 하실 수가 있어요. 예를 들면 한번 해볼게요. 페이지 이동 했으면 여기에서 이 중에서 만들어 놓은 것 중에서 뭐 오시는 길로 바로 페이지 이동하게끔 해라. 근데 우리는 지금 전화하기니까 페이지 이동을 하면 안되겠죠 그래서 전화버튼 누르고 전화번호 02 OOO OOO OOO 이렇게 되겠죠 그래서 요거를 세팅을 해놓으면 요 버튼을 누르면 전화하기가 바로 되는 겁니다 그리고 아까 찾아오시는 길도 있었죠 그럼 두번째 버튼 두번째 버튼은 또 이제 요거를 찾아오시는 길로 하고 자 여기 보시면 버튼을 이제 찾아오시는 길 이런 지도의 어떤 아이콘으로 좀 바꿔주시는 게 좋겠죠 버튼을 이렇게 찾아오시는 길로 하고 요거는 이제 여기 찾아오시는 길 페이지로 이동을 시키면 되겠죠 그래서 페이지 이동으로 해놓고 여기 안에서 우리가 오시는 길 페이지를 구성을 했잖아요 그거를 이렇게 해주시면 됩니다 자 그래 놓고 내가 이제 임시 저장을 누르고 나중에 홈페이지 반영까지 하면 요게 좀 전에 보여드린 것처럼 요런 식으로 구성이 됩니다 이런식으로 보시면 자 이제 이 버튼을 다 설정 하셨으면 여기에서 이제 임시 저장을 누르고 이제 이게 어떻게 반영 되는지는 이제 미리 보기를 통해서 이제 보실 수가 있겠죠. 이런 식으로 적용이 된게 보이시죠. 자 요게 아까 설명드린 우리 헤라 플랫 TSS도 보여드렸던 이제 요런게 되겠죠. 호기 내부 시설 여기 보시면 전화 상담 오시는 길 이런 버튼 요런 버튼을 세팅하는 방법입니다. 자 그래서 이런 버튼 세팅하는 방법까지도 이제 배웠으니까요 이제 배우실 것은 다 배우셨어요 그래서 마지막으로 이제 총정리를 한번 해 드릴게요 간단합니다 홈페이지 개선한 다음에 내가 넣고 싶은 거 페이지 필요 없으면 삭제해 버리고 필요한 페이지 여기에 다양한 유형이 있으니까 집어 넣고 새로 생성 시키고 거기에 이제 맞는 콘텐츠를 집어 넣을 때는 페이지 하나하나 당 요렇게 클릭을 하셔서 여기 좌측에는 넣고 싶은 아이템들 배치하고 우측에는 이 각각의 아이템에 대한 어떤 세팅 설정들을 해서 최종적으로 마무리를 한 다음에 마지막에 이제 홈페이지 반영까지 하면 최종적으로 네이버 모두 홈페이지를 만들게 됩니다 자 오늘은 여기까지만 할게요
