반응형
네이버 블로그 표 추가하고 편집하는 방법
네이버 블로그에 글을 올릴 때 스마트에티터를 통해 표도 생성해서 올릴 수 있습니다. 에디터에서 표 기능은 선만 그어진다고 생각하는데 지금은 많이 발전이 되어서 워드나 엑셀 못지 않게 디자인이 가능합니다.
▼ 블로그 글쓰기 페이지로 가서 스마트 에디터에 표 아이콘을 클릭합니다. 표 설정 박스에는 표의 행과 열을 설정하는 입력란뿐만 아니라 두 가지 디자인 옵션이 있습니다. 표를 만들기 전에 [속성직접입력]에서 셀 배경색, 테두리, 스타일 등을 설정하거나 [스티일 선택] 으로 가서 미리 정의된 마음에 드는 형식을 지정하는 것입니다.
▼ 다음은 만들어진 표에서 영역을 편집하는 방법입니다. 영역을 마우스로 드래그하시면 편집창이 뜹니다. 편집 창에는 셀을 삭제하거나 추가하는 옵션과 선택한 영역에 스타일을 지정할 수 있는 옵션이 있습니다. 그 중 [표 스타일] 을 선택합니다.
▼ [표 스타일] 에는 엑셀이나 워드에서 봤던 것과 유사한 형태의 스타일 몇 가지가 존재합니다. 많지는 않지만 충분한 숫자입니다. 스타일을 지정하고 바로 위에 있는 [셀 배경색]을 변경하시면 좀더 다양한 표 스타일을 만들 수가 있겠죠.
▼ 표의 셀이 너무 많을 때 행이나 열을 삭제, 추가하는 기능 외에 병합도 가능합니다. 그리고 셀 내부를 분할할 수도 있습니다.
▼ 아래 그림은 스마트에디터의 표 기능을 이용해 편집한 결과 입니다. 이 정도면 엑셀이나 워드에서 편집한 것만큼 디자인이 나온 것 같은데요.
반응형
공유하기
게시글 관리
구독하기녹두장군 - 상상을 현실로저작자표시 비영리 변경금지
웹에 있어서, 2013년의 화두 중 하나는 단연 모바일 이죠..
작년 모바일이 본격적으로 우리나라에 자리를 잡았다면, 올해는 급속한 발전이 있는 시기가 되지 않을까 싶습니다. ^^
기기 보급이야 이제 완전히 일반화 되었고, 인터넷 속도는 갈수록 빨라질 테니 말이죠..
이러한 추세에 맞춰.. 블로거들도 본인의 블로그 운영을 변화시켜 나가야 하는 것이겠죠..
아무튼..
블로거 분들 중에서는 '표'를 활용하시는 분들이 많이 있죠..
저 역시도, 다루는 주제 중에는 '세무' 및 '경제'관련 부분이 좀 되다 보니.. 표를 즐겨 사용 하고 있습니다.
표를 적절하게 사용하면, 정리된 느낌을 주고, 또한 단순 명료하게 정보를 전달할 수 있기도 합니다.
하지만, 모바일로 보게 되면, 이러한 표는 우측이 짤리거나(티스토리 블로그), 모바일 화면을 넘어가서 보이게 되는(네이버 블로그) 단점이 있어요..
이게, 통상적으로, 표의 너비를 px로 지정하기 때문이에요..
티스토리 블로그만 해도, 표를 처음 설정하게 되면 기본적으로 'px'로 표시하게 됩니다.
표에 대한 모바일 최적화를 하려면, 이러한 'px'을 '%'로 바꿔주는 것이 좋습니다.
'px'로 적용을 하나 '%'로 적용을 하나, PC화면에서는 다르지 않습니다만..
이걸 모바일로 확인해 보면, px로 적용하면 요렇게 다른걸 확인하실 수 있습니다.
차이점이 느껴 지시나요? ^^
똑같은 4x4 표이지만, 'px'단위로 한 것은 우측이 짤리고, '%' 단위로 지정한 것은 표의 상대적인 크기도 같이 줄어들어..
모바일 화면에서도 잘 나타나는 것을 보실 수 있습니다.
바꾸는 방법은 비교적 간단한데요..
표의 속성설정을 '000px'(사용자의 본문너비 설정에 따라 다소 다름)에서 '100%'로만 바꿔주면 됩니다.
HTML모드에서 'ctrl + F'를 통해 table을 찾은 후, 속성의 제일 끝에 있는 width 속성값을 "100%"로 바꿔주면 되겠습니다.
그럼, pc화면에서는 기존과 똑같이 사용하고, 모바일에도 최적화된 표를 사용하실 수 있습니다.
물론, 표를 엑셀등을 활용하여 만들고, 이미지로 만들어 활용할 수 있지만..
기본적으로 블로그 컨텐츠는 텍스트를 위주로 생산해 내는 것이 검색에 유리한 측면이 있죠.. 이미지는 거드는(?) 역할을 하는게 좋습니다.
오늘은 간단하게 '표' 사용에 있어서 모바일 최적화에 대해 알아봤는데요..
이게 사실, 단순히 표에만 적용되는 것이 아니라, 모바일과 관련된 모든 최적화에 적용되는 부분이에요..
예를들어, 소제목 양식을 이미지나 배경이미지로 처리할 때에도, 이렇게 '%'단위를 사용하면 모바일에 최적화 시켜 만들 수 있습니다.
그나저나.. 애초에 표의 기본설정을 '%'단위로 나오게 했으면 좋겠는데..
티스토리 블로그 운영진의 세심함이 조금은 아쉽기도 합니다. ^^
공유하기
게시글 관리
구독하기네코의 상아탑- 카카오스토리
- 트위터
- 페이스북
검색
- 네이버 톡톡 첨부 방법
- 스마트에디터 ONE 소개
- 기본 인터페이스 소개
- 컨텍스트·인덱스 메뉴 소개
- 모바일 화면 미리보기 소개
- 제목과 제목 배경 사진 안내
- 글 작성 및 서식 편집 방법
- 템플릿으로 글쓰기 안내
- 사진 첨부 및 교체 안내
- 사진 속성 편집 안내
- 포토에디터 소개
- 그룹 사진 편집 방법
- 스티커 첨부 방법
- 동영상 첨부 방법
- 구분선 첨부 방법
- 인용구 첨부 방법
- 장소 첨부, 멀티 첨부 방법
- 링크, 외부 링크 첨부 방법
- 파일 첨부 방법
- 일정 만드는 방법
- 표 만드는 방법
- 수식 편집기 소개
- 사진·글감 검색 안내
- 라이브러리 소개
- 글 발행 방법
- 태그 입력 기능 안내
- 글 임시 저장 방법
- 복사/붙여넣기 이용 방법
- ONE 미지원 기능 안내
- 스마트에디터 단축키 안내