공용 웹 사이트 시작

Office 365 계정에는 사용자의 비즈니스 또는 조직에 대한 전문적인 온라인 사이트를 만드는 데 사용할 수 있는 공용 웹 사이트가 포함되어 있습니다. 이 문서에서는 공용 웹 사이트에 대한 이해를 돕고 공용 웹 사이트의 사용 방법과 비즈니스의 요구 사항에 맞게 사용자 지정하는 방법에 대해 설명합니다. 간단한 데모를 보여주는 아래 비디오를 시청하세요. 이 문서의 나머지 부분은 비디오 아래에 나옵니다.

이 문서의 내용


공용 웹 사이트 정보

Office 365의 공용 웹 사이트는 SharePoint Online의 일부이며, SharePoint 기반 웹 사이트를 사용자 지정하는 데 사용하는 다양한 도구와 기술을 사용하여 사용자 지정할 수 있습니다. 웹 사이트 자체는 팀 사이트 모음과 유사한 독립 실행형 SharePoint 사이트 모음입니다. Office 365의 웹 사이트에는 한 개의 공용 웹 사이트만 있으며 추가 공용 웹 사이트나 하위 사이트는 만들 수 없습니다.

공용 웹 사이트에는 사이트를 사용자 지정하고 디자인할 수 있는 다양한 기능이 포함되어 있습니다. 웹 페이지, 이미지, 비디오, 사용자 지정 응용 프로그램 등을 추가하고 편집할 수 있습니다. 웹 브라우저에서 이러한 모든 작업을 수행할 수 있으며 타사의 편집기나 클라이언트 프로그램은 필요하지 않습니다. 새 디자인을 처음부터 만들려는 경우에도 공용 웹 사이트에 포함되어 있는 고급 사이트 디자인 도구인 디자인 관리자를 사용하면 됩니다.

웹 사이트의 사용자 지정을 마쳤으면 www.yourcompany.com과 같은 고유한 사용자 지정 도메인을 적용합니다. 이렇게 하면 고객과 파트너가 온라인에서 웹 사이트를 쉽게 찾을 수 있으며 제품이나 서비스에 대해 알 수 있습니다. 또한 비즈니스를 온라인으로 홍보하거나 명함, 레터헤드, 지역 광고 등에 주소를 넣어서 홍보하는 데도 유용합니다.

맨 위로 이동 맨 위로 이동

공용 웹 사이트로 이동

Office 365에 로그인하면 웹 사이트를 빠르게 미리 보고 사용자 지정을 시작할 수 있습니다. 기본적으로 웹 사이트는 비공개로 설정되어 있으므로 방문자와 고객은 현재 작업 중인 웹 사이트를 보지 못합니다. 웹 사이트의 소유자인 경우 웹 사이트 작업을 계속할 수 있으며 사이트에 디자이너를 초대하여 지원을 받을 수도 있습니다. 사용자 웹 사이트에 액세스 하려면 관리 시작 홈 페이지에서 공개 웹 사이트를 선택합니다. 또는 페이지 상단의 Office 365 탐색 모음에서 사이트를 클릭합니다. 그런 다음 공개 웹 사이트를 선택합니다. 웹 사이트의 최초 모습은 다음과 같습니다.

Office 365 공용 웹 사이트 편집기의 미리 보기

공용 웹 사이트로 이동하는 다른 방법은 웹 브라우저에 기본 웹 사이트 주소를 입력하고 로그인하여 인터넷에서 공용 웹 사이트를 직접 여는 것입니다. Office 365의 기본 웹 사이트 주소 앞부분은 사용자 계정 이름이며 뒷부분에 –public.sharepoint.com이 차례로 붙습니다. 따라서 사용자 계정 이름이 "Contoso"인 경우 기본 웹 사이트 주소는 "contoso-public.sharepoint.com"이 됩니다. 이 주소를 웹 브라우저에 입력하면 웹 사이트가 나타납니다.

