단계별 연습: organization 대한 교육 사이트 만들기
이 문서에서는 사용자에게 영감을 주는 예제 교육 사이트의 요소를 보여 드리며, 사용자 고유의 organization 위해 유사한 사이트를 만드는 방법을 알아봅니다. 이 예제 사이트는 특정 이벤트에 대한 정보를 제공하고 사용자를 학습 및 등록으로 안내합니다. 시각적 영향으로 방문자의 참여를 유도하고 동기를 부여합니다.
먼저, 통신 사이트를 만들지 않았다면 이 문서의 사이트 만들기 구역을 확인하세요. 사이트에서 페이지를 편집하고 게시하는 방법을 알아보려면 이 문서의 섹션 및 웹 파트 편집, 작업 및 게시 섹션을 확인하세요.
사이트를 만들고 페이지를 편집하는 방법을 알고 나면 다음 지침을 사용하여 표시된 요소를 추가할 수 있습니다.
교육 사이트 예제
| 홈페이지 이미지 | 사용자 지정 지침 |
|---|---|
|
1. 로고 및 사이트 분류 로고를 사용자 지정하고 사이트를 분류합니다.
방법 알아보기 2. 영향 만들기 Hero 웹 파트를 사용하여 사용자의 가치를 시각적으로 전달합니다. 방법 알아보기 3. 사용자를 주요 작업으로 안내하여 방문자가 더 많이 등록하거나 검색하도록 유도합니다. 방법 알아보기 4. 이벤트 설명 텍스트를 사용하여 이벤트의 "what" 및 "why"를 설명합니다. 방법 알아보기 5. 링크가 있는 이미지를 사용하여 가시성을 높이고 자세한 안건 페이지에 연결합니다. 방법 알아보기 6. 자세한 정보 강조 표시 이미지는 중요한 정보의 영역을 정의할 수 있습니다. 방법 알아보기 7. 이벤트 날짜 표시 사용자가 일정을 계획할 수 있도록 이벤트 일정을 제공합니다. 방법 알아보기 8. 지도 추가 맵을 사용하여 사용자가 필요한 위치로 이동합니다. 방법 알아보기 9. 간편한 등록을 위한 양식 추가 페이지 등록을 제공합니다. 방법 알아보기 |
사이트 만들기
여기에 표시된 것과 같은 사이트를 만들려면 통신 사이트를 만듭니다. 사이트를 만들려면 SharePoint 시작 페이지에서 사이트 만들기를 선택합니다. 또는 이 사이트를 허브 사이트와 연결하려는 경우, 허브 사이트로 이동하여 사이트 만들기를 선택하여 통신 사이트가 자동으로 허브 사이트와 연결되도록 하세요.
그런 다음 통신 사이트를 선택한 다음 항목 레이아웃을 선택합니다. 사이트 이름, 설명, 다른 정보를 입력하고 완료를 선택하세요. 그런 다음, 이 문서의 예제와 동일한 유형의 레이아웃이 있는 템플릿을 가져옵니다.
더 자세한 내용은 SharePoint Online에서 통신 사이트 만들기를 참조하세요.
로고 및 사이트 분류
이 예제에서 머리글 영역에는 "독립 실행형" 페이지이므로 탐색이 포함되지 않습니다. 그러나 헤더 영역에는 사용자 지정 로고가 포함되어 있으며 사이트가 "내부 전용"으로 분류되었음을 나타내는 레이블이 표시됩니다. 사이트 분류는 내부, 기밀, 높은 비즈니스 영향, 낮은 비즈니스 영향 등의 값을 사용합니다. 이러한 값은 정보의 민감도 또는 정보의 수명 주기와 관련이 있습니다.
로고를 변경하고 사이트를 분류하는 방법을 알아보려면 SharePoint 사이트 설정 관리를 참조하세요.
섹션 및 웹 파트 관리
페이지 오른쪽 위에 있는 편집을 클릭하여 편집을 시작하세요.
편집하는 동안 왼쪽의 머리글 아래에서 초안을 나중에 저장하거나 삭제할 수 있습니다.
구역 앞, 뒤의 + 기호는 여러 레이아웃 중 하나를 사용하여 구역을 추가합니다.
구역은 페이지를 구성하며 하나 이상의 웹 파트를 배치합니다. 페이지를 편집할 때 각 섹션에는 레이아웃을 편집하거나, 이동하거나, 섹션을 삭제하는 컨트롤이 표시됩니다. 구역 작업에 대한 자세한 내용은 페이지의 구역 및 열 추가 또는 제거를 참조하세요.
섹션의 웹 파트 앞이나 뒤에 나타날 수 있는 더 
더하기 기호 이미지를 선택하여 사용 가능한 여러 유형의 웹 파트를 확인합니다. 모든 웹 파트에 대한 자세한 내용은 SharePoint 페이지의 웹 파트 사용을 참조하세요.
웹 파트는 구역 내에서 편집, 이동 또는 삭제할 수 있습니다. 웹 파트 편집 아이콘은 각 웹 파트 형식에 세부 컨트롤을 엽니다.
페이지 업데이트가 준비되면 게시를 선택하여 전체 organization 표시되도록 합니다.
팁
사이트의 모든 페이지를 관리하려면 위쪽 메뉴에서 페이지를 클릭합니다.
페이지 사용에 대한 자세한 내용은 SharePoint 사이트에서 최신 페이지 만들기 및 사용을 참조하세요.
Hero 웹 파트를 사용하여 영향 만들기
방문자에게 Hero 웹 파트를 사용하여 워크샵의 포커스를 알릴 수 있습니다. 이 예제에서 사용되는 레이아웃은 2개의 타일입니다.
영웅 레이아웃: 타일 또는 레이어:
웹 파트를 편집하면 레이아웃 옵션이 표시됩니다. 타일 옵션은 1~5개의 타일에 대한 레이아웃을 제공합니다. 레이어 옵션은 각 이미지를 제목 옆에 이미지가 있는 레이어로 설정합니다. 최대 5개의 레이어를 통해 하나의 웹 파트가 전체 페이지를 만들 수 있습니다.
각 타일을 편집할 수 있습니다.
왼쪽에 있는 항목 이동 컨트롤을 사용하여 Hero 웹 파트 내의 타일을 다시 정렬할 수 있습니다. 오른쪽의 컨트롤을 사용하면 사용된 텍스트와 이미지를 조정하는 세부 정보를 편집 하고, 가리키기 애니메이션의 초점 설정 , 이미지 확대 및 축소 를 수행할 수 있습니다.
이 예제에서 Hero 웹 파트는 전체 너비 구역에 있습니다.
Hero 웹 파트 사용에 대한 자세한 내용은 Hero 웹 파트 사용을 참조하세요.
이벤트 날짜 표시
이벤트 웹 파트는 이벤트 정보를 자동으로 표시합니다. 표시된 이벤트는 원본, 이벤트 목록, 범주 및 날짜 범위에 대한 필터에 의해 제어됩니다. 이벤트는 Filmstrip 보기 또는 압축 보기에서 자세한 요약과 함께 표시될 수 있습니다.
이 워크샵 사이트 예제에서 이 웹 파트는 Filmstrip 레이아웃을 사용합니다.
이벤트 웹 파트 사용에 대한 자세한 내용은 이벤트 웹 파트 사용을 참조하세요.
텍스트 웹 파트를 사용하여 이벤트 설명
리더십 드롭 견적과 월간 Q&A 설명은 텍스트 웹 파트를 사용합니다. 이 웹 파트에서는 서식이 지정된 텍스트의 고정 섹션을 만들기 위한 기본 텍스트 서식을 사용할 수 있습니다.
텍스트를 편집할 때 이 웹 파트는 스타일을 설정하고 굵게 및 기울임꼴과 같은 향상된 기능을 추가하는 기본 서식 도구를 제공합니다. ...를 선택합니다. 서식 도구 모음의 오른쪽 끝에 있는 컨트롤은 웹 파트 오른쪽에 더 많은 옵션을 제공합니다.
이전에 표시된 이 워크샵 사이트 예제에서 웹 파트는 하나의 열 섹션에 있습니다.
텍스트 웹 파트 사용에 대한 자세한 내용은 텍스트 웹 파트 를 사용하여 페이지에 텍스트 및 테이블 추가를 참조하세요.
빠른 링크를 사용하여 사용자에게 주요 작업 안내
빠른 링크 웹 파트는 다른 페이지 또는 사이트에 대한 링크를 나열하는 데 사용하기 쉬운 몇 가지 메뉴 형식을 제공합니다.
이 사이트 예제에서 웹 파트는 빠르고 쉬운 참조를 위해 단추 레이아웃을 사용합니다.
빠른 링크 웹 파트 사용에 대한 자세한 내용은 빠른 링크 웹 파트 사용을 참조하세요.
링크가 있는 이미지 사용
이미지 웹 파트는 페이지에 고정된 이미지를 배치합니다. 이미지는 사진, 다이어그램 또는 텍스트에 영향을 주는 데 사용할 수 있습니다. 캡션 및 대체 텍스트는 이미지에 액세스할 수 있도록 유지합니다.
이미지 웹 파트 사용에 대한 자세한 내용은 이미지 웹 파트 사용을 참조하세요.
Bing 지도 웹 파트를 사용하여 맵 추가
Bing 지도 웹 파트는 방문자가 워크샵으로 가는 경로를 계획할 수 있도록 쉬운 시각적 맵 참조 및 빠른 링크를 제공합니다.
Bing 지도 웹 파트 사용에 대한 자세한 내용은 Bing 지도 웹 파트 사용을 참조하세요.
등록을 위한 양식 추가
Microsoft Forms 사용하여 등록할 양식을 만든 경우 Microsoft Forms 웹 파트를 사용하여 해당 양식을 페이지에 직접 배치할 수 있습니다. 참석자가 정보를 쉽게 작성할 수 있는 방법이며 쉽게 수집할 수 있습니다.
Microsoft Forms 웹 파트 사용에 대한 자세한 내용은 Microsoft Forms 웹 파트 사용을 참조하세요.
더 많은 정보를 원하는 경우
SharePoint Look Book의 더 많은 예제에서 영감을 얻으세요.