글 보기
글쓴이 관리자 작성일 2010-01-28 오후 9:32 조회수 2194
WYSIWYG 글 쓰기-3


안녕하십니까?

고성과교육훈련컨설팅 홈페이지의 게시판 및 자료실의 글쓰기 페이지에 적용된 WYSIWYG(위지윅 - What You See Is What You Get) 편집기 사용법에 대한 마지막 안내 내용입니다.

*  세번째 내용은 이미지삽입, 링크적용, 테이블 삽입과 관련된 내용입니다.



1. 이미지 삽입하기

   주의 :  내 컴퓨터에 저장되어 있는 이미지는 자료실 글쓰기에서 첨부파일로 업로드 하고,  
                 내용에 삽입하는 이미지는 인터넷에 올려져 있는 이미지만 가능함.

  1. 웹브라우저를 하나 더 실행하여 삽입하고자 하는 이미지를 찾은 후, 해당 이미지에 마우스 포인터를 위치하고 마우스 오른쪽 버튼을 클릭, 팝업메뉴 중  "속성"을 선택했을 때 나타나는 "등록정보"창의  URL주소를 복사한다. 


  2.   버튼을 처음으로 누르면, 웹브라우저 상단에 다음과 같이 "이 웹브라우저는 스크립팅된 창을 사용하여 사용자에게 정보를 묻는다"라는 메세지가 나타나는데, 해당 메세지를 클릭하고 "스크립팅된 창 임시허용"을 선택한다.



  3. 다시 한번  를 클릭하면 다음과 같이 "스크립트 프롬프트"창이 실행되며, 입력란에 삽입하고자 하는 이미지의 URL주소를 입력하고 [확인]버튼  또는 [Enter]키를 누르면 글쓰기 내용에 이미지가 삽입된다.

     

2. 링크 적용하기

  1.   : 입력한 글자 또는 이미지에 링크(link)로 웹문서 또는 이미지를 연결하고자 할 경우에서 대상 글자 또는 이미지를 마우스로 선택한 후에 해당 버튼을 누른다.
  2. 이미지 삽입과 동일하게 처음으로 클릭한 경우는 스크립팅 창사용에 대한 동의를 구하는 메시지가 나타나면 "허용"을 선택한다.



  3. 이미지삽입 예제로 설명드린 고성과교육훈련컨설팅 로고 이미지에 링크를 연결하는 과정은 다음과 같이, 이미지를 선택하고  버튼을 눌러 나타난 스크립트 프롬프트에서 연결하고자 하는 URL주소를 입력한 다음 [확인] 또는 [Enter]키를 누른다.



3. 테이블 삽입하기

  1.   : 테이블을 삽입하고자 하는 위치에 마우스 커서를 위치시킨 후에 해당 버튼을 누른다.
  2. 삽입할 테이블의 세부 속성으로 행, 열의 갯수와 셀여백, 셀간격 값을 입력한 후에 [테이블 삽입] 버튼을 누른다.
  3. 마우스 커서로 선택하였던 곳에 테이블이 삽입되며, 테이블에 내용을 입력하면 된다.


* WYSIWIG 편집기는 웹문서를 표현하는 HTML(HyperText Markup Language)언어를 잘 모르더라도 일반 워드 프로그램을 이용하여 문서를 작성할 수 있도록 돕지만, HTML언어에 대한 기본 지식을 익히면 보다 세부적인 속성지정 등이 가능합니다.

*  HTML문서작성과 관련된 강의안은 공개적으로 오픈해 드리도록 하겠습니다.

 

감사합니다.

 


 

회사소개 | 개인정보취급방침 | 이용약관 | 이메일무단수집거부 | 온라인지원센터
 
가입사실확인

 

노동부 바로가기
HRD-Net 바로가기
HRD 지식정보 DB
중앙보육정보센터
Q-Net 바로가기
아이사랑보육포털
베이비월드 어린이집
파주교육문화회관
페이지 위로 이동