본문 바로가기
KlassLab

수업 홈페이지 제작, 사진·링크·블록을 직접 구성하세요

테마는 시작일 뿐. 로고와 사진, 소개 글과 링크를 더하고 블록을 자유롭게 배치해 우리 수업만의 홈페이지로 완성하세요.

기능별 이용 범위는 웹 구독 등급과 계정 권한에 따라 달라집니다.

블록을 고르면,
홈페이지에 바로 들어갑니다.

과제장·온라인 시험·성적조회로 연결하고, 영상과 이미지로 꾸며보세요. 필요한 기능과 콘텐츠를 추가하고 순서를 바꿔 우리 수업에 맞는 홈페이지를 구성할 수 있습니다.

홈페이지 디자인 관리체험용 시연
학생에게 보이는 화면
o.
온유 수업 스튜디오

오늘의 배움이 내일의 자신감으로.
우리 수업의 소식을 한곳에서 만나요.

+ 오른쪽에서 블록을 추가해 보세요

추가한 블록이 이 화면에 나타납니다.

본문로고·배경홈페이지 설정
어떤 기능을 넣을까요?블록을 눌러 직접 추가해 보세요.
홈페이지에 넣은 블록0개

필요한 블록을 골라보세요.
추가한 순서대로 홈페이지가 완성됩니다.

우리 수업에 필요한 기능과 콘텐츠를 추가해 보세요.

실제 디자인 관리에서는 변경 사항이 바로 저장됩니다. 이 소개용 시연은 예시이며 실제 홈페이지에는 저장되지 않습니다.추가·순서 변경 → 바로 저장

이런 수업에 잘 맞아요.

수업의 분위기를 담은 소개 화면을 직접 만들고 싶은 선생님에게 잘 맞아요. 준비된 테마에서 시작해 필요한 내용을 더하거나 빼면서, 같은 테마도 나만의 스타일로 바꿀 수 있습니다.

로고와 소개로 첫인상 만들기

홈페이지의 이름과 소개 문구, 로고와 사진을 바꿔 우리 수업의 분위기를 담아보세요. 테마에 담긴 기본 내용을 내 수업의 언어와 이미지로 채우는 것부터 시작하면 됩니다.

사진 한 장부터 이미지 슬라이드까지

사진과 배너 이미지를 넣고 여러 이미지를 슬라이드나 2열·3열 구성으로 보여줄 수 있어요. 수업 공간과 학습 자료, 공지 이미지를 내용에 맞게 배치하세요.

버튼과 링크를 원하는 구성으로

안내할 주소를 링크 버튼으로 만들거나 관련 링크를 그룹으로 모아보세요. SNS·전화·이메일 연결과 하단 고정 버튼도 활용해 학생이 필요한 곳으로 쉽게 이동하도록 구성할 수 있습니다.

영상과 글로 더 풍성하게

소개 글과 이미지뿐 아니라 유튜브 영상 등 다양한 콘텐츠를 더할 수 있습니다. 글의 강조와 접기·펼치기 기능을 활용해 내용이 길어져도 읽기 편하게 정리하세요.

추가하고 옮기고, 필요 없으면 빼기

블록을 추가하고 복제하거나 순서를 바꿔 원하는 흐름을 만드세요. 간격과 구분선으로 화면을 다듬고, 쓰지 않는 내용은 숨기거나 삭제할 수 있어요. 기존 디자인을 이어받아 추가하는 방식도 제공합니다.

바꾸면 바로 저장되는 홈페이지

별도의 미리보기·저장 단계 없이 변경 사항이 바로 저장됩니다. 소개 중심 화면이나 링크 중심 화면 등 무엇을 먼저 보여줄지 정하고, 연결된 홈페이지에서 결과를 확인하세요. 수업 소식이 바뀌면 내용을 다시 수정할 수 있습니다.

수업에서는 이렇게 이어져요.

수업 소개 위에 로고를 넣고 사진을 바꿔보세요. 안내 링크와 수업 영상을 추가한 뒤, 이번 주에 꼭 보여줄 소식은 위로 옮깁니다. 더 이상 필요 없는 블록은 숨기거나 삭제하세요. 변경 사항은 바로 저장되며, 연결된 홈페이지에서 결과를 확인할 수 있습니다.

이해를 돕기 위한 사용 예시입니다.

같은 기능도,
우리 수업의 분위기로.

제공하는 기본 테마의 공개 데모를 살펴보세요. 로고와 소개, 이미지와 링크를 바꾸는 출발점이 됩니다.

20번 기본 테마 ↗
같은 테마를 꾸민 홈페이지 ↗

전체 테마 살펴보기 →
노트 링크형 기본 테마의 공개 데모노트 링크형 데모 ↗스튜디오 링크형 기본 테마의 공개 데모스튜디오 링크형 데모 ↗

홈페이지 디자인 관리에서
직접 꾸며보세요.

기본 테마를 고르고 내 홈페이지를 만든 뒤, 로고·사진·문구를 바꾸거나 필요한 블록을 추가해 보세요. 작은 변경부터 시작해 우리 수업에 맞는 화면으로 다듬을 수 있습니다.

시작하기 전에 궁금한 점

테마를 고르면 모양을 바꿀 수 없나요?

아니요. 기본 테마에서 시작한 뒤 문구·로고·이미지와 링크를 바꾸고 블록을 추가하거나 순서를 조정할 수 있습니다. 같은 테마도 선생님이 넣는 내용과 구성에 따라 달라집니다.

디자인을 처음부터 직접 만들어야 하나요?

완성된 기본 테마를 선택해 시작할 수 있습니다. 먼저 로고와 소개·사진을 바꾸고, 필요한 링크와 블록을 하나씩 추가하며 홈페이지를 다듬어보세요.

좋은 수업을 위한 다음 준비.

필요한 기능과 구독 범위를 확인하고 우리 수업에 맞게 시작하세요.