이제 웹 사이트 편집기를 사용하여 사이트의 사용자 지정을 시작할 수 있습니다. 웹 사이트의 사용자 지정을 마치고 고객과 파트너에게 공개할 준비가 되었으면 사이트를 개별적으로 공유할 수 있으며 고객과 파트너에게 웹 사이트 작업 권한을 줄 수도 있습니다. 이 단계를 마치면 "contoso.com"과 같은 사용자 지정 도메인 이름을 추가할 수 있습니다. 이렇게 하면 고객과 방문자가 기억하기 쉽고 도메인이 비즈니스 브랜드 역할도 하게 됩니다.

맨 위로 이동 맨 위로 이동

공용 웹 사이트 둘러보기

새 웹 사이트의 방문자가 첫 번째로 하는 일은 사이트에 무엇이 있는지 여기 저기 살펴보는 것입니다. 사이트를 둘러보면 , 회사 소개, 사용자 문의, 안내, 블로그 등의 몇 가지 샘플 페이지가 있습니다. 이는 대부분의 웹 사이트에서 볼 수 있는 필수 페이지이며 그대로 두어도 좋습니다. 이러한 페이지를 클릭해 보면 사용자가 변경할 수 있도록 최소한의 텍스트와 이미지만 있는 것을 알 수 있습니다. 그런 다음 비즈니스의 필요에 따라 제품, 서비스, 이벤트 등의 새로운 페이지를 추가할 수 있습니다.

그 전에 먼저 웹 사이트에서 수행할 수 있는 작업과 웹 사이트를 사용자 지정할 수 있는 여러 가지 방법에 대해 알아야 합니다. 페이지 탭을 클릭합니다. 여기에는 개별 페이지를 편집, 관리, 공유 및 게시할 수 있는 웹 사이트 편집 기능이 표시됩니다. 또한 사이트 탭에서는 사이트 제목, 로고, 배경 변경 등과 같은 사이트 수준의 편집 기능을 확인할 수 있습니다.

SharePoint Online 공용 웹 사이트 페이지 탭

페이지 탭에서 편집을 클릭하면 다음 그림과 같이 텍스트 서식 지정 및 위치 변경과 같은 추가 페이지 편집 옵션이 나타납니다.

SharePoint Online 공용 웹 사이트 서식 탭

페이지 탭에는 페이지 추가, 페이지 레이아웃 변경, 페이지 속성 편집 등을 수행할 수 있는 옵션도 있습니다. 삽입 탭에서는 이미지, 표, 비디오, 사용자 지정 응용 프로그램 등을 추가하거나 포함시킬 수 있습니다.

웹 사이트에 대한 추가 설정을 보려면 페이지의 오른쪽 맨 위 모서리에 있는 설정 SharePoint Online 공용 웹 사이트 설정 단추 아이콘을 클릭합니다. 이렇게 하면 위에서 설명한 것과 동일한 일부 설정과 새 앱 추가, 시작 비디오 시청 등의 설정에 액세스할 수 있으며, 사이트 설정 페이지에 액세스하여 그 밖의 다양한 옵션을 볼 수 있는 메뉴가 열립니다.

SharePoint Online 공용 웹 사이트 설정 메뉴

사이트 설정 페이지에서 사이트 모음 설정, 웹 디자인 갤러리, 디자인 관리자 등에 액세스할 수 있습니다. 홈, 회사 소개, 안내 등의 웹 페이지로 돌아가려면 사이트의 탐색 링크 중 하나를 클릭합니다. 사이트 편집을 다시 시작하려면 페이지 탭을 클릭합니다. 모두 마쳤으면 저장을 클릭합니다. 웹 사이트가 온라인 상태인 경우 변경 내용을 사이트의 다른 사용자에게 적용하거나 공용 웹 사이트에 게시하려면 저장 및 게시를 클릭합니다.

맨 위로 이동 맨 위로 이동

공용 웹 사이트의 새로운 기능

Office 365의 기존 공용 웹 사이트에 비해 새 공용 웹 사이트는 새 테마, 앱, 고급 디자인 기능 등을 갖추어 완전히 새롭게 디자인되었습니다. 새 공용 웹 사이트의 향상된 기능에는 다음이 포함됩니다.

