얼마전 플래시 "플래시 다운로드 및 복사 방법 이모저모" 라는 포스팅을 했었고 플래시 복사법에 관련한 동영상을 첨부해본다고 했었다. 오늘 태그(TAG,HTML) 입문자들이 플래시 위젯을 블로그 스킨에 붙이는 것을 어려워 하는 것 같아 도움이 될만한 참고 동영상을 만들었다. 플래시와 웹문서에 관련해서 위지윅에디터로 3가지 모드에서 보여주고 있다. 기본 모드는 위지윅 모드로 마우스나 키보드로 웹문서를 바로 편집하고 바로 확인할 수 있고 HTML 모드는 웹문서의 실제 코드(HTML)를 편집해주는 모드이고 미리보기 모드 실제 웹브라우져에서 출력되는 화면을 보여주는 모드이다. 플래시를 웹브라우져에 표현하기 위해서는 <EMBED> 태그와 <OBJECT> 태그를 사용하고 있고 여러가지 브라우져와 여러가지 포털 블로그에서 제대로 플래시를 보여주기 위해서는 두가지 태그를 혼용해서 사용해야 하며 인터넷 익스플로러(IE) 의 경우 설명한 태그만 사용해서는 플래시가 활성화되지 않아 테두리가 생기므로 외부 자바스크립트를 별도로 불러서 처리해줘야 한다. 테두리 문제는 태그를 사용해서 자동으로 프로그램을 활성화 시키는 기술에 대한 저작권 분쟁에서 벗어나기 위해 마이크로소프트가 익스플로러(IE) 를 패치해서 생긴 문제이다. 그래서 별도의 자바스크립트 파일을 만들어 플래시 태그를 출력해주는 과정이 필요하다. 위지윅 모드에서는 플래시의 크기 조절을 할 수 있고 다른 웹페이지의 내용을 복사해서 붙여 넣기 할 수 있다. 개인적으로 위지윅에디터와 EDITPLUS 를 주로 활용하고 있으나 드림위버 또는 나모에디터로 편집하는 것을 선호하는 분들도 있다.
참고로 위지윅 에디터는 자바스크립트만으로 구성한 에디터로 많은 게시판이나 블로그 글쓰기 기능에서 볼 수 있으며 포털 게시판, 카페, 블로그에서도 볼 수 있으나 포털에 따라 태그를 직접 편집할 수 없게 하거나 일부 태그 또는 자바스크립트를 사용할 수 없게 막아서 아래 동영상과 같은 화면을 체험할 수 없을 수 있다.
아직 잘 이해가 안되시는 분들은 아래 참고링크의 웹에디터(위지윅에디터)를 이용해서 직접 테스트해보길 바라며 조만간에 플래시 활용에 관련된 추가 동영상을 편집해서 이해를 돕도록 해보겠습니다.
[위지윅에디터 참고링크]
http://www.interspire.com/devedit/demonx/demo1.php
http://www.fckeditor.net/demo
http://www.chcode.com/cheditor/demo.shtml
웹프로그래머의 홈페이지정보 블로그 http://hompy.info
(0) 
(0)
참고로 위지윅 에디터는 자바스크립트만으로 구성한 에디터로 많은 게시판이나 블로그 글쓰기 기능에서 볼 수 있으며 포털 게시판, 카페, 블로그에서도 볼 수 있으나 포털에 따라 태그를 직접 편집할 수 없게 하거나 일부 태그 또는 자바스크립트를 사용할 수 없게 막아서 아래 동영상과 같은 화면을 체험할 수 없을 수 있다.
아직 잘 이해가 안되시는 분들은 아래 참고링크의 웹에디터(위지윅에디터)를 이용해서 직접 테스트해보길 바라며 조만간에 플래시 활용에 관련된 추가 동영상을 편집해서 이해를 돕도록 해보겠습니다.
[위지윅에디터 참고링크]
http://www.interspire.com/devedit/demonx/demo1.php
http://www.fckeditor.net/demo
http://www.chcode.com/cheditor/demo.shtml
웹프로그래머의 홈페이지정보 블로그 http://hompy.info
(0) (0)