이미지(사진)위에 글쓰기

 

 

<table background=복사해온주소 width=480(가로사이즈) height=640(세로사이즈)>

<tr>

<td>

<pre><font face=바탕 size=3 color=ffff33><ul>

들어갈 글씨

</ul></font></pre></td></tr></table>

 

 

먼저

이미지가 있어야 겠지요..

이미지는 자기컴에 저장되어 있는 사진이나

웹상에 있는 사진을 이용합니다..

카페에 등록하는 방법은 대부분 아실거 같아서

등록부분은 생략하고(등록부분도 필요하신분이 계시면 따로 올려드립니다.)

등록되었거나 다른분의 이미지를 사용할 경우 입니다...

 

먼저

이미지의 주소를 알아야 함으로

이미지를 등록한곳이나 원하는 이미지가 있는곳에 가셔서

이미지에 우마우스를 클릭합니다...(타인이 등록한 이미지에서

우마우스 클릭시 우마우스 금지라 표시되면 미련없이 다른이미지로 가세요...)

 

 

위 그림과 같이 이미지에(여기서는 김연아 선수의 이미지겠지요) 우마우스를 클릭하시면

위 그림과같이 작은 대화창이 뜹니다..

참고로 이쁜이미지가 있어서 내컴에 저장하고 싶으면 위 대화창중 "다른이름으로 사진 저장(S) 를 클릭하시면

내컴퓨터에 저장이 됩니다..

여기서는 등록된이미지의 주소를 아는게 목적이니까

대화창중 속성 을 선택(클릭) 합니다...

 

 

 

 

대화창에서 속성을 클릭하면 위 그림과같이 등록정보라는 창이 뜨는데요..

등록정보창 내용중

유형은 파일형식이 무엇인지 (jpg 또는 gif 등등)

주소는 이미지의주소입니다...

픽셀크기는 이미지의 사이즈이구요

이미지사이즈는 잘 메모 해놓으시구요

주소를 드래그해서 복사를 해가야 합니다......

 

 

 

 

등록정보의 주소 옆의 주소를 마우스 왼쪽을 클릭한채 쭈욱 드래그해줍니다..

드래그를 하면 위그림과 같이 파랗게 반전이 되는데요

드래그가 다 되었으면 드래그 된 부분에 우마우스 클릭 복사를 선택합니다...

 

 

 

 

 

 

이제 복사한 주소를 가지고 글쓸곳에 오셔서

글쓰기 클릭하시고

글제목 적어주시고

글쓰는 형식은 html 에 체크해주시구요

글쓰는 창에

<table background=

이렇게 먼저 적어줍니다..table 과 background 는 한칸 띄어줘야 합니다..

<table background= 이부분에 마우스커서가 깜박일겁니다...

마우스커서가 깜박이는곳에 우마우스 클릭하신후 창이뜨면 붙여넣기 클릭하시면

주소가 붙여넣어집니다..

<table background=복사해온주소

이렇게 되겠지요...

 

 

 

 

복사해온 주소가 붙여진게 보입니다...

주소뒤에 마우스커서가 깜박이구요..

마우스커서를 스페이스바를 이용 한칸 띄어준후

이미지의 가로 세로 사이즈를 적어준후 뾰족괄호를 닫습니다....

 

 

위 그림과같이 되어야 합니다..

<table background=복사해온주소 width=480(가로사이즈) height=640(세로사이즈)>

이렇게 되어있고

table 과ㅣ background

주소와 width=480

width=480  과 height=640 사이는 반듯이 한칸을 띄어줘야 합니다...

 

 

 

그런다음

<tr>

<td>

해주시구요

그다음

<pre><font face=바탕 size=3 color=ffff33><ul>

이렇게 적어주시는데요

<pre>~이건 글을 쓸때 엔터키나 띄어쓰기한데로 보여주는 소스로 중요한 소스입니다

             이 pre 소스를 사용치 않으면 줄바꿈할때마다<br><p> 등을 계속 적어줘야하는 불편함이 따릅니다

<font face=바탕 size=3 color=ffff33>~이건 글씨체는 바탕 크기는 3 색상은 노란색이란겁니다

<ul>~이건 글씨가 이미지좌측에서 한칸정도 떨어져서 시작하라는 명령어입니다...

그리고 나서 글을 적어주시구요(쓰고싶은말...)

지금까지 사용한 소스를 역순으로 닫아주시면 됩니다..

즉

</ul></font></pre></td></tr></table>

이렇게 닫아주신후에

아랫쪽의 미리보기로 결과를 미리보시고

맘에 드시면 확인 누르시면 작업끝입니다...

 

 

이건 결과 이구요

결과에 보시면 저위의 소스작성때 쓴글 그대로 보이시지요

또 이미지 좌측과 글씨부분이 떨어져 보이는건 소스중<ul> 때문이구요...

 

PS:html 로 글을 작성하실려면 덜컥 겁부터 납니다..

영어가 수도 없이 보이고

결과가 어찌 나올지 겁부터 납니다만

실제 사용하는 영어는 몇개 안됩니다...

노트에 메모해놓으시고 그때그때 사용하심 되구요

자꾸 연습해보시면 금새 숙달 됩니다...

또 이건 설명을 하려다보니 말재주도 없고 글재주도 없어 두서없이 길어지고

이미지가 들어가다보니 길어져서 복잡해 보이지만 실제해보면

그리 복잡하지 않습니다..일단 한번 해보세요...