Dreamweaver에서 CSS 레이아웃을 사용하여 새 페이지를 만드는 방법 - 인형

Dreamweaver에는 두 가지가 포함되어 있습니다 HTML5 태그로 디자인 된 CSS 레이아웃은 겉으로는 무한한 다양한 페이지 디자인을 만들기 위해 사용자 정의 할 수 있습니다. 이러한 레이아웃은 새 페이지를 만들 때 가장 먼저 시작하며 다양한 웹 브라우저에서 잘 작동하도록 설계되었으므로 웹 브라우저에서 HTML5 및 CSS를 표시하는 여러 가지 방법으로 인해 발생하는 일반적인 문제를 피할 수 있습니다.

이러한 모든 이유 때문에 Dreamweaver에서 디자인 작업을 시작해야합니다. 특히 HTML5를 사용하려는 경우에는 새 문서 윈도우에서 CSS 레이아웃을 선택해야합니다.

Dreamweaver의 CSS 레이아웃 중 하나를 사용하여 새 페이지를 만들려면 다음 지침을 따르십시오.

1. 파일 → 새로 만들기를 선택합니다.

   새 문서 대화 상자가 나타납니다.

2. 왼쪽 열에서 빈 페이지를 선택하고 중간에 페이지 유형 열에서 HTML을 선택하십시오.

   또는 페이지 유형 섹션의 하단에서 ASP와 같이 사이트에서 사용되는 프로그래밍 언어에 해당하는 옵션을 선택할 수 있습니다. NET, PHP 또는 ColdFusion을 선택하고 3 단계로 진행하십시오. 이러한 프로그래밍 옵션에 익숙하지 않은 경우 HTML을 사용하십시오.

3. 레이아웃 섹션에서 CSS 레이아웃을 선택하십시오.

   CSS 레이아웃을 선택하면 레이아웃의 미리보기가 대화 상자의 오른쪽 위에 표시됩니다.

   

4. 레이아웃 CSS 드롭 다운 목록에서 페이지를 디자인 할 때 만들려는 스타일 시트 유형을 선택하십시오.

   • 헤드에 추가 는 내부 스타일 시트를 만들고 레이아웃의 모든 스타일을 포함합니다 새 문서의 머리글 영역에

   • 새 파일 만들기 는 디자인으로 새 문서를 만들 때 모든 페이지 스타일로 새로운 외부 스타일 시트를 만듭니다.

   • 기존 파일에 연결 는 새 문서의 스타일 시트 정보를 기존 외부 스타일 시트에 추가합니다.

   참고 : 내부 스타일 시트에서 외부 스타일 시트로 스타일을 이동하거나 나중에 외부 스타일 시트에서 다른 스타일 시트로 스타일을 이동하여 스타일 시트 설정 방법을 언제든지 변경할 수 있습니다.

5. 만들기를 클릭하십시오.

   새로운 페이지가 생성되어 메인 작업 공간에서 열립니다.

6. 파일 및 저장을 선택하여 페이지 및 스타일을 저장합니다.

   스타일을 외부 스타일 시트에 저장 한 경우 두 번째 상자에 스타일 시트를 별도로 저장하라는 메시지가 표시됩니다. 스타일이 내부 스타일 시트에 포함되어 있으면 페이지를 저장할 때 자동으로 저장됩니다.