IICC 사진과 컴퓨터 클럽 ㅣ 포토 갤러리 - 게시판담당 : 김영희
<TR>
<TD vAlign=top align=left width=710 background=http://www.ilovegrandmother.com/hletter/hletter01.jpg hght=510>
</TD>
</TR>
<TR>
<TD vAlign=right align=right width=710 height=30><A href="./http://www.ilovegrandmother.com" target=_blank><IMG height=30 hspace=0 src="./http://www.ilovegrandmother.com/letter/letterbelow.jpg" width=530 border=0> </A>
</TD>
</TR>
</TABLE>
박정희할머님 사이트에서 시화를 퍼오면 위와 같은 소스가 인일게시판이던, 다른 학교게시판이던
인터넷에 있는 모든 공간에 삽입이 되어 그 결과가 보여지는 것입니다.
테이블을 만드는 명령어를 색깔로 분류를 해드렸어요
<table>
<tr>
<td>
내용을 쓰는 공간
</td>
</tr>
</table>
위의 소스를 가만히 들여다 보면 TD 옆에 길게 옵션 글자가 있는 것을 쉽게 찾으실 수있습니다.
<TD vAlign=top align=left width=710 background=http://www.ilovegrandmother.com/hletter/hletter01.jpg hght=510>
</TD>
여기서 background=http://www.ilovegrandmother.com/hletter/hletter01.jpg 요것이 바로 할머니 수채화 그림의 인터넷 주소입니다.
가로 세로는 width=710 height=510 도 보이지요?
valign=top ( 세로 위치 top )
align=left ( 가로 위치 왼쪽 )
그렇다면
아항!!!! 할머니 수채화 이미지 대신에 나의 사진을 배경으로 넣어도 되지 않을까? 하는 두뇌 회전이 되실 거예요
당근 됩니다.
첨부화일을 한 후 이미지에 마우스 오른쪽 클릭을 하여 http://..............이미지의 주소를 알아내서
바로 background=http://www.ilovegrandmother.com/hletter/hletter01.jpg 를 바꿔치기 하면 되는 것이지요.
그리고 꼭 기억할 것은 사진의 가로세로 수치를 기입을 해주어야 합니다
그래야 사진이 중첩되게 나오는 것을 막을 수있죠
그런데 문제가 생겼어요
무엇이더냐!
수채화 이미지는 글을 쓸 수있도록 하얀 여백이 있어서 타자를 치면 그대로 완성이 되지만
여러분의 사진은 여백이 없어 사진 위에 글을 쓰면 제대로 안 보일 겁니다.
그렇다면? 오홍
포토샵이나 포토스케이프로 여백 부분을 하얗게 처리하며여 첨부화일로 올리면 되겠지요?
Table 안에 또 하나의 이중 테이블을 넣어 배경색을 흰색으로 넣어주면 되지만
그건 좀 어렵고 복잡하지요?
누가 성공하실까요..............
아마도 K선배, J선배, L선배, Y선배, P선배, S선배, ???
|
|
꼭 기억할 것은
이미지를 링크 할 때 태그 명령은 <img src=이미지 주소> 입니다
그러나 테이블에 들어가는 배경이미지는
<background= 이미지 주소>이라는 것을 잊지 마세요
요즘 인터넷 트렌드는 글쓰기 에디터가 편하게 되어 있어 img src= 쓸 필요가 없습니다.
또한 테이블 시화도 뜸하구요
박정희할머님 수채화가 인일홈페이지에서 유행을 하여
정리를 해 드렸습니다.
"와우, 이숙제을 어떻게 풀어야 할찌 감각이 않스지만
아무래도 못할것 같지만 해보려고 합니다....
편지지에 주소 와 크기 바꾸는것은 이해가 되는데 어떻게 영주후배 사진을
집어 넣었는지 어떻게 링크를 하는지 고기가 좀 이해가 않되네요.
헌데 링크는 확장 콤포넌트에 없는데 어디 있지요?? 조금 연습을 하니까 뭔가
감각이 좀 드는데 문제는 편지지를 이곳에 복사해놓기가 힘드는군요.
편지지는 한번에 복사해 놓을수가 없어요 웬지. ?
편지지만 옮겨오면 바로 이사진을 대신 집어 넣고 링크 걸고 글을 쓸텐데 편지지가 오늘은 오기 싫다고
영 고집을 부리네요. 영희 후배가 좀 끌고 와 보실래요. 그리고 링크 를 어디서 어떻게 걸어야 하는지 알려주면
내 생각엔 숙제를 마칠수 있을것 같은데 아닌가요??
|
컴포넌트는 아무 상관이 없습니다.
박정희할머님 수채화사이트에서 퍼오는 소스를 인용하시면 간편하다는 설명이었어요
선배님은 사진을 편집해서 그냥 본문삽입만 하셨군요.
박정희할머니 사이트의 소스를 우선 퍼오셔서
위의 첨부화일로 배경 소스를 바꾸어 넣으면 됩니다.
설명은 위에 있지요?
http://www.ilovegrandmother.com/hletter/hletter01.jpg 가 이미지 주소였어요
이것을 선배님의 이미지 주소로 바꾸어 주시라는 말씀이었어요
그리고 가로세로 수치를 넣어주고요
<TABLE height=540 cellSpacing=0 cellPadding=0 width=710>
<TR>
<TD vAlign=top align=left width=710 background=http://www.ilovegrandmother.com/hletter/hletter01.jpg hght=510>
</TD>
</TR>
</TABLE>
이미지 주소를 찾아내는 법은
사진에 마우스를 놓고 오른쪽 버튼 클릭
선배님 이미지 주소는 files/attach/images/997589/396/192/001/cc-DSC01485.JPG 이군요
가로는 614, 세로는 355
<TABLE height=355 cellSpacing=0 cellPadding=0 width=614>
<TR>
<TD vAlign=top align=left width=614 background=files/attach/images/997589/396/192/001/cc-DSC01485.JPG hght=355>
</TD>
</TR>
</TABLE>
위의 소스를 선배님 메모장에 잘 저장해 두고
사용하고 싶을 때 퍼와서 이미지 주소와 가로세로만 바꾸어 주면 됩니다.
그리고 html 편집기 버튼을 클릭 한 후
원하는 글을 적당한 위치에 넣어세요.
이상!!!!
전 사부님, 감사합니다. 편지지 복사가 힘들어 사진 주소를 집어 넣지 못했는데
자세히 가르쳐주워 더 잘 배웟지요. 헌데 영주후배 사진이나 다른 사진을 어떻게
집어넣는지 그것이 큰 문제 입니다. 귀찮지만 고것만 가르쳐 주시와요.
그러니까 장미 사진에다 또 다른 사진을 집어넣는 기술을 좀 가르쳐 주세요...
그러면 제게 가르쳐주신 기술로 멋진 작품 하나 올려 보겠습니다. 꼭 요!!!
생각하고 실제는 다르네요. 간신히 편지지 복사 한후 제 사진의 이미지 주소를 그리고 길이 높이를 넣은후 무엇을 누름니까?
저한테는 하나 하나 다 중요하지요. ?해 보았는데 편지지는 사라지고 편지지 주소만 남고 즉그림은 날라가 버렸지요.
자 그럼 다시 한번 시도 해야 겠습니다. 헌데 편지지 복사가 힘들군요.
집어넣는지 그것이 큰 문제 입니다. 귀찮지만 고것만 가르쳐 주시와요.
=====================================================
선배님 위에 제가 기술한 것을 프린트 한 후 하나하나 따라하셔요
제가 질문하신 부분에 대해 위에서 3-4차례 반복해서 기술했거든요
아마도 제 설명이 부족하여 이해가 안되셨나 봅니다만
천천히 하나하나 프린트물 보시며 따라 하시면 되실 거예요
바로 이부분을 반복 설명합니다
1) 밑줄그어진 부분은 할머니 이미지 주소이므로 여기에 선배님이 넣고자 하는 이미지의 주소로 바꾸라 말씀드렸지요(흰색부분)
2) 그리고 가로 세로 수치를 모두 바꾸고요 (초록색부분)
3) 그 다음 html 편집기 버튼 클릭
4) 시를 넣어보기 (시 대신 또 다른 이미지를 넣고싶다면 첨부화일 본문삽입하면 됩니다)
<TR>
<TD vAlign=top align=left width=710 background=http://www.ilovegrandmother.com/hletter/hletter01.jpg hght=510>
</TD>
</TR>
</TABLE>
생각하고 실제는 다르네요. 간신히 편지지 복사 한후 제 사진의 이미지 주소를 그리고 길이 높이를 넣은후 무엇을 누름니까?
===============================================================================================
html 편집기 버튼을 체크하라 말씀 드렸습니다.
원본사진입니다
Crop 하여 원하는 부분만 잘랐습니다
가로 크기를 조금 넓히기 위해 포토샵에서 흰색여백을 만들고 약간 보정을 했습니다.
해도 되고 안해도 되는 부분이지요.
이제 시화를 만들어 보겠습니다
완성본입니다.
박정ㅇ희할머니 사이트에서 복사해 왔던 테이블 소스에서
단지 배경이미지 인터넷 주소와 가로세로 크기만 바꾸었을 뿐입니다.