NOW킴 NOW킴
일상에서 자주 필요한 작업을 간편하게 해결할 수 있는 무료 웹도구와 사용 가이드를 제공합니다. 이미지 편집, 글자·SNS, PDF·파일, 생활·기기 도구를 설치 없이 편리하게 이용할 수 있습니다.

글쓰기 편집기로 공지문 서식 꾸미고 HTML로 보관하는 방법

NOW킴 읽는 시간 약 6분

공지문을 올렸는데 일정이 바뀌었다면, 날짜만 고쳐 놓아서는 무엇이 달라졌는지 알아보기 어려울 수 있습니다.
기존 일정과 변경 일정을 나란히 적고 서로 다른 서식을 적용하면 독자가 바뀐 내용을 빠르게 찾을 수 있습니다.

NOW킴 글쓰기 편집기에서는 제목 크기를 바꾸고 문장 일부에 취소선이나 굵은 글씨를 적용할 수 있습니다.
편집한 안내문을 게시판으로 복사하고, HTML 파일로 보관해 다음 공지를 만들 때 참고하는 방법까지 살펴보겠습니다.

공지문 내용을 먼저 항목별로 입력하기

글쓰기 편집기를 열고, 도구 모음 아래의 글 입력 영역을 누릅니다.
이전에 작성한 글이 남아 있다면 필요한 내용을 따로 보관한 뒤 새 글을 작성합니다.

처음에는 글자를 꾸미기보다 독자가 알아야 할 내용을 나눠 적습니다.
제목, 일정, 장소, 준비물처럼 정보의 역할이 바뀌는 지점에서 줄을 바꾸면 나중에 특정 항목만 선택하기 편합니다.
아래는 모임 일정이 변경된 상황을 가정한 설명용 예시입니다.

모임 일정 변경 안내
기존 일정: 10월 24일 오후 2시
변경 일정: 10월 25일 오후 3시
장소: 동네 도서관 모임방
준비물: 읽고 있는 책 한 권
참석 여부를 댓글로 남겨 주세요.

매장 운영시간 안내라면 기존 시간과 변경 시간을 적고, 행사 안내라면 접수 기간이나 참가 방법을 넣으면 됩니다.
예제의 날짜와 장소를 그대로 쓰기보다 자신의 안내문에 필요한 항목으로 바꿉니다.

제목 크기와 변경 사항을 구분하기

첫 줄의 제목만 마우스로 드래그해 선택하고, 위쪽 글자 크기에서 24px를 고릅니다.
본문은 그대로 두고 제목만 키우면 공지의 주제와 세부 내용을 구분하기 쉽습니다.
24px는 이번 짧은 제목에 사용한 예시 값이므로 제목이 길다면 다른 크기를 골라도 됩니다.

다음으로 기존 일정: 10월 24일 오후 2시 문장을 선택합니다.
도구 모음의 더보기 ⋯를 누르면 밑줄, 취소선, 목록 같은 추가 기능이 나타납니다.
여기에서 취소선을 누르면 선택한 문장 가운데에 선이 생깁니다.

새 일정은 별도의 줄에 적고 강조합니다.
Windows PC에서는 변경 일정: 10월 25일 오후 3시 문장을 선택한 상태에서 Ctrl+B를 누르면 굵게 표시할 수 있습니다.
장소나 준비물까지 전부 강조하기보다 이번에 달라진 정보에만 적용하면 읽어야 할 부분이 분명해집니다.

서식을 적용한 뒤에는 제목이 본문보다 크고, 기존 일정에는 취소선이 있으며, 변경 일정은 굵게 표시되어 있는지 살펴봅니다.

writing editor notice format 1 1
제목은 크게, 기존 일정은 취소선, 변경 일정은 굵은 글씨로 구분한 공지문입니다.

