어제는 저의 컴에 문제가 생기어 자료를 올리지 못하였습니다. 죄송. Window Me가 OS가 조금 불안하다고 하는군요. Format 없이 복원 디스켓으로 복원하였는데 다른 것은 컴이 스스로 다 잡았는데 인터넷만 못 잡는군요. ㅎㅎㅎ

계속 하겠습니다. 2번째 실습은 새로 추가된 <br>만 알면 됩니다. 이것은 한칸 띄우라는 태그입니다. 그래서 <br>을 두개하면 줄이 바뀝니다. 그리고 그림 정보는 실습하던 것을 이용하시든지, 아님 여러분의 웹상의 그림 주소를 이용하시어 작성해보시기 바랍니다.

다 작성이 끝났으면 이번에는 글의 형식을 Html로 하시면 됩니다. 그러면 지난번과 같이 그림이 나오면 성공한 것입니다. 


2차 실습 결과


그림을 올립니다.



석명: 물방울, 크기: 7x8x3, 산지: 호도


이와 같이 나왔는지요. 두 번째이니까 나왔으리라고 봅니다. 이제 쉽지요. 이렇게 하는 이유는 다음 카페 등 몇몇 게시판이 부분 html(text+html)을 지원하지 않습니다. 이런 경우 실습 1처럼 하게 되면 글과 그림이 붙어서 나오게 됩니다.


다음 카페의 게시판 글 형식

부분 html을 지원하지 않는 경우 그냥 일반 텍스트로 하면 작성 예의 글자들이 그대로 보이고 그림을 끌어오지 않습니다. 그렇다고 그냥 html을 하면 글자가 줄 바꿈이 되지 않고 계속 붙어서 나옵니다.


예를 들면 

1.줄 바꾸어 쓰기

2.줄 바꾸어 쓰기
3.줄 바꾸어 쓰기 이렇게 쓴 것을 게시판의 글 형식을 부분 html을 선택하면 


1.줄 바꾸어 쓰기

2.줄 바꾸어 쓰기
3.줄 바꾸어 쓰기 처럼 원하는대로 표현이 되는데 글 형식을 html로 하면


1. 줄 바꾸어 쓰기 2.줄 바꾸어 쓰기 3.줄 바꾸어 쓰기 이렇게 끝까지 붙어서 쓰여집니다. 이런 경우에는 


1.줄 바꾸어 쓰기<br><br>
2.줄 바꾸어 쓰기<br>
3.줄 바꾸어 쓰기<br> 로 작성하여 글 형식 html을 선택하면


1.줄 바꾸어 쓰기

2.줄 바꾸어 쓰기
3.줄 바꾸어 쓰기 본래 원하던 방식으로 쓰여집니다.


이제 부분 html과 html의 차이를 확실히 아시었을 것입니다. 즉 부분 html은 사용자들의 편리를 위하여 일반 글자와 html 문서를 동시에 작성하게 하고 대신에 enter를 html의 <br>로
자동 바꾸어 주는 것입니다.

반대로 부분 html만 지원하고 html을 지원하지 않는 경우 html 문서를 올리면 <br>이 있는 곳은 두 번 줄 바꿈이 되어 뒤죽박죽 엉망이 됩니다. 그런 경우에는 간단히 글과 html 문서를 석어 쓰지 않는한 바로 html 문서를 올릴 수가 없습니다.



* 기본 태그(tag) 익히기

html 문서는 일반 문서와 달리 글의 형식에 워드나 Powerpoint 작성하듯 여러 가지 기교를 부릴 수가 있습니다. 워드나 Powerpoint를 모르신다구요. 음 여기가 또 한계군요. '모든 고비는 그 당시에는 괴롭지만 일단 넘어가면 다음은 편하다.' 여기서는 모르시어도 좋으니 그냥 넘어가겠습니다. 


③ 가운데 글자 굵게: <b> </b>
④ 가운데 정렬: <center>  </center>


보통의 태그는 이렇게 쌍으로 움직입니다. 여기서 ③의 <b> </b>는 글자를 굵게 하라는 태그 명령업니다. 강조하고 싶으신 곳에 사용합니다. 그리고 보통 게시판에 탐석기나 전시회 수석 올린 것을 보면 가운데 정렬이 되어 있습니다. 이때 눈치 채시었겠지만 <center>
</center>를 사용합니다.

