Dreamweaver에 이미지를 삽입하는 방법 - 인형

Dreamweaver의 최소한의 이미지 편집 도구로 크기 조정 및 자르기와 같은 기초적인 이미지 편집 수행 Dreamweaver에서 이미지를 만들지 않는 경우 Adobe에서는 Illustrator (아트웍, 그래픽 텍스트, 페이지 배경 이미지, 탐색 등)를 제공합니다. 아이콘 등) 및 Photoshop (웹용 사진 준비 용) 및 기타 도구가 포함됩니다. 일반적으로 해당 프로그램에서 웹용 이미지를 준비하십시오.

이미지를 삽입하려면 디자인보기 (또는 창의 디자인 측면에서 커서로 분할보기)에서 작업하고 있는지 확인하십시오. 컴퓨터에서 삽입하거나 사본을 사용하는 두 가지 기본 경로가 있습니다. - 붙여 넣기 기술 두 경우 모두 디자인보기에 있어야합니다 (보기 → 디자인 선택 또는 분할보기의 선택 사항). e보기 → 코드 및 디자인)을 사용하여 붙여 넣거나 삽입 할 때 이미지를 볼 수 있습니다.

이미지를 삽입 할 HTML 페이지에 텍스트가있을 가능성이 있습니다. 첫 번째 단계는 이미지를 표시 할 위치를 파악하는 것입니다.

인쇄 디자인과 달리 웹 페이지의 이미지는 특정 위치에 배치되지 않습니다. 그것은 디자이너 견과류를 운전합니다.

Dreamweaver에서 컴퓨터의 이미지 파일을 열려있는 HTML 웹 페이지에 삽입하려면 다음 단계를 따르십시오.

이미지를 삽입 할 위치에서 문서 윈도우를 클릭합니다.

1. 이 단계에서는 HTML 코드에서 이미지가 삽입 될 위치를 찾습니다. 다시 말하지만 이미지가 표시되는 위치와 방법은 CSS로 정의됩니다.

   ->

   삽입 → 이미지를 선택하십시오.

2. 열리는 이미지 소스 선택 대화 상자에서 컴퓨터의 파일을 찾아서 선택하십시오.

3. 선택한 이미지가 사이트 폴더 밖에 있으면 유용한 이미지 상자가 나타나서 이미지 복사본을 Dreamweaver 사이트의 루트 폴더에 저장하라는 메시지가 표시됩니다.

   예를 클릭하십시오.

   

   1. 다른 이름으로 파일 복사 대화 상자에서 저장을 누릅니다.

   2. 접근성 속성 정의.

4. 기본적으로 Dreamweaver Image Tag Accessibility Attributes 대화 상자는 이미지가 마지막으로 페이지에 삽입되기 전에 나타납니다.

   대체 텍스트 필드는이 대화 상자의 두 옵션 중에서 가장 중요합니다. 시각 장애가있는 방문자를 위해 판독기 소프트웨어에서 큰 소리로 읽은 텍스트를 표시하고 이미지 표시가 사용되지 않는 브라우징 환경에도 표시되는 텍스트를 표시합니다. 대체 텍스트는 대문자와 소문자, 공백 및 특수 문자를 포함 할 수 있으며 종종 포함해야합니다.

   시각 장애가있는 방문자 또는 이미지를 지원하지 않는 브라우징 환경의 사용자가 대상 고객의 일부인 경우,보다 실질적인 이미지 설명이 포함 된 HTML 파일을 만드는 것이 좋습니다.이러한 파일은 Image Tag Accessibility Attributes 대화 상자의 Long Description 상자에 링크를 정의하여 이미지에 링크됩니다.

   

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

5. 이 시점에서 이미지 만 삽입했습니다. 이미지를 배치하고 주위에 텍스트를 배치하는 것을 포함하여 페이지 디자인은 CSS