이미지를 Dreamweaver에 붙여 넣는 방법 - 인력

운영 체제 클립 보드의 이미지를 Dreamweaver 문서에 붙여 넣을 수 있습니다. 이 기능은 모든 브라우저가 아닌 일부 브라우저 (사파리가 하나임) 및 일부 웹 친화적 인 파일 형식이 아닌 클립 보드에 복사 된 이미지와 함께 작동합니다. 운영 체제의 클립 보드에 복사 할 수있는 이미지는 Dreamweaver의 열려있는 HTML 페이지에 붙여 넣을 수 있습니다.

브라우저에서 이미지를 복사하는 것은 브라우저에 따라 약간 씩 다르지만 기본 기술은 마우스 오른쪽 버튼을 클릭하거나 Control 키를 누른 상태에서 나타나는 상황 별 메뉴에서 이미지 복사와 같은 옵션을 선택하는 것입니다. Illustrator, Photoshop 또는 Word와 같은 프로그램에서 아트웍을 복사하여 붙여 넣을 수도 있습니다.

이미지를 클립 보드에 복사 한 후 다음 단계에 따라 이미지를 Dreamweaver에 붙여넣고 사이트의 이미지 파일로 저장합니다.

1. 이미지가 삽입됩니다.

   이미지 표시 방법은 CSS로 정의 할 수 있으므로이 단계에서는 그다지 집착하지 마십시오.

2. 편집 → 붙여 넣기를 선택하십시오.

   기본 개념은 같지만 Dreamweaver의 버전에 따라 현재 상황이 크게 다릅니다.

   1. 이미지 파일 형식과 몇 가지 다른 이미지 속성을 선택합니다.

   2. 파일 이름을 지정합니다.

   CS6 이전 버전의 Dreamweaver에서는 약간 복잡한 이미지 미리보기 대화 상자가 열립니다. CS6에서는 이미지가 문서 윈도우에 표시되고 크게 단순화 된 이미지 최적화 대화 상자가 나타납니다.

   

   이미지 최적화 대화 상자 (CS6에있는 것으로 가정)에서 선택하고 확인을 클릭하십시오.

3. 열리는 웹 이미지 저장 대화 상자에서 이미지 이름을 입력하십시오.

4. 모든 웹 파일 이름 지정과 마찬가지로 공백과 특수 문자는 사용하지 말고 파일 이름 확장자 (.png,.jpg 또는.gif)는 바꾸지 마십시오.

   사이트 루트 버튼을 클릭하여 사이트 루트 폴더에 파일을 저장합니다.

5. 사이트 루트 폴더에 저장하는 것은 항상 안전한 방법입니다. 파일 폴더 구조 관리에 익숙하다면 사이트 폴더의 하위 폴더에 이미지를 자유롭게 저장할 수 있습니다.

   저장을 클릭하십시오.

6. 이미지가 저장되고 이미지 설명 (대체 텍스트) 대화 상자가 나타납니다. 이 대화 상자에서 접근성 속성을 정의합니다.

   대화 상자의 대체 텍스트 상자에 대체 텍스트 (판독기 소프트웨어로 시각 장애인 용 이미지를 설명하기 위해 큰 소리로 읽거나 이미지 디스플레이가 비활성화 된 탐색 환경에 표시 할 텍스트)를 입력 할 수 있습니다.

   확인을 클릭하여 이미지를 삽입하십시오.

7. 이미지가 디자인보기에서 페이지에 표시됩니다.