즉 <center><b>  </b></center> 이렇게 나중에 나온 것을 먼저 닫아줍니다. 이것을 다시 게시판에 작성을 하고 글의 형식을 html 문서를 선택한 후 저장을 하여 보면 다음과 같이 보입니다.

(*주기: 참수석에서 사용하고 있는 수석카페의 cgiserver에서 제공하는 게시판은 이때 'Convert Text format to HTML format?'하고 물어보는데 그냥 취소하면 됩니다: 왜냐하면 이미 html 문서로 되어 있기 때문에 또 바꾸면 뒤죽박죽이 되니까요)


그림을 올립니다.

석명: 물방울, 크기: 7x8x3, 산지: 호도

처럼 보일 것입니다. 어때요. 아까 보다 조금 보기가 더 낳아졌지요. 이정도만 사용하시어도 그림을 링크하며 게시판 사용하는데 부족함이 없을 것입니다. 



* 주의 사항

1) 그림 경로를 정확히 작성하여야 합니다.

철자 하나 경로 조금 잘 못되어 있으면 그림은 금방 경로를 모르겠다고 붉은 X표를 보이며 모르겠다고 합니다. 처음 영어를 작성하시는 분은 자꾸 틀리는 경우가 있는데 경로가 정확한지 철저히 확인바랍니다.


2) 그림 링크를 허용하지 않는 곳이 있다.

그림을 링크할 때에 제가 사용하여 본 것 중에는 네이버에서는 홈에 올린 그림이나 자료실 그림이나 전부 링크를 허용하지 않습니다. 컴내꺼는 자료실의 큰 그림 링크를 허용하지 않습니다. 이러한 경우 경로를 정확히 작성하였어도 그림이 깨져서 보이지 않습니다.


3) 소장석 자랑란의 주소는 수시로 바뀔 수 있습니다.

다른 홈의 수석 자랑란에 올린 그림 주소를 이용한 경우에는 그림의 주소가 바뀔 가능성이 상당히 높습니다. 각 홈 운영자들이 운영하는 소장석 자랑란의 게시판은 유료로 용량이 제한되어 있습니다. 그래서 참수석과 수석취미 사이트의 경우 오래된 그림은 Back up 받아서 웹문서로 작성하여 올립니다.

이때 그림의 주소가 바뀌게 되는 것이죠. 계속 그 그림을 이용하고자 할 때에는 바뀐 그림의 주소로 수정을 하여 주어야 합니다. 그보다 개인 갤러리의 경우는 그래도 본인에게 분양을 하여 준 것임으로 본인의 관리하여 놓여지게 되니 임의로 옮겨지게 되는 경우가 드물 것입니다.

물론 그보다 더 안전한 것은 본인의 홈 계정을 신청하여 그곳에 올려두면 완전한 본인의 것이니 본인이 변경하거나 삭제하지 않으면 그림 주소가 바뀌거나 삭제되는 경우는 없을 것입니다.



그리고 웹문서를 잘 작성하지 못한다고 의기 소침하실 필요는 없습니다. 서로 전문 분야가 다른 것이거든요. 웹 프로그래머는 웹에 전문가이고 여러분들은 각 직장에서 전문가입니다. 각자 자기의 전문 분야를 인정해주고 존경해 주며 살아가면 될 것입니다.

꼭 필요하다면 다른 분처럼 잘 아시는 분에게 홈 관리를 맡기고 잘 아시는 수석에 대해서만 게시판에 수석관련 내용과 그림과 함께 글을 올리시면 될 것입니다. 그러면 인터넷 이용하시는데 아무런 불편이 없습니다.

이번 게시판에 그림 올리기는 이것으로 마치고자 합니다. 더 멋진 웹문서를 작성하고 싶으시다면 이제는 '홈페이지 쉽게 작성하기'와 같은 책을 서점에 가서 한 권 사서 보시기 바랍니다. 

또는 이제 걸음마가 되시었으니 인터넷에서 검색 해보시면 좋은 사이트가 많이 있는데 그곳에서 더 공부를 하시기 바랍니다. 그럼 조금이나마 도움이 되었으면 하면서 모두 마칩니다. 방문자 여러분 행복하세요^^

- 4 -