작업 동작
새 웹 사이트 테마 및 디자인 40개가 넘는 새로운 웹 사이트 디자인이 제공됩니다(웹 사이트의 디자인 변경 참고).
배경, 색, 글꼴 변경 각 테마의 배경, 글꼴, 색, 사이트 레이아웃 등을 변경할 수 있습니다(웹 사이트의 디자인 변경 참고).
페이지 게시 초안 편집, 버전 관리, 롤백 등을 사용하여 페이지 게시를 관리합니다(공용 웹 사이트에서 페이지 추가 및 편집 참고).
새로운 페이지 레이아웃 웹 사이트의 각 페이지에서 새로운 페이지 레이아웃을 사용할 수 있습니다(웹 페이지의 레이아웃 변경 참고).
탐색 링크 편집 쉽게 링크를 추가하거나 끌어다 놓고, 링크 계층 구조를 만듭니다(웹 사이트의 탐색 사용자 지정 참고).
페이지에 개체 삽입 새로운 기본 제공 기능을 사용합니다(예: 지도 추가비디오 포함).
SharePoint 스토어에서 제공되는 앱 SharePoint 스토어에서 제공되는 Contact Us, Social Media, 및 Web Analytics 등의 앱을 추가합니다.
웹 사이트 블로그 블로그 게시물 관리 기능, 소셜 미디어 댓글 등으로 새로운 블로그를 사용합니다(웹 사이트 블로그 관리 참고).
검색 엔진 최적화 웹 사이트에서 새로운 친숙한 페이지 URL을 활용하고 SEO를 통해 검색 순위를 향상시킵니니다(검색용으로 웹 사이트 최적화 참고).
사이트 요소 웹 사이트에서 머리글 및 바닥글 정보에 대한 새 사이트 요소를 사용합니다.
새로운 스타일시트 새로운 스타일시트 편집기를 열어 제공되는 예제 CSS를 사용하거나 고유한 스타일시트를 추가합니다.
디자인 관리자 멋진 웹 사이트 디자인을 사용하거나 처음부터 새 디자인을 만들려면 새로운 공개 웹 사이트에서 제공되는 디자인 관리자를 사용합니다. SharePoint 2013의 디자인 관리자 개요를 참고하세요.

맨 위로 이동 맨 위로 이동

공용 웹 사이트 사용자 지정

공용 웹 사이트를 직접 사용자 지정하거나 웹 디자인 전문가를 초대하여 지원을 받을 수 있습니다. Office 365의 공용 웹 사이트에서는 두 가지 방법을 모두 사용할 수 있으며 여기에 나와 있는 것과 같이 웹 브라우저만으로 모든 작업을 수행할 수 있으므로 사이트를 사용자 지정하는 데 타사 편집기가 필요하지 않습니다.

Office 365 공용 웹 사이트 편집기의 미리 보기

다음 섹션에서는 기본 페이지 사용자 지정, 전체 디자인 사용자 지정, 디자인 변경에 대해 알아봅니다.

페이지 추가 및 사용자 지정

웹 사이트에는 방문자가 사용자에 대해 쉽게 알 수 있도록 유용하고 상세한 정보가 포함되어 있어야 합니다. 최소한 방문자와 미래의 고객에게 사용자의 정보, 제공하는 서비스나 제품, 연락처는 알려야 합니다. 이러한 이유 때문에 공용 웹 사이트의 기본 웹 페이지에는 홈, 회사 소개, 사용자 문의, 안내, 블로그가 포함됩니다. 먼저 이러한 페이지에서 작업하며 업데이트할 수 있습니다. 그런 다음 사용자의 비즈니스와 관련하여 유용한 정보를 제공하는 제품, 서비스, 사진 갤러리, 일정 등의 새 웹 페이지를 추가할 수 있습니다.

다음은 페이지를 사용자 지정할 때 수행하는 작업 유형입니다.

