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

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

트릭은 큰 이미지의 느낌을 만드는 작은 파일 크기의 이미지를 사용하는 것입니다. 이것이 웹에서 작동하는 한 가지 방법은 배경 이미지에 대한 기본 설정을 사용하는 것입니다. 그러면 이미지가 페이지를 가로질러 타일링 (반복)됩니다.

크레딧: 사진 제공: Casey Stoll

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

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

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

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