비디오: HTML - 비디오 삽입 2025
운영 체제 클립 보드의 이미지를 Dreamweaver 문서에 붙여 넣을 수 있습니다. 이 기능은 모든 브라우저가 아닌 일부 브라우저 (사파리가 하나임) 및 일부 웹 친화적 인 파일 형식이 아닌 클립 보드에 복사 된 이미지와 함께 작동합니다. 운영 체제의 클립 보드에 복사 할 수있는 이미지는 Dreamweaver의 열려있는 HTML 페이지에 붙여 넣을 수 있습니다.
브라우저에서 이미지를 복사하는 것은 브라우저에 따라 약간 씩 다르지만 기본 기술은 마우스 오른쪽 버튼을 클릭하거나 Control 키를 누른 상태에서 나타나는 상황 별 메뉴에서 이미지 복사와 같은 옵션을 선택하는 것입니다. Illustrator, Photoshop 또는 Word와 같은 프로그램에서 아트웍을 복사하여 붙여 넣을 수도 있습니다.
이미지를 클립 보드에 복사 한 후 다음 단계에 따라 이미지를 Dreamweaver에 붙여넣고 사이트의 이미지 파일로 저장합니다.
-
이미지가 삽입됩니다.
이미지 표시 방법은 CSS로 정의 할 수 있으므로이 단계에서는 그다지 집착하지 마십시오.
-
편집 → 붙여 넣기를 선택하십시오.
기본 개념은 같지만 Dreamweaver의 버전에 따라 현재 상황이 크게 다릅니다.
-
이미지 파일 형식과 몇 가지 다른 이미지 속성을 선택합니다.
-
파일 이름을 지정합니다.
CS6 이전 버전의 Dreamweaver에서는 약간 복잡한 이미지 미리보기 대화 상자가 열립니다. CS6에서는 이미지가 문서 윈도우에 표시되고 크게 단순화 된 이미지 최적화 대화 상자가 나타납니다.
이미지 최적화 대화 상자 (CS6에있는 것으로 가정)에서 선택하고 확인을 클릭하십시오. -
-
열리는 웹 이미지 저장 대화 상자에서 이미지 이름을 입력하십시오.
-
모든 웹 파일 이름 지정과 마찬가지로 공백과 특수 문자는 사용하지 말고 파일 이름 확장자 (.png,.jpg 또는.gif)는 바꾸지 마십시오.
사이트 루트 버튼을 클릭하여 사이트 루트 폴더에 파일을 저장합니다.
-
사이트 루트 폴더에 저장하는 것은 항상 안전한 방법입니다. 파일 폴더 구조 관리에 익숙하다면 사이트 폴더의 하위 폴더에 이미지를 자유롭게 저장할 수 있습니다.
저장을 클릭하십시오.
-
이미지가 저장되고 이미지 설명 (대체 텍스트) 대화 상자가 나타납니다. 이 대화 상자에서 접근성 속성을 정의합니다.
대화 상자의 대체 텍스트 상자에 대체 텍스트 (판독기 소프트웨어로 시각 장애인 용 이미지를 설명하기 위해 큰 소리로 읽거나 이미지 디스플레이가 비활성화 된 탐색 환경에 표시 할 텍스트)를 입력 할 수 있습니다.
확인을 클릭하여 이미지를 삽입하십시오.
-
이미지가 디자인보기에서 페이지에 표시됩니다.
