Dreamweaver에 배경 이미지를 삽입하는 방법 - 더미

비디오: 드림위버) 커피페이지에 배경과 폰트css 추가하기.. Dreamweaver) background image, add fonts 2025

배경 이미지는 Dreamweaver 페이지 디자인에 깊이와 풍부함을 추가 할 수 있습니다. 빠르고 효율적으로 다운로드 할 수있는 배경 이미지를 사용하면 전체 페이지가 하나의 큰 이미지라는 착각을 불러 일으킬 수 있습니다.

트릭은 큰 이미지의 느낌을 만들어내는 작은 파일 크기의 이미지를 사용하는 것입니다. 웹에서 작동하는 한 가지 방법은 배경 이미지의 기본 설정을 사용하여 이미지를 페이지 전체와 아래로 타일 (반복)합니다.

크레디트: Casey Stoll의 사진

특정 배경에 배치 된 텍스트는 읽기 어려울 수 있습니다. 배경 이미지를 신중하게 선택하고 배경과 텍스트의 대비가 충분한 지 확인하십시오. 컴퓨터 화면에서 읽기가 어렵습니다.

CSS를 사용하면 배경 이미지의 표시를 훨씬 더 강력하게 제어 할 수 있습니다. CSS 배경 스타일을 만들 때 반복되지 않거나 Y 축 전체 또는 페이지의 X 축 아래로 만 반복되는 배경 이미지를 삽입 할 수 있습니다.

Dreamweaver에서 배경 이미지를 삽입하려면 [수정] → [페이지 속성]을 선택하고 [배경 이미지] 필드 오른쪽에있는 [찾아보기] 단추를 클릭 한 다음 배경으로 사용할 이미지를 선택합니다. 이미지가 로컬 사이트 폴더에없는 경우 확인을 클릭하면 Dreamweaver에서 해당 이미지를 복사합니다.

Dreamweaver의 페이지 속성 기능을 사용하여 이미지를 삽입 할 때 반복 드롭 다운 목록을 사용하여 이미지가 페이지에서 반복되는 방식을 지정할 수 있습니다. 반복 옵션을 지정하면 Dreamweaver는 이러한 배경 설정이있는 페이지의 스타일을 자동으로 만듭니다. CSS 정의 대화 상자를 사용하여 본문 스타일의 배경 옵션을 편집하는 경우 배경 이미지가 표시되는 위치를 지정할 수 있습니다.