취소선은 변경 전 내용을 함께 남겨 둘 필요가 있을 때 사용합니다.
지난 안내를 볼 필요가 없는 신규 공지라면 현재 일정만 적는 편이 간결합니다.
또한 취소선만으로 변경을 표현하지 말고 기존 일정과 변경 일정이라는 말도 남겨 두면, 서식이 없어지는 환경에서도 두 날짜의 의미를 알 수 있습니다.

미리보기로 확인하고 게시판에 복사하기

입력 영역 아래의 미리보기를 누르면 게시글 미리보기 창이 열립니다.
공지의 제목과 새 일정이 먼저 눈에 들어오는지, 장소와 준비물이 빠지지 않았는지 읽어 봅니다.
수정할 부분이 있으면 닫기를 눌러 편집 화면으로 돌아갑니다.

완성한 글을 옮기려면 아래쪽 복사할 게시판에서 사용할 곳을 고릅니다.
화면에는 네이버 카페/블로그, 다음 카페, 티스토리, 일반 서식이 있습니다.
네이버 카페나 블로그에 올릴 글이라면 네이버 카페/블로그를 선택합니다.
대상을 고른 뒤 📋 서식 그대로 복사를 누릅니다.

writing editor notice format 2
글을 올릴 게시판을 선택한 뒤 서식 그대로 복사를 누릅니다.

이제 글을 등록할 편집기로 이동해 복사한 내용을 붙여넣습니다.

붙여넣은 화면에서는 제목 크기, 취소선, 새 일정의 강조가 남아 있는지 살펴봅니다.
대상 서비스가 일부 서식을 바꾸거나 제거할 수 있으므로, 공지에서 가장 중요한 변경 일정이 잘 보이는지를 기준으로 필요한 부분을 다듬습니다.
일반 텍스트로 붙여넣으면 글자 크기나 굵기 같은 서식이 사라질 수 있습니다.

HTML로 저장해 다음 안내문에 활용하기

비슷한 공지를 반복해서 작성한다면 편집한 글을 파일로 남겨 두면 편리합니다.
편집기 아래쪽의 HTML로 저장을 누르면 작성한 내용을 HTML 파일로 내려받을 수 있습니다.
HTML은 문장과 함께 글자 크기나 취소선 같은 웹 문서 서식을 담을 수 있는 형식입니다.

저장한 파일을 브라우저로 열어 제목과 일정이 보이는지 살펴봅니다.
이번 예제에서는 제목 크기, 기존 일정의 취소선, 변경 일정의 굵은 글씨를 함께 보관할 수 있습니다.
파일 이름은 모임-일정변경-안내.html처럼 내용을 알아볼 수 있게 바꿔 두면 나중에 찾기 쉽습니다.

writing editor notice format 3
HTML 파일로 보관한 공지문은 브라우저에서 서식과 내용을 다시 볼 수 있습니다.

다음 공지를 만들 때는 저장된 문서의 본문을 선택해 복사한 뒤 글쓰기 편집기에 붙여넣고 날짜, 장소, 준비물을 고칩니다.
이 도구 화면에는 HTML 파일을 불러오는 버튼이 없으므로, 저장 파일을 참고하거나 열린 문서의 내용을 복사해 사용하는 방식으로 접근합니다.
새 글을 완성할 때는 남아 있는 이전 일정과 문구부터 살펴 오래된 정보가 섞이지 않게 합니다.

공지문 외에도 운영시간 변경, 신청 마감 안내, 상품 입고 안내처럼 반복해서 쓰는 글에 같은 방법을 적용할 수 있습니다.
제목과 핵심 정보의 서식은 일정하게 유지하고 바뀐 내용만 정리하면, 다음 안내문을 작성할 때도 구성을 다시 고민하는 수고를 줄일 수 있습니다.

NOW킴

NOW킴

함께 보면 좋은 글

댓글 0

첫 댓글을 남겨보세요.

광고 차단 알림

광고 클릭 제한을 초과하여 광고가 차단되었습니다.

단시간에 반복적인 광고 클릭은 시스템에 의해 감지되며, IP가 수집되어 사이트 관리자가 확인 가능합니다.