ICT경제

테이블로 텍스트 정보, 포스팅 확 돋보이기

표는 테이블입니다, 이제 구구 팔팔백세 시대는 특히 고령자를 중심으로 좌식 식단이 아닌 테이블이 인기입니다. 이러한 테이블은 텍스트 중심의 글에서도 시인성 향상에 크게 기여합니다.

테이블위에 표 서식들

텍스트를 테이블로 표현하면서 한 걸음 더 나아가 열과 행에 색상을 넣으면 훨씬 글이 살아납니다. 보기 좋아 정보 절달이 좋아지기 때문입니다.

오늘 포스팅은 텍스트 위주의 글에 입체감을 넣을 수 있는 표와 이 표에 살아있는 색깔을 디자인하는 방법에 관한 경험을 공유하고자 합니다.


I. 텍스트를 테이블로 표현, 글 확 보이기

블로그 포스팅에서 정보를 전달할 때, 일반 텍스트보다는 테이블을 활용하는 것이 훨씬 효과적입니다.

예를 들어, 고령자를 위한 식단 정보를 나열할 때, 각 음식의 영양 정보를 표로 정리하면 독자는 시각적으로 더 쉽게 이해할 수 있습니다.

음식 칼로리 (kcal) 단백질 (g) 지방 (g) 탄수화물 (g) 섬유소 (g)
닭가슴살 165 31 3.6 0 0
브로콜리 55 4 0.6 11.2 5.1
고구마 86 1.6 0.1 20.1 3
연어 206 22 13 0 0
귀리 68 2.5 1.4 12 1.7

테이블은 정보의 구조를 명확하게 하고, 독자가 필요한 정보를 한눈에 파악할 수 있도록 돕습니다. 또한, 강조하고 싶은 내용을 색상으로 구분하면 더욱 효과적입니다. 실제로 많은 블로거들이 테이블을 활용해 글의 품질을 높이고 있습니다. 따라서, 정보 전달의 효율성을 고려할 때 테이블 활용은 필수적입니다.

II. 엑셀에서 한줄 건너 색상 자동 입력하기

엑셀은 데이터 작업에 매우 유용한 도구입니다. 특히, 테이블을 만들 때 색상을 자동으로 입력하는 기능을 활용하면 작업이 훨씬 수월해집니다. 예를 들어, 고령자 식단 테이블을 만들 때, 각 행에 색상을 번갈아 가며 넣으면 가독성이 크게 향상됩니다. 이를 위해 엑셀의 조건부 서식 기능을 사용할 수 있습니다. 행의 색상을 설정할 때, “홀수 행”과 “짝수 행”에 서로 다른 색상을 지정하면 자동으로 색상이 적용됩니다. 이렇게 하면 긴 데이터 목록도 한 눈에 들어오고, 독자들은 필요한 정보를 더 쉽게 찾을 수 있습니다. 천천히 실제 실행해 보면 글이 달라져 보입니다.

II-1 셀범위 선택

먼저 엑셀 시트에서 색상을 적용할 셀범위를 선택합니다. 예를 들어, B2에서 G7 셀까지의 데이터를 선택합니다.

엑셀-셀-범위-선택한 모습입니다.

II-2. 조건부 서식 사용

엑셀에서 조건부 서식 사용을 전체 작업 순서도 입니다.

엑셀색상넣기전체작업도
  1. 엑셀 “홈”의 검색 탭에서 조건부서식 입력하거나, [스타일] > 조건부 > 새 규칙 경로 탭을 클릭합니다.
  2. “새 규칙” 선택 메뉴을 선택하여 [새 서식 규칙]탭 다음 화면을 확인 합니다.
새 서식 규칙

II-3. [새 서식 규칙] 탭에서 수식 사용

위에서 확인한 [ 새 서식 규칙] 탭 화면에서 다음 순서로 실행합니다.

①[새 서식 규칙] > ②[수식을 사용하여 서식을 지정할 셀 결정] 선택합니다.

③ [규칙 설명 편집] 탭에서 아래의 수식을 입력합니다.

=MOD(ROW(),2)=0

이 수식은 짝수 행에 색상을 적용하려는 수식입니다

위 수식을 입력한 후, ④[서식]을 클립하여 다음 서식 결정 화면이 표시되는 확인합니다.

 

II-4. 서식 설정

“서식” 버튼 클릭: 원하는 서식을 설정하기 위해 “서식” 버튼을 클릭하여 [셀 서식] 화면을 확인합니다.

셀 서식 > [채우기] 탭
①채우기 색상 선택: “채우기” 탭에서 원하는 배경 색상을 ②[보기]에서 체크한 후 ③[확인] 클릭하여 창을 닫습니다.

II-5. 적용 완료

이제 선택한 범위의 짝수 행에 선택한 색상이 자동으로 적용됩니다. 홀수 행에도 색상을 추가하고 싶다면 위의 과정을 반복하여 `=MOD(ROW(),2)=1` 수식을 사용하면 됩니다.

이미지; 표에 색상 완료된 모습.

