비디오: [어도비] 드림위버 CS6 소개 - Introduction to Dreamweaver CS6 2025
아마도 Adobe Dreamweaver CS6에서 페이지를 완성했고 브라우저에서 어떻게 보이는지 조사하고 싶을 것입니다. 문서 툴바의 브라우저에서 미리보기 / 디버그 버튼을 클릭하고 페이지를 미리보기 위해 브라우저를 선택하기 만하면 파일을 빠르게 미리 볼 수 있습니다.
편집 → 기본 설정 → 브라우저에서 미리보기 (Windows) 또는 Dreamweaver → 기본 설정 → 브라우저에서 미리보기 (Mac)를 선택하여 기본 설정 패널에서 언제든지 브라우저를 추가 할 수 있습니다.
Dreamweaver CS6 라이브 뷰는 브라우저에서 볼 수있는 것처럼 페이지를 표시합니다. 이 기능은 Dreamweaver를 종료 할 필요가 없기 때문에 브라우저에서 미리보기 명령 대신 사용할 수 있습니다.
라이브 뷰에서 페이지를 보려면 다음 단계를 따르십시오.
-
문서 윈도우에서 페이지를 연 상태에서 문서 도구 모음에서 라이브 뷰 단추를 클릭합니다.
-
페이지의 결과 소스 코드를 보려면 라이브 뷰 단추 옆에 나타나는 라이브 코드 단추를 클릭하십시오.
이 단계는 대부분의 모든 브라우저에서 사용할 수있는 페이지 소스보기 또는 소스보기 옵션을 사용하는 것과 같습니다. 이 모드에서는 코드를 볼 수만 있고 편집 할 수는 없습니다.
-
페이지 코드를 편집하려면 문서 도구 모음의보기 분할 또는 코드보기로 전환하십시오.
Adobe BrowserLab은 Dreamweaver 환경에서 직접 액세스 할 수있는 고유 한 서비스입니다. 하나의 단일 위치에서 다양한 브라우저, 브라우저 버전 및 운영 체제 환경에서 웹 사이트를보고 시뮬레이션 할 수 있습니다. 다른 환경을 나란히 미리보기하여 다른 브라우저에서 사이트를 렌더링하는 방법을 확인할 수도 있습니다.
BrowserLab 서비스를 사용하려면 먼저 액세스 권한이 있어야합니다. 액세스하려면 웹 사이트를 방문하거나 Dreamweaver에서 서비스를 처음 사용할 때 표시되는 로그인 단계를 따르십시오.
Adobe BrowserLab에서 사이트를 미리 보려면 문서 도구 모음의 미리보기 / 디버그 단추를 클릭하고 Adobe BrowserLab에서 미리보기 또는 파일 → 브라우저에서 미리보기 → Adobe BrowserLab을 선택하거나 새 Adobe BrowserLab 패널에서 미리보기 단추를 클릭하십시오. 오른쪽 작업 공간에 있습니다.
