HTML5 비디오 및 오디오 삽입

Dreamweaver를 사용하여 HTML5 비디오와 HTML5 오디오를 웹 페이지에 삽입할 수 있습니다. HTML 5의 비디오 및 오디오 요소는 웹 페이지에 비디오 및 오디오를 포함하고 표시하는 표준 방법을 지정합니다.

HTML5 비디오 삽입에 대한 자세한 내용은 HTML5 비디오 삽입을 참조하십시오.

HTML 5 오디오 삽입에 대한 자세한 내용은 HTML5 오디오 삽입을 참조하십시오.

삽입 패널에서 HTML5 의미 요소 삽입

HTML5 페이지 레이아웃에 삽입할 수 있는 의미 요소 목록을 보려면 [레이아웃][삽입]([윈도우] > [삽입]) 패널에서 선택합니다. 삽입한 의미 요소의 속성을 편집하려면, 요소를 선택하고 [속성] 패널에서 속성을 편집합니다.

[삽입] 메뉴([삽입] > [레이아웃])를 사용하여 의미 태그를 삽입할 수 있습니다.

이번 릴리스의 7가지의 새로운 의미 태그는 집필, Aside, HGroup, 내비게이션, 섹션, 머리글, 바닥글입니다.

페이지 레이아웃을 위한 의미 태그 사용에 대한 자습서는 의미 마크업 및 페이지 레이아웃을 참조하십시오.

Dreamweaver CS5.5 자습서의 HTML5 Semantics는 Dreamweaver CS 5.5의 HTML5 의미 요소 사용에 대한 견해를 제공합니다.

Adobe Edge Animate 컴포지션 가져오기

Adobe Edge Animate 컴포지션(OAM 파일)을 Dreamweaver로 가져올 수 있습니다. 컴포지션은 커서 위치에 있습니다.

Dreamweaver는 기본적으로 OAM 파일의 추출된 내용을 edgeanimate_assets이라는 이름의 폴더에 배치합니다. 사이트 설정 대화 상자에서 기본 위치를 변경할 수 있습니다.

자세한 내용은 Edge Animate 컴포지션 가져오기를 참조하십시오.

HTML5 Canvas 지원

HTML 5의 Canvas 요소는 극적으로 생성된 그래픽을 보관하는 곳입니다. 이러한 그래픽은 JavaScript와 같은 스크립팅 언어를 사용하여 런타임에 생성됩니다. 자세한 내용은 문서 HTML5 Canvas를 참조하십시오.

Canvas 요소에는 ID, 높이 및 무게 속성이 있습니다.

  • 캔버스 요소를 찾으려면 [삽입] > [캔버스]를 선택합니다. 대안적으로, 삽입 패널([윈도우] > [삽입])을 열고 메뉴에서 [공통]을 선택할 수 있습니다.
  • 캔버스 요소의 속성을 편집하려면 요소를 선택하고 [속성] 패널에서 속성을 편집합니다.

양식 요소를 위한 HTML5 지원 개선

HTML5 지원의 일부로서 새로운 속성이 양식 요소에 대해 속성 패널에 추가되었습니다. 또한 4개의 새로운 양식 요소(이메일, 검색, 전화, URL)가 양식 섹션의 삽입 패널에 소개되었습니다.

자세한 내용은 양식 오브젝트의 향상된 HTML5 지원을 참조하십시오.

Live Search(Mac OS)

Live Search를 사용하여 파일 이름 또는 파일의 텍스트를 기준으로 파일을 검색합니다. 파일 패널에서 선택된 사이트를 검색에 사용합니다.

Live Search는 Mac OS의 집중 조명 API를 사용합니다. 집중 조명 환경 설정에 적용하는 사용자 정의도 Live Search에 사용할 수 있습니다. 집중 조명은 검색 조회 결과와 일치하는 컴퓨터에 모든 파일을 표시합니다. Live Search는 파일 패널에서 현재 선택된 사이트의 루트 폴더에서 파일을 검색합니다.

자세한 내용은 파일 이름 또는 내용을 기준으로 파일 검색을 참조하십시오.

FTP 개선 사항

저장할 때 서버에 자동으로 파일 업로드

이 옵션을 사용하면 저장 작업을 하는 동안 병렬 업로드 또는 다운로드 절차가 진행되는 중에도 서버에 파일을 업로드할 수 있습니다. 이전 릴리스에서 이 기능과 관련된 일부 문제가 해결되었습니다.

Business Catalyst 사이트 다운로드 시 Dreamweaver 계속 사용

Business Catalyst 사이트를 다운로드할 때 [저장할 때 서버에 자동으로 파일 업로드]를 선택해도 Dreamweaver 작업을 방해하지 않습니다.

Adobe ID 암호 대화 상자 개선

설치 과정에 선택하신 Adobe ID가 이 대화상자에 표시됩니다. 암호를 저장하고 잊은 암호를 검색하는 옵션을 사용할 수 있습니다.

Adobe ID 암호 대화 상자
Adobe ID 암호 대화 상자

글꼴 처리에 대한 개선

글꼴 메뉴의 글꼴 목록은 시스템 글꼴과 웹 글꼴을 기준으로 분류되었습니다. 시스템 글꼴이 메뉴에 먼저 열거됩니다.

  • 웹 글꼴 관리자([수정] > [웹 글꼴]) 대화 상자가 웹 글꼴 슈트케이스로 이름이 변경되었습니다. 웹 글꼴 슈트케이스를 사용하여 글꼴 목록에 웹 글꼴을 추가할 수 있습니다.
  • [글꼴 추가] 버튼이 [로컬 글꼴 추가]로 이름이 바뀌었습니다.
  • 구분 아이콘은 웹 글꼴에서 시스템 글꼴을 쉽게 구별하는데 도움이 됩니다.
웹 글꼴 슈트케이스 대화 상자
웹 글꼴 슈트케이스 대화 상자

시스템 글꼴과 웹 글꼴을 위한 구분 아이콘
시스템 글꼴과 웹 글꼴을 위한 구분 아이콘

재구성된 삽입 메뉴

삽입 패널과 삽입 메뉴의 옵션이 재구성되었습니다. 자세한 내용은 삽입 옵션의 변경사항 | Creative Cloud를 참조하십시오.

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

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