비디오: 웹사이트 코딩할때 필요한 HTML 이 영상 하나로 끝내세요 2025
Dreamweaver에는 두 가지가 포함되어 있습니다 HTML5 태그로 디자인 된 CSS 레이아웃은 겉으로는 무한한 다양한 페이지 디자인을 만들기 위해 사용자 정의 할 수 있습니다. 이러한 레이아웃은 새 페이지를 만들 때 가장 먼저 시작하며 다양한 웹 브라우저에서 잘 작동하도록 설계되었으므로 웹 브라우저에서 HTML5 및 CSS를 표시하는 여러 가지 방법으로 인해 발생하는 일반적인 문제를 피할 수 있습니다.
이러한 모든 이유 때문에 Dreamweaver에서 디자인 작업을 시작해야합니다. 특히 HTML5를 사용하려는 경우에는 새 문서 윈도우에서 CSS 레이아웃을 선택해야합니다.
Dreamweaver의 CSS 레이아웃 중 하나를 사용하여 새 페이지를 만들려면 다음 지침을 따르십시오.
-
파일 → 새로 만들기를 선택합니다.
새 문서 대화 상자가 나타납니다.
-
왼쪽 열에서 빈 페이지를 선택하고 중간에 페이지 유형 열에서 HTML을 선택하십시오.
또는 페이지 유형 섹션의 하단에서 ASP와 같이 사이트에서 사용되는 프로그래밍 언어에 해당하는 옵션을 선택할 수 있습니다. NET, PHP 또는 ColdFusion을 선택하고 3 단계로 진행하십시오. 이러한 프로그래밍 옵션에 익숙하지 않은 경우 HTML을 사용하십시오.
-
레이아웃 섹션에서 CSS 레이아웃을 선택하십시오.
CSS 레이아웃을 선택하면 레이아웃의 미리보기가 대화 상자의 오른쪽 위에 표시됩니다.
-
레이아웃 CSS 드롭 다운 목록에서 페이지를 디자인 할 때 만들려는 스타일 시트 유형을 선택하십시오.
-
헤드에 추가 는 내부 스타일 시트를 만들고 레이아웃의 모든 스타일을 포함합니다 새 문서의 머리글 영역에
-
새 파일 만들기 는 디자인으로 새 문서를 만들 때 모든 페이지 스타일로 새로운 외부 스타일 시트를 만듭니다.
-
기존 파일에 연결 는 새 문서의 스타일 시트 정보를 기존 외부 스타일 시트에 추가합니다.
참고 : 내부 스타일 시트에서 외부 스타일 시트로 스타일을 이동하거나 나중에 외부 스타일 시트에서 다른 스타일 시트로 스타일을 이동하여 스타일 시트 설정 방법을 언제든지 변경할 수 있습니다.
-
-
만들기를 클릭하십시오.
새로운 페이지가 생성되어 메인 작업 공간에서 열립니다.
-
파일 및 저장을 선택하여 페이지 및 스타일을 저장합니다.
스타일을 외부 스타일 시트에 저장 한 경우 두 번째 상자에 스타일 시트를 별도로 저장하라는 메시지가 표시됩니다. 스타일이 내부 스타일 시트에 포함되어 있으면 페이지를 저장할 때 자동으로 저장됩니다.