새 페이지 추가    - 새 페이지를 추가하려면 페이지 탭을 클릭하고 새로 만들기를 선택합니다. 페이지 이름을 입력하고 만들기를 클릭합니다. 페이지를 만들었으면 바로 사용자 지정을 시작하거나 이 단계를 반복하여 더 많은 페이지를 추가로 만들 수 있습니다. 사이트 탐색 중 페이지의 위치를 변경하려면 아래 설명과 같이 링크 편집을 선택합니다.

페이지 편집    – 페이지를 편집하려면 페이지 탭을 클릭하고 편집을 선택합니다. 페이지 콘텐츠 상자에 커서를 놓은 후 텍스트, 이미지, 하이퍼링크 등을 추가합니다. 텍스트 서식 탭에서는 워드 프로세싱 프로그램과 같이 텍스트 작업을 수행할 수 있습니다. 삽입 탭에서는 사이트의 내용을 충실하게 만드는 링크, 표, 이미지, 비디오, 웹 파트 등을 추가할 수 있습니다. 페이지 탭에서는 페이지 속성 변경, 페이지 미리 보기, 페이지 레이아웃 변경 등도 수행할 수 있습니다.

페이지 저장 및 게시    – 페이지 사용자 지정을 완료했으면 초안으로 저장하거나 게시할 수 있습니다. 사용자와 다른 인증된 작성자만 볼 수 있도록 페이지를 초안으로 저장하려면 저장을 선택합니다. 웹 사이트가 온라인 상태인 경우 일반 대중을 비롯한 모든 사용자가 볼 수 있도록 페이지를 게시하려면 저장 및 게시를 선택합니다. 반면, 페이지에 수행한 마지막 변경 내용을 숨기려면 페이지 라이브러리에서 작업한 페이지의 게시를 취소할 수 있습니다. 이 방법은 해당 버전의 페이지에서 오류나 잠재적인 문제를 발견한 경우에 유용합니다.

맨 위로 이동 맨 위로 이동

디자인 변경

웹 사이트의 콘텐츠와 마찬가지로 웹 사이트의 디자인 역시 사이트의 성격과 비즈니스의 전문성을 나타내므로 중요합니다. 사이트의 디자인은 사이트 탭의 옵션, 링크 편집 기능, 설정 메뉴를 통해 사용자 지정할 수 있습니다. 이러한 기능을 사용하여 사이트 제목, 로고, 배경, 테마 등을 변경할 수 있습니다. 페이지를 만들고 편집하기 전에 먼저 디자인을 사용자 지정할 수 있습니다. 또는 페이지를 먼저 만든 다음 디자인 결정을 시작할 수도 있습니다. 웹 사이트 작업을 할 때 두 방법을 함께 사용하면서 조절해도 됩니다.

다음은 디자인을 변경할 때 수행하는 작업 유형입니다.

디자인 및 배경 변경 – 사이트에서 가장 큰 변경 사항 중 하나는 디자인 및 배경을 변경하는 것입니다. 디자인에는 레이아웃, 색 구성표, 폰트 등이 포함되어 있으며, 배경은 페이지 콘텐츠 뒤에 보이는 그림 또는 삽화입니다. 두 가지 모두 사이트 탭에서 변경할 수 있습니다. 디자인 변경을 클릭하고 사이트에 적용할 디자인을 선택합니다. 디자인을 선택했으면 배경, 색 구성표, 레이아웃, 폰트를 선택합니다. 변경되는 사이트의 디자인을 확인하려면 적용해 보기를 클릭합니다. 미리 보기 페이지에서 예, 이대로 적용을 선택하여 사이트에 현재 디자인을 적용하거나 아니요, 다시 시도를 선택하여 다른 디자인을 찾아봅니다.

사이트 탐색 변경    – 사이트에 페이지를 추가한 후에는 사이트에서 해당 페이지의 링크를 표시하고 구성하는 방법을 생각해야 합니다. 탐색 링크의 위치를 변경하려면 웹 사이트의 위쪽이나 왼쪽에 있는 링크 편집을 클릭합니다. 그런 다음 탐색의 새 위치로 링크를 끕니다. 하위 메뉴에 링크를 표시하려면 주 탐색이 아닌 다른 링크로 해당 링크를 끕니다. 링크를 제거하려면 링크 옆에 있는 X를 클릭합니다.