이 방법을 통해 데이터를 쉽게 구분할 수 있어, 특히 긴 목록이나 표에서 유용하게 사용할 수 있습니다.

III. 워드프레스 표에 색상넣기 꾸미는 팁

워드프레스에서 테이블을 꾸미는 것은 생각보다 간단합니다. 기본적으로 제공되는 테이블 블록을 사용하거나, “TablePress”와 같은 플러그인을 사용하면 테이블의 색상, 폰트, 셀 간격 등을 쉽게 조정할 수 있습니다. 또한, CSS를 활용해 고유한 디자인을 적용할 수 있어 블로그의 개성을 살릴 수 있습니다. 그러나 블로그 포스팅은 표가 포함된 한글 등 워드에서 작성한 문서에 복붙하는 경우가 많을 수 있습니다. 이때 표의 디자인은 간단한 html 한 두 줄로 처리했던 경험을 공유하고자 합니다.

워드프레스에서 HTML로 표를 작성하는 방법은 간단합니다. 아래의 단계를 따라 표를 만들 수 있습니다.

III-1. 워드프레스 글쓰기 화면 열기

워드프레스[워프] 대시보드에서 ‘글’ 또는 ‘페이지’를 작성하기 위해 ‘글쓰기’ 또는 ‘페이지 추가’를 클릭합니다.

III-2. 워프의 HTML 모드로 전환

워프의 클래식 에디터의 경우, 비주얼과 텍스트 모드에서 [텍스트] 모드 선택

III-3. HTML 코드 입력

<table>

<tbody>

<tr bgcolor=”lightcyan”>

<th>인물</th>

<th>관계</th>

<th>갈등의 원인</th>

<th>갈등의 결과</th>

</tr>

<tr bgcolor=”aqua”>

<td>영혜</td>

<td>주인공</td>

<td>채식주의 선택</td>

<td>가족과의 단절 및 고립감</td>

</tr>

</table>

</tbody>

III-4. 결과 확인

HTML 코드를 입력한 후 [비주얼]이나 [미리보기] 버튼을 클릭하여 표가 제대로 표시되는지 확인합니다. 문제가 없다면 ‘게시’ 또는 ‘업데이트’ 버튼을 클릭하여 글을 저장합니다. 이렇게 하면 워드프레스에서 HTML을 사용하여 표를 작성할 수 있습니다.

워드프레스에서 표 색상, 확인한 결과

인물 관계 갈등의 원인 갈등의 결과
영혜 주인공 채식주의 선택 가족과의 단절 및 고립감

IV. 더 나은 문서의 시인성

문서의 시인성은 독자의 이해도를 높이는 데 중요한 요소입니다. 테이블을 적절히 활용하면 정보가 정리되고, 독자는 더 쉽게 내용을 파악할 수 있습니다. 특히, 고령자나 시력이 좋지 않은 독자들을 위해서는 큰 글씨와 뚜렷한 색상 대비가 필요합니다. 예를 들어, 주요 정보를 강조하기 위해 색상이 뚜렷한 테이블을 사용하면 독자가 빠르게 정보를 찾아볼 수 있습니다. 따라서, 더 나은 문서의 시인성을 위해 테이블 활용은 필수적이며, 이는 결국 독자 경험을 향상시키는 길입니다.

—–

이번 포스팅에서는 효과적인 블로그 포스팅을 위한 테이블 활용법과 디자인 팁을 살펴보았습니다. 테이블은 정보 전달의 효율성을 높이고, 독자에게 더 나은 경험을 제공하는 중요한 도구입니다. 테이블을 통해 블로그 글에 생동감을 더해보세요!

 

이상 가치보자  경제적자유 [ 소리세 sonise ] 입니다

 

 

 

소리세

Recent Posts

나무와 사라에 빠진 마을, 전의

"나무와 사라의 마을" 이야기는 자연과 인간의 관계, 전통적인 가치, 그리고 공동체의 유대감을 중점적으로 다룰 수…

1개월 ago

세종전의묘목플래폼, 도시재생사업 현장

전의 묘목이 유명한 것은 다들 아시죠? 전국에서 우리 세종 전의 묘목단지에서 묘목을 구입하러 온다고 합니다.…

1개월 ago

워드프레스, 더블UP, 도메인연동, 콘텐츠 연동하기

워드프레스를 통해 기존 사이트와 새로운 도메인(www.묘목플랫폼.kr)을 연동하여 동일한 콘텐츠를 운영하는 과정은 많은 웹사이트 운영자들에게 유용한…

1개월 ago

엘레베이터 스피치

250204 07 엘레베이터스피츠

2개월 ago

지루할 틈이 있는 투자는 아름답다- 가치투자 이유

가치투자는 같이 가는 아름다운 동행입니다. 천천히 산천경개를 구경하면서 저녁놀을 보듯, 황혼의 낭만이 있는 투자입니다. 또한…

5개월 ago

콘텐츠매력, 스토리텔링과 뇌과학의 활용 인사이트

스토리텔링 기법을 활용해 매력적인 콘텐츠를 만드는 방법을 소개합니다. 독자의 마음을 사로잡는 전략을 배워보세요

5개월 ago