Follow JookJun on Twitter
      만당 최신 글
      만당 최신 댓글
counter
오늘:
852
어제:
1,438
전체:
2,435,945

게시판에 글 잘 올리는 법.

조회 수 2840 추천 수 411 2005.07.01 19:18:45

죽전만당 많은 게시판에서 게시물 및 최신글 리스트는 이른바 '웹진 스타일'로 구성되어 있습니다.

본문의 글 내용의 일부가 리스트로 보이고, 본문중에 사진이 있으면 왼편에 조그만 사진이 나타나는 형태입니다.

 

많은 게시물들이 이 사진 때문에 이상하게 보이는데, 글과 사진이 제대로 보이게 글쓰는 법에 대해 말씀드립니다.

 

게시물 리스트를 보여줄 때에, 본문의 내용중에서 사진이 있는지 없는지 검사해서 사진 태그라고 판단하는 프로그램이 있습니다.

 

그런데 언론사 사이트를  비롯한 인터넷 사이트에서 게시물을 복사해서 붙이는 경우에, 

게시물 내용중이 이상한 코드가 들어있는 경우가 많이 있습니다.

그 이유는 모든 인터넷 사이트는 프로그램이 자동으로 웹 페이지를 만들어 내는데,

다른 사이트로 그 내용이 옮겨질 경우에 제대로 동작하지 않는 코드가 생기기 때문입니다.

 

그냥 말씀드리면 어려울 것이므로 참살이와 세상읽기에 올려진 게시물 중에서 사진이 나오지 않거나, 배꼽이 보이거나, 아무 의미를 전달하지 못하는 아이콘이 나오는 몇가지 예를 들어 말씀드리겠습니다.

 

1. '참살이' - 섬유질, 뭘 어떻게 먹을까? 게시물의 경우

본문을 열어 보면 멀쩡해 보이는데 글 리스트에서는 배꼽이 보입니다. 글을 올릴때에 '편집기' 모드에서 글을 따다가 붙인 후에 'HTML편집'을 클릭해 보면 실제 HTML 코드는 아래와 같습니다. 코드에서 보면 제일 먼저 나오는 그림이라고 파악한 부분이 빨간색으로 표현된 부분인데, <img src= 다음에 나오는 주소가 잘못된 주소인데, 프로그램에서는 이를 파악하기 좀 어렵군요. 빨간 부분을 지워주시면 배꼽이 사라지게 됩니다.

 

<TABLE cellSpacing=0 cellPadding=15 width=641 border=0>
<TBODY>
<TR>
<TD align=middle>
<P><SPAN class=bb3>섬유질, 뭘 어떻게 먹을까?</SPAN><BR><BR><SPAN class=bb7>사과는 껍질째, 쌀밥보다는 현미밥</SPAN></P></TD></TR><!--<tr>
          <td align="center"><img src="/well_img_/M2_0620.jpg" width="280" height="210" border="0" alt="M2_0620.jpg"></td>
        </tr>
    -->
<TR>
<TD vAlign=top>
<TABLE cellSpacing=0 cellPadding=10 width="100%" border=0>
<TBODY>
<TR>
<TD vAlign=top>
<P align=center><IMG src="http://wellbeing24.life21.co.kr/well_img_/D2_0620.jpg"></P><BR><BR><B><FONT color=#4a89f7>섬유질, 어디에 있나</FONT></B><BR><BR>

 

경우만 주의하시면 보다 보기 좋게 글을 쓰실 수가 있습니다.

 

2. '세상읽기' - “가톨릭, 황우석 연구 적극적으로 지원해야” 의 경우

중간에 있는 사진을 따다가 제일 앞쪽에 붙여서 리스트에서 사진은 제대로 나오지만 본문이 영 이상하게 되었습니다.

이렇게 하신 것은 아마 글 목록에서 사진 나올 자리에 아이콘이 나와서 그리 하셨으리라 생각됩니다.

 

이 경우에도 본문은 그대로 두시고, 'HTML편집' 모드에서 HTML 코드를 보시면 앞부분이 아래와 같습니다.

기자에게 메일보내는 아이콘이 들어 있습니다. 이것만 지워주시면 됩니다. 그 아래에 아이콘이 나오는 게시물도 마찬가지의 경우입니다.

 

'언론사 홈에서 기사를 따 오실 때에는 기사 본문만 복사하시고, 나머지 기사 정보에 대한 것은 타이핑을 하시거나 부분적으로 복사해서 붙이시는게 권장해 드리는 방법입니다.

 

<TD class=15_article align=right>미디어다음 / 글, 사진 = 윤자영 통신원 <A href="http://go.daum.net/bin/mailto.cgi?SUBJECT=&amp;TO=helen0825@hanmail.net&amp;CC=&amp;BCC=" target=new><IMG height=12 src="http://img-media.hanmail.net/15/common/um05.gif" width=19 border=0></A> </TD></TR>
<TR>
<TD height=15></TD></TR>
<TR>


 

3. '세상읽기' - “김우중이 영웅대접 받는 현실에 분통” 의 경우

그림이 나올 자리가 공백으로 나옵니다.

이런 경우는 눈으로 보기에는 보이지 않지만 본문중에 주로 배경아이콘으로 사용되는 눈에 보이지 않는 그림이 들어있습니다.

HTML 코드를 보면 아래와 같이 본 사진 위에 빨간색으로 보이는 공백을 채우는 그림이 있습니다. 이것을 지워주면 됩니다.

 

<TD width=7 rowSpan=5><IMG height=1 src="http://img.hani.co.kr/section-image/blank.gif" width=7 border=0></TD>
<TD><IMG alt="" hspace=0 src="http://img.hani.co.kr/section-kisa/2005/06/14/20050614-daewoo02.jpg" border=0><BR>

 

좀 복잡해 보이지만 조금만 연습해 보시면 쉽습니다.

이 세가지만 익혀 두시면 보다 가독성이 높은 글을 올릴 수 있을 것으로 생각됩니다.

글 올리신 분들께서는 '수정'으로 가셔서 연습겸 한 번 고쳐 보실 것을 권유 드립니다.

엮인글 :

신독

2005.07.02 06:10:51
*.235.55.61

그렇군요... 감사!
List of Articles
번호 제목 글쓴이 날짜 조회 수

WEB PAGE 편집 예제 -1- [4]

[re] Background 이미지소스 모음 [1]

[re] Background 이미지 검색 (가로)

[re] Background 이미지 검색 (세로)

Google Earth 검색 프로그램 다운 받기 file

회칙 (2005년9월25일 개정) 링크용

게시판에 글 잘 올리는 법. [1]

  • 采日
  • 2005-07-01
  • 조회 수 2840

동영상 녹화 - VOD Recorder 사용법

  • 采日
  • 2005-05-25
  • 조회 수 3944

팀 블로그 기능 이용하기.

블로그 꾸미기.

  • 采日
  • 2005-05-04
  • 조회 수 2485

블로그 만드는 법.

게시판 관리자 설명서

게시물 관리자 설명서 [1]

후진 내 컴퓨터 ? 아닙니다 쓸만 합니다. [ 첫번째 - 음악을 잘 나오게 하는 법]

후진 내 컴퓨터 ? 아닙니다 쓸만 합니다. [ 두번째 - 컴퓨터 청소 방법] [1]

8. 음악 파일 연속듣기 편집 하기 [5]

연속듣기 시험

  • 시험
  • 2005-03-04
  • 조회 수 2752

캠핑카, 오토캠핑, 자작캠핑카정보가 있는 사이트

◆ 죽전만당 찾아가기 [사이트 맵] ◆

회칙 전문 (링크용) [2]