제목, 로고, 페이지 요소 변경    – 사이트에서 가장 먼저 개인 설정하고 싶은 부분은 제목과 로고일 것입니다. 사이트 탭에서 이 작업을 수행할 수 있습니다. 제목 편집을 클릭하고 원하는 제목과 설명을 입력한 다음 확인을 클릭합니다. 로고를 변경하려면 로고 편집을 클릭하고 컴퓨터에서 또는 SharePoint에서를 선택한 다음 사이트 로고로 사용하려는 이미지를 찾습니다. 그런 다음 설명을 입력합니다. 제목 및 로고 외에도 머리글, 보조 기사, 바닥글 등의 공통 요소를 변경할 수 있습니다. 사이트 요소 편집을 클릭하여 페이지에서 변경할 수 있는 요소를 확인합니다. 이런 유형의 사용자 지정을 통해 웹 사이트에 회사 브랜드를 반영할 수 있습니다.

맨 위로 이동 맨 위로 이동

사이트 디자인 사용자 지정

지금까지 기본 제공 기능, 디자인, 색 등을 사용하여 공용 웹 사이트를 사용자 지정하는 방법에 대해 살펴보았습니다. 웹 사이트 편집기에서 제공되는 기능 이외에 사이트를 사용자 지정하는 다른 방법은 무엇이 있을까요? 이 경우에는 여러 방법을 사용할 수 있으며 가장 간단한 방법부터 어려운 방법까지 설명해 보겠습니다.

다음은 사이트 디자인 자체를 사용자 지정할 때 수행하는 작업 유형입니다.

페이지 원본 편집 – 웹 페이지의 HTML 소스 코드를 편집하여 동적 페이지 콘텐츠와 같은 특정 효과를 구현할 수 있습니다. 텍스트 서식 탭에서 원본 편집을 선택한 후 사용자 지정 HTML, JavaScript, JQuery 등에 붙여 넣습니다. 그러나 이 방법을 사용하여 페이지의 머리글 또는 바닥글에 스크립트나 코드를 추가하지는 못합니다.

사용자 지정 CSS 적용 – 사용자의 CSS 스타일시트를 사용하는 것도 사이트 디자인을 사용자 지정하는 유용한 방법입니다. CSS를 사용하여 자신의 디자인을 기존 웹 사이트 디자인에 적용하고 많은 기본 설정을 무시할 수 있습니다. 예를 들어 CSS를 사용하여 사용자 지정 아이콘, 하위 메뉴 위치, 대화형 작업이 있는 고유한 탐색 환경을 만들 수 있습니다. 사용자의 CSS를 사용하려면 사이트 탭에서 스타일시트 편집을 선택합니다. 이때 사용자는 사용자 지정 CSS를 독자적으로 개발해야 합니다.

디자인 관리자에서 사이트 사용자 지정    - 디자인 관리자는 사이트 디자인을 완전히 변경하거나 새 디자인을 만들 수 있는 별도의 도구 모음입니다. 디자인을 처음부터 만든 다음 사이트에 적용하거나 다른 웹 사이트를 위해 패키지로 만들 수 있습니다. 디자인 관리자를 사용하여 사용자 지정 디자인, 레이아웃, 모바일 채널 등을 만들 수 있습니다. 순수 HTML 파일에서 시작하여 공용 웹 사이트를 위한 새 디자인을 만들 수 있습니다. 이것은 기존 웹 사이트 디자인을 Office 365 공용 웹 사이트로 만드는 방법 중 하나입니다.

맨 위로 이동 맨 위로 이동

의견 받기, 사이트 공개, 도메인 추가

웹 사이트의 사용자 지정을 마치면 다른 사람을 초대하여 사이트를 검토하거나 변경하도록 요청할 수 있습니다. 그런 다음 준비가 되면 인터넷에서 볼 수 있도록 웹 사이트를 공개합니다. 마지막으로 고객, 방문자 등이 사용자의 웹 사이트를 쉽게 찾고 기억할 수 있도록 사용자 지정 도메인 이름을 추가하고 새 웹 사이트를 홍보합니다.

