소개

브라우저에 SWF 파일을 올바르게 표시하려면 HTML 파일이 필요합니다. 브라우저는 HTML 파일을 로드한 다음 HTML 코드에 지정된 SWF 파일을 로드합니다. HTML 페이지에 실제 Adobe Animate SWF 파일의 위치를 지정하는 OBJECT 태그가 포함되어 있어야 합니다.

HTML OBJECT 태그는 Adobe Flash Player를 로드한 다음 이를 사용하여 SWF 파일을 재생하도록 브라우저에 지시합니다.

Animate의 Publish 명령은 웹 브라우저가 게시된 SWF 파일을 표시하는 데 필요한 태그가 포함된 HTML 파일을 자동으로 만듭니다. [Publish] 대화 상자([File] > [Publish])에서 선택할 수 있는 여러 다양한 HTML 게시 템플릿이 있습니다. 게시 설정(CS5) 또는 게시 설정(CS5.5)에 대한 자세한 내용은 Animate 도움말을 참조하십시오.

수동으로 OBJECT 태그 추가

Animate에서 만들어진 HTML 파일에는 SWF 파일을 표기하는 데 필요한 코드만 포함되어 있습니다. 텍스트나 그래픽과 같은 다른 요소를 포함하는 HTML 페이지에 SWF 파일을 추가하려면 다음 코드를 HTML 문서에 붙여넣습니다. 이 코드를 HTML 파일에 있는 BODY 태그 내의 아무 위치에 붙여넣습니다.

OBJECT 태그를 수동으로 추가하려면 다음을 수행합니다.

  1. 아래의 HTML 코드를 복사한 후 HTML에 붙여넣습니다. 웹 페이지에서 SWF 파일을 표시하려는 HTML 파일의 위치에 코드를 넣습니다.
    <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="550" height="400" id="movie_name" align="middle">
        <param name="movie" value="movie_name.swf"/>
        <!--[if !IE]>-->
        <object type="application/x-shockwave-flash" data="movie_name.swf" width="550" height="400">
            <param name="movie" value="movie_name.swf"/>
        <!--<![endif]-->
            <a href="http://www.adobe.com/go/getflash">
                <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player"/>
            </a>
        <!--[if !IE]>-->
        </object>
        <!--<![endif]-->
    </object>
  2. SWF 파일에 대한 OBJECT 태그의 특성을 편집합니다.
    • 스테이지의 높이와 너비에 맞게 HEIGHT 및 WIDTH 매개 변수를 변경합니다. 브라우저 창의 특정 비율을 차지하도록 SWF 파일 크기를 자동으로 조정하려면 대신 높이 및 너비의 비율 값을 입력합니다.
    • 위의 OBJECT 태그에서 나오는 "movie_name.swf"의 모든 인스턴스를 SWF 파일의 실제 경로 또는 URL로 변경합니다.  

SWF 파일 경로는 HTML 파일 위치에 상대적이거나 SWF 파일의 정규화된 절대 경로일 수 있습니다. 예를 들면 다음과 같습니다.

  • SWF 파일이 HTML 파일과 동일한 폴더에 있으면 SWF 파일의 파일 이름만 지정하면 됩니다.
  • SWF 파일이 하위 폴더에 있으면 경로는 "subfolder_name/movie_name.swf"(따옴표 제외)와 같을 수 있습니다.
  • SWF 파일이 HTML 파일과 같은 폴더에 있지 않으면 HTML 파일이 있는 폴더의 각 상위 레벨에 대해 "../"를 사용합니다. (구문에 따옴표는 포함하지 마십시오.) 따라서 "../../../separate_folder/movie_name.swf"는 SWF 파일을 찾기 위해 "separate_folder"로 내려가기 전에 HTML 파일이 있는 폴더에서 3단계 위로 이동합니다.
  • 정규화된 경로는 전체 URL(즉, http://www.myDomain.com/flash_content/movie_name.swf)과 같습니다.

Animate의 [Publish] 명령을 사용하여 OBJECT 태그가 포함된 기본 HTML 파일을 만들 수도 있습니다.  그런 후 OBJECT 태그 내의 HTML 코드를 복사한 후 자체 HTML 파일에 붙여넣습니다. SWF 파일의 이름은 이미 HTML 코드에 올바르게 지정되어 있습니다.

위의 코드는 HTML 파일에 SWF 파일을 삽입하는 데 필요한 최소한의 조건입니다. Flash Player에서 SWF 파일이 재생되는 세부 방식을 제어하기 위해 이러한 태그에 대해 지정할 수 있는 추가 특성이 있습니다. 자세한 내용은 OBJECT 및 EMBED 태그 속성을 참조하십시오.

의도한 대상이 사용할 수 있게 하려는 모든 웹 브라우저의 HTML 페이지를 테스트하십시오. 

참고: Adobe의 HTML 제작 도구인 Dreamweaver는 SWF 파일을 HTML 문서에 쉽게 포함할 수 있습니다. Dreamweaver를 사용하면 SWF 파일이 포함된 페이지의 디자인을 완전히 제어할 수 있습니다. 자세한 내용은 Dreamweaver 제품 페이지를 참조하십시오.

이 작업에는 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License의 라이센스가 부여되었습니다.  Twitter™ 및 Facebook 게시물은 Creative Commons 약관을 적용받지 않습니다.

법적 고지 사항   |   온라인 개인 정보 보호 정책