글 보기
글쓴이 관리자 작성일 2010-01-28 오후 5:52 조회수 1561
WYSIWYG 글 쓰기-1


안녕하십니까?

고성과교육훈련컨설팅은 이용자들의 편의를 제고하기 위해 세심한 부분까지도 개선해 가고 있습니다.

게시판 및 자료실의 글쓰기 페이지에 아래와 같이 WYSIWYG(위지윅 - What You See Is What You Get : HTML문서를 일반 문서편집기처럼 쉽게 작성할 수 있음) 편집기 기능을 추가하였습니다.

일반적인 인터넷 포털사이트에서 보편적으로 글쓰기 페이지에 제공해 드리는 대표적인 기능은 포함하였으며 주요 사용방법을 안내드립니다.

1. 글자 모양 꾸미기

  •  : 내용 중 글씨를 굵게 강조하고자 할 때, 해당 내용을 마우스로 선택 후 "B" 버튼을 누른다.
  •  : 내용 중 글씨를 기울어지게 하여 강조할 때 사용하며, 적용하고자 하는 내용을 선택하고 버튼을 누른다.
  •  : 글자의 색깔을 기본색깔인 "검정색" 이외의 색으로 지정하고자 할 때 적용할 내용을 선택하고 버튼을 누른다.
  •  : 글자의 배경색을 기본색인 "흰색" 이외의 색으로 지정하여 강조하고자 할 때 적용내용 선택 후, 버튼을 누른다.
  •            

    • 글자 또는 글자 배경색 지정을 위해 해당 버튼을 클릭하면 총 64가지 색을 선택할 수 있는 창이 뜨며, 원하는 색을 선택하면 된다.

2. 글자의 스타일 지정하기

  1. 스타일
  2.            

    • 문단 : <p> 태그 적용 - 문단으로 구분.
    • 매우큰제목 : <H1>태그 적용 - 글씨를 굵게 사이즈 제일 크게 조정
    • 큰제목 : <H2>태그 적용 - 글씨를 굵게, 사이즈 두번째로 크게.
    • 중간제목 : <H3>태그 적용 - 글씨를 굵게, 사이즈 세번째로 크게.
    • 보통제목 : <H4>태그 적용 - 글씨를 굵게, 사이즈 일반적인 웹문서 글씨 크기.
    • 작은제목 : <H5>태그 적용 - 글씨를 굵게, 일반 사이즈 보다 작게.
    • 매우작은제목 : <H6>태그 적용
    • PRE포맷 : <PRE>태그 적용 - 글씨 간격 뛰움 등을 <PRE></PRE>로 묶인 내용 그대로 출력
  3. 글꼴
    • 바탕체 : 글자 서체를 바탕체로 변경. 적용대상 글자를 선택하고 "글꼴"->"바탕체"로 지정함.
    • 굴림체 : 글자 서체를 굴림체로 변경. 적용대상 글자를 선택하고 "글꼴"->"굴림체"로 지정함.
    • 돋음체 : 글자 서체를 돋음체로 변경. 적용대상 글자를 선택하고 "글꼴"->"돋음체"로 지정함.
    • 궁서체 : 글자 서체를 궁서체로 변경. 적용대상 글자를 선택하고 "글꼴"->"궁서체"로 지정함.
  4. Size : 글씨 크기 지정
    • <FONT>태그의 글씨 크기 지정
    • 숫자값 1~7값 중 글씨의 기본 크기값은 3이며 3보다 작으면 작게, 크면 크게 글씨 크기를 조정함.

기본적인 글자 모양 꾸밈과 관련된 편집기 기능을 설명드렸으며, 다음에는 내용 정렬과  관련된 기능 및 이미지, 링크, 테이블 삽입에 대해 순서대로 안내해 드리겠습니다.

감사합니다.

 


 

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

 

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