티스토리 뷰

노션으로 완성된 웹페이지
노션 사용으로 5분만에 웹페이지 뚝딱 만들어보기!

 

노션 사용법 중에서 오늘은 웹페이지를 초 간단하게 만들어보겠습니다. 5분 만에 5개의 기능만으로 뚝딱 웹페이지를 만들 수 있는 직관적인 프로그램입니다. 처음 2~3번만 사용해 보시면서 간단한 기능만 알고 있다면 위에 있는 웹페이지는 그냥 눈 감고도 만들 수 있겠습니다. 

 

 

1) 글씨 전환하기(색, 크기)
2) 두개의 단
3) 볼드처리
4) 콜아웃
5) 이모지

 

위의 웹페이지를 만드는 기능은 1)~5) 까지의 기능만으로 충분합니다.

적용과정을 살펴보겠습니다.

 

1) 글씨 전환하기

 

주황색, 두꺼운, 얇은 글씨체
글씨 전환하기 예시

 

  • 노션에서 커서를 대면 보이는 6개의 점을 클릭합니다.
  • 글자색 바꾸기 : 메뉴에서 보이는 글자색을 누르고 바꾸고 싶은 색을 고릅니다.
  • 글자 크기 바꾸기 : 메뉴에서 전환을 누르고 바꾸고 싶은 글자 크기로 변경합니다.

글자색 바꾸기 옵션
글자색 바꾸기
글자크기 바꾸기 : 제목1>제목2>제목3

 

2) 두개의 단

 

단 나누기 예시 그림입니다.
단 2개로 나누기

 

  • '/'를 누르고 '열'을 입력합니다.
  • 나누고싶은 단의 수선택합니다.

열 나누기 메뉴
열 나누기

 

3) 볼드처리

 

볼드처리 방법
볼드 처리하기 (글씨를 두껍게)

 

  • 볼드처리할 글씨를 선택합니다.
  • 위에 보이는 'B'를 클릭합니다.
  • 또는 단축키 'Ctrl + B'를 누릅니다. 

 

4) 콜아웃

 

콜아웃은 글씨를 강조하는 글상자라고 보시면 됩니다.

 

콜아웃 넣는 방법
콜아웃 넣기

  • '/'를 입력하고 '콜아웃'을 입력합니다.
  • 6개의 점을 클릭하고 콜아웃의 색상을 선택합니다.

콜아웃 넣는 방법 설명입니다.
콜아웃 넣기

 

5) 이모지

 

마지막으로 이모지는 어떻게 넣을까요?

맞습니다. '/'를 입력하고 '이모지'를 검색하면 다양한 이모지들이 검색됩니다.

거기에서 원하시는 이모지를 클릭하시면 완성됩니다!

 

다시 한 번 완성페이지를 보고 마무리하겠습니다.

 

노션 웹페이지 완성화면
웹페이지 완성화면

 

 

 

 

 

 

 

노션 사용법 알아보기(기본개념1-블록)

노션은 대표적인 노코드 툴로 사용이 쉽고 활용도가 높은 웹서비스 툴입니다. 코딩을 이해하지 않아도 쉽게 홈페이지를 제작할 수 있는 툴로써, 기초부터 이해하는 시간을 가져보겠습니다. 노

b.energyforaday.com

노션으로 5분만에 페이지 완성하기
노션사용법 5분완성