|
그림옆에 글이 나오거나,
글이 그림 주변을 감싸도록 되어 있는 글.
 블로그에서 글을 작성할 때, 신문기사 나 잡지처럼, 사진 옆에 글이 들어 가거나, 또는 글이 사진을 둥글게 감싸는 형태로 쓰고 싶은데, 그런 기능이 왜 없냐고 질문하시는 분들이 많은 것 같습니다.
지금, 보고 있는 이 글이 바로 그런 기능인데, 이렇게 글을 작성하는 방법 입니다. 위의 내용처럼 사진이 왼쪽에 나오게 할 수도 있고, 오른쪽에 나오게 할 수도 있습니다. 그럼, 같은 내용을 이번엔 사진이 오른쪽으로 가도록 해보겠습니다.
블로그에서 글을 작성할 때, 신문기사 나 잡지처럼, 사진 옆에 글이 들어 가거나, 또는 글이 사진을 둥글게 감싸는 형태로 쓰고 싶은데, 그런 기능이 왜 없냐고 질문하시는 분들이 많은 것 같습니다.
지금, 보고 있는 이 글이 바로 그런 기능인데, 이렇게 글을 작성하는 방법입니다. 위의 내용처럼 사진이 왼쪽에 나오게 할 수도 있고, 오른쪽에 나오게 할 수도 있습니다. 같은 내용을 가지고도 이렇게 글을 수정하면서, 간단히 배치를 바꿀수 있습니다.
1. 준비물
먼저,
그림이나 사진이 필요합니다. 그림이나 사진은 편집기에서 글을 작성하면서 업로드 해도 되고, 미리 사진만 첨부해 비공개글을 하나 써놓고, 그렇게 자기 블로그에 비공개로 올려진 그 사진이나 그림을 복사하여 - 붙여넣기 방식으로 공개된 글을 쓸 때 연결하여 사용해도 됩니다.
1) 사진의 크기가 적당할것
글 내용과 사진이 함께 나오려면, 사진의 크기가 화면의 절반 이하 정도가 되는, 작은 것이어야 합니다. 사진이 너무 크면, 글과 함께 써도 다음 줄로 밀려 버리므로 효과가 거의 없습니다. ( 그러므로, 사진이 크면 편집기에서 화면상 크기를 적당히 작게 줄여 줍니다. )
2) 문장을 길게 이어 쓸것.
키보드의 "엔터" 키를 눌러 문장을 끊어 쓰지 말고, 가능한 길게 이어서 씁니다. 길게 문장을 주욱 이어서 써놓고, 나중에 그림과 합친후에 조정할때 문단을 끊어주면 되므로, 일단은 길게 이어서 써 놓는것이 좋습니다.
2. 글앞에 그림 넣기
끊지 않고, 길게 써놓은 글의 맨 앞부분에서
편집기의 그림삽입 기능을 사용해서 그림을 추가하거나,
또는,
이미 본인 블로그에 첨부해둔 사진이나 그림을 마우스 오른쪽 단추를 이용해,
복사하기 - 붙여넣기 방식으로 연결해도 됩니다.
본인이 편한 방법을 사용하시면 됩니다.
어떤 방법을 쓰거나,
길게 이어쓴 본문내용 앞에 사진이 첨부되면, 아래그림과 같이 될것입니다.
3. 그림의 좌우정렬 방식 바꾸기
이제 그렇게 삽입이 된, 그림을 마우스로 가볍게 클릭하면,
그림 주위에 조그만 사각형 선택 박스들이 나타 납니다.
( 이 박스를 마우스로 찝어서 끌면, 그림의 크기도 조절할 수 있슴 )
이 상태에서, 그림위쪽에 마우스를 둔 채,
마우스 오른쪽 단추를 눌러, "그림 등록 정보" 라는 메뉴를 불러냅니다.
그림 등록정보 창이 열리면,
좌우 간격을 : 가로 10 정도 / 세로 2 정도를 주고,
맞춤 : 을 왼쪽 이나 오른쪽으로 선택해 주고 "확인" 단추를 눌러보세요.
최종 완성된 화면
아래 그림과 같이,
사진 또는 그림 과 글 본문이 자연스럽게 함께 어우러져 나타나게 됩니다.
이제,
화면을 보면서, 필요한 곳에 마우스로 위치를 찍은 뒤,
키보드로 "엔터"키를 눌러서 보기좋게 줄을 벌려주면 됩니다.
이렇게 완성된 글을 저장한 후에도,
언제든지 글을 수정하면서 그림의 정렬방식만 바꾸어 주면,
그림이 왼쪽편으로 가서 붙기도 , 오른쪽 편에 가서 붙기도 합니다.
참고 : HTML 로 직접 입력 방식으로 글을 쓰실 때는,
<IMG .......... ALIGN="LEFT">길게 작성된 본문내용들... 식으로 글을 작성하고, 줄을 벌일 때는 <BR> 태그로 벌리면 됩니다.<P>태그는 그림과 글이 떨어지게 됨에 주의.
|