다음은 공용 웹 사이트에서 수행하는 최종 작업 유형입니다.

특정 사용자와 사이트 공유 - 원할 경우 사이트를 공개하기 전에 웹 사이트를 다른 사용자와 공유하여 의견을 받을 수 있으며 다른 사용자가 직접 변경하도록 할 수도 있습니다. 사이트를 공유하려면 공유를 선택한 다음 공유하려는 사용자의 이름이나 전자 메일 주소를 입력하고 메시지 내용을 작성하고, 옵션 표시에서 해당 사용자가 사이트에 대해 보유할 액세스 권한 유형(읽기 권한자, 디자이너 등)을 선택합니다. 그런 다음 공유를 선택합니다. 이러한 사용자는 인터넷에서 아직 사이트를 볼 수 없는 상태여도 사이트에 액세스할 수 있습니다. 의견 수집과 사이트 변경이 완료되면 웹 사이트를 공개하기 전에 다른 사용자와의 공유를 제거할 수 있습니다.

웹 사이트를 온라인 상태로 만들기    – 사이트의 사용자 지정을 모두 완료했으면 인터넷에서 볼 수 있도록 웹 사이트를 공개할 준비가 된 것입니다. 즉, 익명 사용자를 비롯한 모든 사용자가 사용자의 웹 사이트를 볼 수 있습니다. 웹 사이트 또는 Office 365 관리 페이지에서 웹 사이트를 공개하거나 온라인 상태로 만들 수 있습니다. 웹 사이트에서 오프라인 웹 사이트(사이트의 현재 상태)를 클릭한 다음 웹 사이트를 온라인 상태로 만들기를 선택합니다. 아직 초안 상태인 페이지가 있는 경우 이를 게시하라는 메시지가 표시됩니다. 이제 모든 사용자가 웹 사이트를 볼 수 있습니다.

사용자 지정 도메인 추가    – 웹 페이지를 게시하고 웹 사이트가 온라인 상태인 경우에도 사람들이 http://yourcompany-public.sharepoint.com(여기에서 yourcompany는 사용자의 Office 365 계정 이름)과 같은 Office 365에서 제공하는 기본 웹 주소를 통해서 사용자의 웹 사이트를 찾지 못하는 경우가 있습니다. 웹 사이트를 쉽게 찾거나 기억하도록 하고 비즈니스에 대한 연관성을 높이려면 사용자의 웹 사이트 및 Office 365에 www.yourcompany.com과 같은 사용자 지정 도메인을 추가합니다. 이렇게 하려면 도메인 이름을 구입한 후 사용자 웹 사이트에 연결하거나 이미 소유하고 있는 도메인 이름을 새 웹 사이트로 리디렉션해야 합니다. 이러한 단계는 Office 365 관리 페이지에서 수행합니다.

맨 위로 이동 맨 위로 이동

다음 단계

Office 365의 웹 사이트 디자인 도구를 사용하여 비즈니스나 조직에 대한 전문적인 온라인 사이트를 만들어, 제품을 홍보하고 상호 작용이 이루어지는 사이트로 개발하거나 소셜 미디어를 이용하는 등 다양한 방법으로 사용자의 사이트를 발전시킬 수 있습니다. 최소한의 노력으로 공용 웹 사이트 시작 비디오에 나오는 Contoso Bistro 예와 같은 사이트를 만들 수 있습니다. Office365 웹 사이트에서 자세히 알아보세요.

예제 공용 웹 사이트 Contoso Bistro

자세한 정보

Office 365의 공개 웹 사이트 도움말을 참고하세요.

맨 위로 이동 맨 위로 이동

 
 
적용 대상:
Office 365 Enterprise 관리자, Office 365 Midsize Business 관리자, Office 365 Small Business 관리자, SharePoint Online Enterprise(E1 및 E2), SharePoint Online Enterprise(E3 및 E4), SharePoint Online Midsized Business, SharePoint Online Small Business Premium, SharePoint Online 웹 사이트, SharePoint 관리 센터