비디오: 드림위버 cc 프로그램 기초 강좌 드림위버 교육 홈페이지 제작 강의 인강 배우기 2025
Dreamweaver에서는 머리 부분 내용을 정의하는 다양한 옵션을 제공합니다. 그 중 하나는 페이지 내에 스타일을 포함시키는 것이지 권장하지 않습니다. 대신 외부 스타일 시트 스타일 시트를 만들어 웹 사이트 내의 여러 페이지에 링크 (적용) 할 수 있습니다.
즉, 단일 페이지에만 적용되는 페이지 전체 스타일을 정의 할 수있는 시간과 장소가 있습니다. 언제 그럴 수 있니?
팀이나 고객을 위해 페이지를 프로토 타입하기 위해 서두르다가 나중에 다시 돌아와 스타일을 적용 할 때 한 페이지에 대한 스타일을 정의하는 데 의존 할 수 있습니다. 또는 단일 페이지 웹 사이트를 만들고 여러 페이지에 적용 할 외부 스타일 시트가 필요하지 않은 경우
Dreamweaver에서는 [페이지 속성] 대화 상자에서이를 수행 할 수있는 도구를 제공합니다.
Page Properties 대화 상자를 열려면 Properties Inspector에서 Page Properties 버튼을 클릭하거나 Modify → Page Properties를 선택하십시오. 모양 (CSS), 모양 (HTML), 링크 (CSS) 및 제목 (CSS) 탭은 페이지의 다른 요소가 나타나는 방식을 정의하는 헤드 코드를 생성합니다. 옵션은 직관적입니다.
모양 탭에서 예를 들어 페이지의 텍스트 글꼴, 크기 및 색상과 배경색 (또는 이미지)을 정의 할 수 있습니다. 그림은 정의 된 배경색을 보여줍니다. 페이지 속성 대화 상자의 다른 탭은 링크를 표시하는 방법 및 제목을 보는 방법과 같이 기능을 정의하는 것과 마찬가지로 직관적 인 옵션을 제공합니다.
Dreamweaver는 웹 디자인을 쉽게하고 디자이너가 "실제 상황"에서 벗어나지 못하도록하기 위해 CSS 스타일 시트 코드를 무의식적으로 생성하는 옵션을 제공합니다. "
예를 들어 페이지 속성 대화 상자의 기능을 사용하면 페이지 배경이나 글꼴 스타일과 같은 속성을 정의 할 때 실제로 CSS 코드가 생성된다는 것을 알지 못할 수도 있습니다. CSS와 HTML 사이의 이러한 관계로 인해 CSS를 생성하는 "온더 플라이 (on the fly)"방식이 유용 할 수 있습니다.
