<table bgcolor=#efefef width=600><tr><td> 북마크 공유</td><td align=right> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="60" height="30"><param name="movie" value="http://www.hompydesign.com/club/blogzoom.swf"/><param name="wmode" value="opaque" /><param name="allowScriptAccess" value="always" /><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.hompydesign.com/club/blogzoom.swf width=60 height=30 type=application/x-shockwave-flash quality="high" allowScriptAccess=always /></object> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="90" height="30"><param name="movie" value="http://www.hompydesign.com/club/translate.swf"/><param name="allowScriptAccess" value="always" /><param name="flashvars" value="link=http://www.hompydesign.com/tt/144"><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.hompydesign.com/club/translate.swf width=90 height=30 type=application/x-shockwave-flash quality="high" FlashVars="link=http://www.hompydesign.com/tt/144" /></object> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="360" height="30"><param name="movie" value="http://www.hompydesign.com/club/bookmark.swf"/><param name="allowScriptAccess" value="always" /><param name="flashvars" value="link=http://www.hompydesign.com/tt/144&title=플래시 다운로드 및 복사 방법 이모저모에 동영상과 부연설명 추가"><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.hompydesign.com/club/bookmark.swf width=360 height=30 type=application/x-shockwave-flash quality="high" FlashVars="link=http://www.hompydesign.com/tt/144&title=플래시 다운로드 및 복사 방법 이모저모에 동영상과 부연설명 추가" /></object> </td></tr></table> 얼마전 플래시 "플래시 다운로드 및 복사 방법 이모저모" 라는 포스팅을 했었고 플래시 복사법에 관련한 동영상을 첨부해본다고 했었다. 오늘 태그(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