안녕하십니까?
고성과교육훈련컨설팅 홈페이지의 게시판 및 자료실의 글쓰기 페이지에 적용된 WYSIWYG(위지윅 - What You See Is What You Get) 편집기 사용법에 대한 마지막 안내 내용입니다.
* 세번째 내용은 이미지삽입, 링크적용, 테이블 삽입과 관련된 내용입니다.

1. 이미지 삽입하기
* 주의 : 내 컴퓨터에 저장되어 있는 이미지는 자료실 글쓰기에서 첨부파일로 업로드 하고, 내용에 삽입하는 이미지는 인터넷에 올려져 있는 이미지만 가능함. |
- 웹브라우저를 하나 더 실행하여 삽입하고자 하는 이미지를 찾은 후, 해당 이미지에 마우스 포인터를 위치하고 마우스 오른쪽 버튼을 클릭, 팝업메뉴 중 "속성"을 선택했을 때 나타나는 "등록정보"창의 URL주소를 복사한다.
버튼을 처음으로 누르면, 웹브라우저 상단에 다음과 같이 "이 웹브라우저는 스크립팅된 창을 사용하여 사용자에게 정보를 묻는다"라는 메세지가 나타나는데, 해당 메세지를 클릭하고 "스크립팅된 창 임시허용"을 선택한다.
- 다시 한번
를 클릭하면 다음과 같이 "스크립트 프롬프트"창이 실행되며, 입력란에 삽입하고자 하는 이미지의 URL주소를 입력하고 [확인]버튼 또는 [Enter]키를 누르면 글쓰기 내용에 이미지가 삽입된다.
2. 링크 적용하기
: 입력한 글자 또는 이미지에 링크(link)로 웹문서 또는 이미지를 연결하고자 할 경우에서 대상 글자 또는 이미지를 마우스로 선택한 후에 해당 버튼을 누른다.
- 이미지 삽입과 동일하게 처음으로 클릭한 경우는 스크립팅 창사용에 대한 동의를 구하는 메시지가 나타나면 "허용"을 선택한다.
- 이미지삽입 예제로 설명드린 고성과교육훈련컨설팅 로고 이미지에 링크를 연결하는 과정은 다음과 같이, 이미지를 선택하고
버튼을 눌러 나타난 스크립트 프롬프트에서 연결하고자 하는 URL주소를 입력한 다음 [확인] 또는 [Enter]키를 누른다.
3. 테이블 삽입하기
: 테이블을 삽입하고자 하는 위치에 마우스 커서를 위치시킨 후에 해당 버튼을 누른다.
- 삽입할 테이블의 세부 속성으로 행, 열의 갯수와 셀여백, 셀간격 값을 입력한 후에 [테이블 삽입] 버튼을 누른다.
- 마우스 커서로 선택하였던 곳에 테이블이 삽입되며, 테이블에 내용을 입력하면 된다.
* WYSIWIG 편집기는 웹문서를 표현하는 HTML(HyperText Markup Language)언어를 잘 모르더라도 일반 워드 프로그램을 이용하여 문서를 작성할 수 있도록 돕지만, HTML언어에 대한 기본 지식을 익히면 보다 세부적인 속성지정 등이 가능합니다.
* HTML문서작성과 관련된 강의안은 공개적으로 오픈해 드리도록 하겠습니다.
감사합니다.
|