비디오: [드림위버CC강좌 IB96추천]4.이미지를 삽입하고 링크 설정하기,동영상,강좌,강의,교육. 2025
Dreamweaver의 최소한의 이미지 편집 도구로 크기 조정 및 자르기와 같은 기초적인 이미지 편집 수행 Dreamweaver에서 이미지를 만들지 않는 경우 Adobe에서는 Illustrator (아트웍, 그래픽 텍스트, 페이지 배경 이미지, 탐색 등)를 제공합니다. 아이콘 등) 및 Photoshop (웹용 사진 준비 용) 및 기타 도구가 포함됩니다. 일반적으로 해당 프로그램에서 웹용 이미지를 준비하십시오.
이미지를 삽입 할 HTML 페이지에 텍스트가있을 가능성이 있습니다. 첫 번째 단계는 이미지를 표시 할 위치를 파악하는 것입니다.
Dreamweaver에서 컴퓨터의 이미지 파일을 열려있는 HTML 웹 페이지에 삽입하려면 다음 단계를 따르십시오.
이미지를 삽입 할 위치에서 문서 윈도우를 클릭합니다.
-
이 단계에서는 HTML 코드에서 이미지가 삽입 될 위치를 찾습니다. 다시 말하지만 이미지가 표시되는 위치와 방법은 CSS로 정의됩니다.
->
삽입 → 이미지를 선택하십시오. -
열리는 이미지 소스 선택 대화 상자에서 컴퓨터의 파일을 찾아서 선택하십시오.
-
선택한 이미지가 사이트 폴더 밖에 있으면 유용한 이미지 상자가 나타나서 이미지 복사본을 Dreamweaver 사이트의 루트 폴더에 저장하라는 메시지가 표시됩니다.
예를 클릭하십시오.
-
다른 이름으로 파일 복사 대화 상자에서 저장을 누릅니다.
-
접근성 속성 정의.
-
-
기본적으로 Dreamweaver Image Tag Accessibility Attributes 대화 상자는 이미지가 마지막으로 페이지에 삽입되기 전에 나타납니다.
대체 텍스트 필드는이 대화 상자의 두 옵션 중에서 가장 중요합니다. 시각 장애가있는 방문자를 위해 판독기 소프트웨어에서 큰 소리로 읽은 텍스트를 표시하고 이미지 표시가 사용되지 않는 브라우징 환경에도 표시되는 텍스트를 표시합니다. 대체 텍스트는 대문자와 소문자, 공백 및 특수 문자를 포함 할 수 있으며 종종 포함해야합니다.
시각 장애가있는 방문자 또는 이미지를 지원하지 않는 브라우징 환경의 사용자가 대상 고객의 일부인 경우,보다 실질적인 이미지 설명이 포함 된 HTML 파일을 만드는 것이 좋습니다.이러한 파일은 Image Tag Accessibility Attributes 대화 상자의 Long Description 상자에 링크를 정의하여 이미지에 링크됩니다.
확인을 클릭하여 이미지를 삽입하십시오.
-
이 시점에서 이미지 만 삽입했습니다. 이미지를 배치하고 주위에 텍스트를 배치하는 것을 포함하여 페이지 디자인은 CSS
