이 문서는 Office 365 전문가 및 중소기업 에디션용 SharePoint Online 계획 가이드의 세 번째 문서로, 조직을 위해 전문적인 모양의 웹 사이트를 디자인할 수 있도록 하는 SharePoint Online의 기능에 대해 설명합니다.
이 문서의 내용
이 문서의 대상
Microsoft Office 365 전문가 및 중소기업 에디션용 SharePoint Online에서 사용 가능한 공용 웹 사이트 사용자 지정 담당자인 경우에는 이 문서의 내용을 확인해야 합니다. 또한 공용 웹 사이트에 대해 가능한 사용자 지정 범위를 확인하려는 경우에도 이 문서의 내용을 확인해야 합니다.
맨 위로 이동
공용 웹 사이트에서 제공되는 기능
SharePoint Online에서는 조직을 위한 안전한 인트라넷을 제공하는 것 외에도 고객, 클라이언트 및 다른 사용자들이 온라인에서 회사와 관련된 정보를 찾을 수 있는 공용 웹 사이트를 제공합니다.
웹 사이트라고 하는 이 공용 사이트는 조직의 웹 사이트일 수 있습니다. 사이트 방문자는 브라우저에 조직의 URL을 입력하여 이 사이트를 찾을 수 있습니다.
웹 사이트의 내용을 결정하는 것은 웹 사이트 계획 프로세스에서 중요한 작업입니다. 적용하는 사용자 지정 내용에 따라 사이트에서는 조직 및 조직이 제공하는 서비스에 대한 정보, 연락처 정보, 비디오/사진, 회사 위치를 보여 주는 지도 등을 사이트 방문자에게 제공할 수 있습니다.
SharePoint 기반 웹 사이트
SharePoint 사이트인 웹 사이트의 내용과 페이지 요소(이미지, 서식 파일, 문서 및 페이지 포함)는 라이브러리에 저장됩니다. 기본적으로 사이트에는 웹 페이지, 이미지, 문서 및 서식 파일 라이브러리가 포함되어 있습니다.
웹 사이트에는 홈, 회사 소개, 문의처, 사이트 맵 등의 일반 웹 페이지 집합도 기본적으로 포함됩니다. 웹 사이트에서 기본 페이지를 수정할 수도 있고, 계획에 따라 새 페이지를 만들 수도 있습니다.
참고 Microsoft Office 365 전문가 및 중소기업 에디션용 SharePoint Online에서는 공용 사이트(웹 사이트)가 사이트 모음에서 최상위 사이트입니다. 또한 사이트 모음에는 사이트에 초대를 받은 사람들이 사용할 수 있는 팀 사이트도 포함되어 있습니다. 팀 사이트의 하위 사이트로 동료들을 위한 사이트를 추가로 만들 수는 있지만, 공용 웹 사이트는 하나만 있을 수 있습니다.
맨 위로 이동
웹 사이트 사용자 지정 시의 고려 사항
웹 사이트 사용자 지정을 시작하기 전에 다음과 같은 기본적인 사항을 고려해 보면 도움이 됩니다.
- 웹 사이트를 통해 달성하고자 하는 사업적 목표
- 사용자가 조직에 대해 자세히 알아볼 수 있는 위치를 마련할 것인지 여부
- PayPal을 통한 지불을 허용할지 여부(Paypal은 사용자가 사이트 내에서 안전하게 송금을 할 수 있는 온라인 지불 서비스입니다. PayPal 거래를 할 수 있는 가젯을 추가할 수 있습니다. 사용 가능한 웹 사이트 가젯 목록은 이 문서의 웹 사이트 디자인 도구에서 사용 가능한 가젯 섹션을 참고하십시오.)
- 조직의 브랜딩에 가장 적합한 탐색, 테마, 스타일 및 색 구성표 종류
- 지도, 슬라이드 쇼, 비디오 등을 추가할지 여부. 사용 가능한 웹 사이트 가젯 목록은 이 문서의 웹 사이트 디자인 도구에서 사용 가능한 가젯 섹션을 참고하십시오.
- 큰 이미지 파일을 사용할지 여부. 저장소 제한 문제가 있는지 알아보려면 Microsoft Online Services 관리자에게 문의하십시오.
일부 계획 관련 사항은 사이트 작업을 시작할 때까지는 명확하게 알 수 없을 수도 있습니다. 웹 사이트 디자인 도구를 사용하면 디자인 프로세스를 간소화할 수 있으므로 다양한 아이디어를 쉽게 탐색할 수 있습니다. 사용 가능한 사용자 지정 사항 및 디자인 프로세스에 대한 자세한 내용은 다음 섹션에서 확인할 수 있습니다.
웹 사이트 사용자 지정에 대한 자세한 내용은 다음 링크를 참고하십시오.
맨 위로 이동
웹 사이트 및 해당 페이지 사용자 지정
웹 사이트를 디자인할 때는 리본 메뉴의 도구 및 탭을 사용합니다. 웹 디자인 경험이 없더라도 웹 사이트의 간소화 레이아웃과 쉽게 사용할 수 있는 디자인 도구를 통해 전문적인 모양의 웹 사이트를 빠르게 디자인할 수 있습니다. 사이트의 테마, 그래픽, 글꼴 및 색 구성표를 사용자 지정하거나 지도, 슬라이드 쇼 및 비디오를 추가하면 조직의 브랜딩을 반영하는 웹 사이트를 만들 수 있습니다. 페이지에 슬라이드 쇼, 지도, 비디오를 추가하는 등의 기능을 사용하면 사이트 방문자와 상호 작용할 수 있는 적절한 기능을 찾을 수 있습니다.
디자인 환경
웹 사이트 페이지의 리본 메뉴에 있는 도구 및 탭을 사용하면 페이지 디자인 및 사용자 지정 프로세스를 간소화할 수 있습니다. 리본 메뉴에는 항상 표시되는 기본 탭 세 개와, 이미지 편집 시에 표시되는 상황별 탭 하나가 포함되어 있습니다. 각 탭에는 작업 집합과 관련된 옵션이 있습니다.
- 홈 탭에는 페이지 추가/편집/삭제, 페이지 속성 보기, 페이지 미리 보기/저장, 글꼴 스타일/크기/글머리 기호/번호 매기기/단락 정렬 적용 등의 기본적인 작업을 수행하기 위한 옵션이 있습니다.
- 삽입 탭에는 이미지, 하이퍼링크, 표, 줄, 가젯 등의 페이지 요소를 삽입하는 데 사용할 수 있는 옵션이 들어 있습니다.
- 디자인 탭에는 제목 텍스트/테마/이미지 수정, 사이트의 색 구성표 변경, 사이트 탐색 수정, 바닥글 만들기, CSS 스타일시트 추가 등 사이트나 페이지 수준에서 디자인 요소에 대해 작업을 수행할 수 있는 옵션이 있습니다.
- 이미지를 클릭하면 이미지 도구 탭이 표시됩니다. 여기에는 이미지 변경, 테두리 수정, 정렬 변경 등을 위한 옵션이 포함되어 있습니다.
디자인 환경에 대한 자세한 내용은 빠른 참조 가이드: 웹 사이트 및 웹 사이트 디자인 도구의 사용자 인터페이스를 참고하십시오.
참고 사용 권한에 따라 웹 사이트 디자인 도구를 비롯하여 웹 사이트에 대한 액세스 수준이 결정됩니다. 모든 권한 또는 디자이너 권한 수준에 지정된 사용자에게는 웹 사이트 디자인 도구 및 웹 사이트를 사용할 수 있는 모든 권한이 있습니다. 읽기 권한 수준이 있는 사용자는 웹 사이트 디자인 도구를 비롯하여 웹 사이트에 대한 액세스 권한이 없습니다.
사용자 지정 유형
전체 웹 사이트에 적용되는 사용자 지정 작업도 있고, 단일 페이지에만 적용되는 사용자 지정 작업도 있습니다. 예를 들어 사이트에 대한 테마를 선택하거나 머리글, 바닥글 및 탐색을 사용자 지정하는 경우 변경 내용은 웹 사이트의 각 페이지에 적용됩니다. 반면 페이지를 추가하거나, 페이지 레이아웃 또는 페이지 제목을 변경하거나, 이미지를 추가하는 경우 해당 변경 내용은 공용 사이트의 페이지 수준에서 적용됩니다.
사이트 사용자 지정
사이트 사용자 지정은 모든 페이지에 영향을 주는 전역 변경입니다. 전체 웹 사이트에 적용되는 사용자 지정은 다음과 같습니다.
- 웹 사이트에 일관된 모양을 적용하기 위해 전체 웹 사이트에 대한 테마 및 스타일 선택
- 사이트 방문자들이 웹 사이트에서 필요한 정보를 쉽게 찾을 수 있도록 사이트 탐색 디자인
- 사용 가능한 색 구성표 및 글꼴을 사용하여 사이트 페이지 디자인
페이지 사용자 지정
각 페이지에는 서로 다른 여러 영역이 있으며, 이러한 각 영역 안에는 개체 틀 콘텐츠가 있습니다. 영역 안의 콘텐츠는 편집할 수 있으므로 영역 안을 클릭하고 개체 틀 콘텐츠를 삭제한 후에 원하는 텍스트를 입력할 수 있습니다. 텍스트, 이미지, 하이퍼링크, 표, 가젯 등을 영역에 추가할 수 있습니다. 페이지를 편집할 때는 페이지 레이아웃에 따라 여러 영역이 표시됩니다. 단일 페이지에 적용되는 사용자 지정은 다음과 같습니다.
- 웹 페이지에서 텍스트 추가 및 서식 지정(예: 글머리 기호, 목록, 글꼴, 정렬 등 작성)
- 이미지, 표, 하이퍼링크 등의 페이지 요소 추가
- 지도, 슬라이드 쇼, 비디오 등 다양한 원본의 콘텐츠를 표시하는 모듈식 정보 단위인 가젯 추가
맨 위로 이동
가젯이란?
가젯은 웹 사이트 페이지를 보다 동적으로 표시하기 위해 추가할 수 있는 독립 실행형 응용 프로그램입니다. 가젯에는 비디오, 블로그, 지도, 주식 기호, 슬라이드 쇼 등이 있습니다.
웹 사이트 디자인 도구에서 다양한 가젯을 사용할 수 있습니다. 대부분의 가젯은 간단하게 사용할 수 있으며, 사용자 지정 HTML 코드를 렌더링하는 HTML 가젯을 제외하고는 코드 작업 경험이 없어도 됩니다. 가젯은 사이트 방문자를 위한 추가 서비스를 제공합니다. 예를 들어 사이트 방문자가 회사의 최신 주가를 확인할 수 있도록 하려면 회사 기호를 가리키는 주식 목록 가젯을 웹 페이지에 삽입할 수 있습니다.
웹 사이트 디자인 도구에서 사용 가능한 가젯
아래 표에는 웹 사이트 디자인 도구에서 사용 가능한 가젯이 나와 있습니다.
Note SharePoint Online 계정의 로캘에 따라 웹 사이트 디자인 도구에서 다음 가젯을 사용할 수 있는지 여부가 달라질 수 있습니다.
| 가젯 |
설명 |
| 지도 및 방향 |
주소를 찾을 수 있도록 Bing Maps의 지도와 방향을 추가합니다.
팁 지도 및 방향 가젯을 사용하면 사이트 방문자에게 사무실 위치의 방향을 제공할 수 있습니다.
|
| HTML |
이미지, 웹 페이지, 문서 또는 전자 메일 주소에 대한 하이퍼링크가 포함된 사용자 지정 HTML 코드를 추가합니다.
팁 HTML 가젯을 사용하면 적절한 이미지를 통해 파트너 웹 사이트 링크를 추가할 수 있습니다.
|
| 비디오 |
Bing Video, YouTube 또는 기타 비디오 호스팅 서비스 공급자에서 제공하는 비디오를 웹 페이지에 포함합니다.
참고 비디오를 웹 페이지에 포함하려면 비디오 URL이나 HTML 코드를 알아야 합니다.
|
| 슬라이드 쇼 |
웹 페이지에 슬라이드 쇼 앨범을 만듭니다. 각 슬라이드 쇼에 이미지를 50개까지 추가할 수 있습니다. 슬라이드 쇼에 각 이미지가 나타나는 시간을 지정할 수도 있고, 방문자가 원하는 속도로 그림을 보도록 할 수도 있습니다.
팁 슬라이드 쇼 가젯을 사용하면 제품 관련 정보를 시각적으로 표시할 수 있습니다.
|
| PayPal |
사이트에 PayPal 단추를 추가합니다. 웹 사이트에서 제품이나 서비스를 판매하는 경우에는 PayPal 단추를 사용하여 온라인 결제 처리 솔루션을 설정할 수 있습니다. |
| 사용자 문의 |
사이트 방문자가 전자 메일을 통해 회사에 연락을 할 수 있도록 웹 페이지에 사용자 문의 양식을 추가합니다. 전자 메일은 하나의 주소로 발송되도록 지정할 수도 있고 여러 주소로 동시에 발송되도록 지정할 수도 있습니다. |
| 주식 목록 |
웹 사이트 방문자를 위한 서비스로 특정 주식의 최신 거래 정보를 보여 주는 주식 목록 가젯을 추가합니다. |
| 날씨 |
특정 지역의 간단한 일기 예보를 제공하는 날씨 가젯을 추가합니다. |
| 수정한 날짜 |
웹 페이지를 마지막으로 업데이트한 날짜와 시간을 보여 주는 수정한 날짜 가젯을 추가합니다.
팁 제품이나 서비스의 한정 기간 판촉 행사, 할인 행사 등으로 인해 웹 사이트 콘텐츠를 자주 업데이트해야 하는 경우 사이트 방문자는 수정한 날짜 가젯을 통해 페이지 업데이트 빈도를 쉽게 확인할 수 있습니다.
|
| 사이트 정보 |
웹 페이지 내의 사이트 제목, 사이트 슬로건 또는 바닥글 텍스트를 표시하는 사이트 정보 가젯을 추가합니다.
참고 웹 사이트 디자인 도구에서 사이트 제목, 사이트 슬로건 또는 바닥글 텍스트를 업데이트하면 사이트 정보 가젯에서 참조되는 텍스트도 자동으로 업데이트됩니다.
|
가젯에 대한 자세한 내용은 다음 링크를 참고하십시오.
맨 위로 이동
이 계획 가이드의 이전 문서: 2단계: 팀 사이트의 구조 및 콘텐츠 계획
이 계획 가이드의 다음 문서: 4단계: 사용자 교육 및 지원
계획 가이드의 기본 문서: Office 365 전문가 및 중소기업 에디션용 SharePoint Online 계획 가이드
