페이지 속성과 CSS 규칙

우리 사이트의 각 페이지는 물론, 그래픽 측면에서 완전히 사용자 정의할 수 있습니다. 도구와 페이지의 시각적 스타일을 사용자 정의 기능의 대부분은, 프로그램 창 하단 부분에 해당 버튼을 통해 액세스 페이지의 속성 창에서 그들을 주선해드립니다.
등록 정보 창이 변경할 수있는 몇 가지 카드, 다른 것들 중, 페이지에 스타일 시트, 하이퍼 링크 및 헤더의 모양으로 나뉘어져 있습니다.

외관 (CSS)

모양 탭 CSS는 우리의 문서와 관련된 스타일 시트의 내용을 결정하는 하나이다.
우리가 원한다면, 우리가 우리의 페이지 기본 크기 및 색상에 넣어 가고있는 텍스트의 기본 글꼴을 변경할 수 있습니다. 우리는 또한 페이지 여백을 정의합니다 값을 입력할 수 있습니다.
배경 이미지의 항목에 '찾아보기'버튼은 우리가 웹 페이지의 배경으로 사용할 이미지를 선택할 수 있습니다. 이를 위해, 제대로 배경 이미지의 가능한 재발을 설정하는 것은 매우 중요합니다,이 작업을 수행하기 위해 메뉴에서 선택한 우리는 당신이 원하는 설정 (없음 ripetzione 모두 수직 및 수평 반복 가로 또는 세로 방향으로만만을 반복)를 반복 .

예제의 건설에서는 배경색 옆에있는 색상 팔레트를 선택, 우리의 페이지에 배경 색상을 선택합니다. 우리가 좋아하고 적용을 클릭하고 변경 사항을 확인 계속 그라디언트를 선택합니다.

링크 (CSS)

그것은 '또한 링크의 모양 (글꼴, 색상 및 밑줄)을 변경하여 하이퍼 링크의 모양을 사용자 정의할 수 있습니다. 그것은 '또한, 일반적인 링크에 대한 적극적인 다양한 색상을 선택하고 이전에 방문한 수 있습니다. 또한 흥미로운 마우스의 통과 시간에 링크 색상 변화를 만들어 간단한 롤오버 효과를 만들 가능성은있다.

변경을 한 후 우리 창으로 돌아갑니다 OK 버튼을 클릭합니다.

헤더 (CSS)

또한 페이지 속성의 창문은 페이지 헤더 요소의 또 다른 중요한 분류의 모양에 영향을 줄 수 있습니다.
문서 내의 제목은 <h1>, <h2>로 구분됩니다 ... <h6>가 및 페이지의 콘텐츠에 포함된 증권의 종류를 나타냅니다. <h1> 헤더가 가장 중요한, <h2> 등등을 따르십시오.
드림위버는 글꼴, 크기 및 색상을 변경하여 이러한 태그의 모양을 사용자 정의할 수 있습니다.

CSS 규칙 정의

드림위버는 또한 우리에게 더 웹 페이지의 일부 요소의 모양을 사용자 정의 서식 규칙을 만들 수있는 가능성을 제공합니다.

우리의 텍스트 형식을 지정하는 새 규칙을 만듭니다하자.
우리는, 편집기, 당신이 서식의 스타일을 지정할 텍스트를 선택하고 팝업 메뉴에서 CSS 선택기 규칙 새 CSS 규칙 대상 옵션에서 속성을 선택하고 편집 버튼 규칙을 클릭합니다.

새 창에서 타입 스위치의 풀다운 메뉴에서 클래스를 (모든 HTML 요소에 적용)를 선택, 우리는 새 클래스 (예 : formatpersonale)의 이름을 삽입하고 계속하려면 확인을 클릭합니다. 이것은 우리가 이전에 우리가 작업중인 페이지에 관련하여 본 것과 매우 유사, 서식 속성의 새 창이 열립니다. 우리는 그 클래스와 형식 모든 텍스트가있다 (페이지 요소, 배경과 텍스트 블록, 장식 및 색상)과 우리가 완료되면 확인을 클릭 것이라는 기능을 선택합니다. 우리는 조지아 글꼴, 밑줄이 그어진 텍스트의 스타일과 노란 색상을 선택하셨습니다. 우리가 볼 수 있듯이 선택한 텍스트 스타일은 우리의 선택에 따라 변경되었습니다. 이 순간부터 클래스 formatpersonale 타겟 규칙 드롭 다운 안에 존재한다. 우리가 할 필요가 없습니다 우리 스타일로 기본 스타일의 텍스트를 변환하려면 때마다 그것을 선택하고 드롭 다운 메뉴에서 클래스를 선택합니다.

• <<이전 레슨
• 색인 도움말
• 다음 수업>>