Dreamweaver에서 배경 및 텍스트 색상을 변경하는 방법

Dreamweaver에서는 모양 범주에서 사용 가능한 배경 및 텍스트 색상을 변경할 수 있습니다. CSS 옵션은 HTML 옵션보다 권장됩니다. 모양(CSS) 옵션을 사용하면 Dreamweaver에서 body 태그에 해당하는 스타일을 자동으로 만듭니다. 페이지 속성 대화 상자에서 CSS 옵션을 사용하면 Dreamweaver에서 해당 스타일을 자동으로 만들고 CSS 스타일 패널에 나열합니다.

페이지 속성 대화 상자에서 텍스트 크기 및 색상과 같은 전역 설정을 적용할 수 있지만 특정 경우에 이러한 설정을 다른 서식 옵션으로 재정의할 수 있습니다. 예를 들어 페이지 속성에서 모든 텍스트를 Helvetica로 설정한 다음 CSS를 사용하여 헤드라인의 글꼴을 Arial로 변경할 수 있습니다.

전체 페이지의 글꼴 설정, 배경색, 텍스트 색상 및 페이지 여백을 변경하려면 다음 단계를 따르십시오.

수정→페이지 속성을 선택합니다.

페이지 속성 대화 상자의 모양(CSS) 범주가 나타납니다.

페이지 글꼴 드롭다운 목록에서 페이지의 텍스트에 사용할 글꼴을 지정합니다.

이 예에서 글꼴은 Cambria 글꼴로 시작하는 컬렉션으로 설정됩니다. 글꼴을 지정하지 않으면 사용자의 브라우저에 지정된 글꼴(보통 Times)로 텍스트가 나타납니다.

페이지의 모든 텍스트를 굵게 또는 기울임꼴로 표시하려면 페이지 글꼴 옵션 오른쪽에 있는 드롭다운 목록에서 해당 글꼴 옵션을 선택합니다.

이러한 옵션 중 하나를 선택하면 모든 텍스트가 페이지에서 굵게 또는 기울임꼴로 표시됩니다. 대부분의 디자이너는 단어 또는 단어에 특별한 관심을 끌기 위해 굵게 또는 기울임꼴 사용을 제한하기 위해 이 두 필드를 비워 둡니다.

크기 드롭다운 목록에서 페이지의 텍스트에 사용할 글꼴 크기를 지정합니다.

다시 말하지만 헤드라인과 같은 페이지의 특정 텍스트에 대해 이러한 설정을 재정의할 수 있습니다.

텍스트 색상 견본 상자를 클릭하여 색상 팔레트를 표시합니다. 원하는 색상을 선택하세요.

선택한 색상이 색상 견본 상자를 채우지만 적용 또는 확인 버튼을 클릭할 때까지 페이지의 텍스트 색상은 변경되지 않습니다.

배경 색상 견본 상자를 클릭하여 색상 팔레트를 표시합니다. 원하는 색상을 선택하세요.

선택한 색상이 색상 견본 상자를 채우지만 적용 또는 확인 버튼을 클릭할 때까지 색상이 배경을 채우지 않습니다.

페이지 배경에 그래픽이나 사진을 삽입하려면 배경 이미지 상자 옆에 있는 찾아보기 버튼을 클릭하고 이미지 소스 선택 대화 상자에서 이미지를 선택합니다.

배경 이미지를 삽입 하면 반복 드롭다운 목록에서 옵션을 선택하지 않는 한 페이지 전체와 아래쪽에 자동으로 반복되거나 타일링 됩니다. No-Repeat는 배경 이미지가 전혀 반복되지 않도록 합니다. Repeat-X 및 Repeat-Y는 페이지에서 각각 세로(x축) 또는 가로(y축) 이미지를 반복합니다.

대화 상자 하단의 여백 옵션을 사용하여 페이지의 왼쪽, 오른쪽, 위쪽 또는 아래쪽 여백을 변경합니다.

대부분의 웹 브라우저는 웹 페이지 주위의 브라우저 창의 상단과 왼쪽에 약간의 공간을 추가합니다. 이 네 필드 모두에 0 을 입력하면 기본 여백 공간이 제거되어 브라우저 가장자리와 같은 높이로 시작하는 디자인을 만들 수 있습니다.

적용 버튼을 클릭하여 페이지에서 색상이 어떻게 보이는지 확인하십시오.

확인을 클릭하여 페이지 속성 대화 상자를 종료하고 닫습니다.