Expression Web 3을 사용하면 시각적으로 매우 뛰어나고 표준을 준수하는 웹 환경을 구축할 수 있습니다.

Microsoft^® Expression^® Web 3을 사용하면 전문가이건 초보자이건 상관없이 표준을 준수하는 웹 사이트를 더 빠르고 쉽게 만들 수 있습니다.

시각적으로 뛰어난 웹 사이트 개발

아이디어를 시각적으로 구현해야 한다면 최고 수준의 디자인 화면을 사용하여 웹 페이지의 레이아웃을 그려 보십시오. 즉석에서 디자인 결정을 내릴 수 있습니다. 최종 브라우저에서 페이지가 어떻게 렌더링될지 미리 정확하게 확인할 수 있기 때문입니다.

컨트롤을 끌어다 놓는 것만으로 Microsoft Expression Blend의 Silverlight, Silverlight 비디오, Adobe Flash, Windows Media 같은 리치 미디어를 간단히 추가할 수 있습니다. 고급 수준의 Adobe Photoshop 파일 가져오기 기능을 통해 가져온 레이어와 투명도를 완벽하게 제어할 수 있습니다.

더 빠르고 쉬운 표준 기반 웹 사이트 작성

코드 문제 때문에 골치가 아프십니까? PHP, HTML/XHTML, XML/XSLT, CSS, JavaScript, ASP.NET 및 ASP.NET AJAX, Silverlight, Flash, Photoshop 파일, 웹캐스트용 비디오/오디오 등과 같은 광범위한 주요 기술들을 융통성 있게 지원하는 Expression Web에서 해결책을 찾을 수 있습니다.

Expression Web을 사용하면 크로스 브라우저 디버깅 작업의 기본 속도를 향상시킬 수 있습니다. SuperPreview를 사용하면 개발용 컴퓨터에서 웹 서비스 없이도 페이지를 디버깅할 수 있습니다. SuperPreview를 통해 각기 다른 브라우저에서 페이지가 어떻게 표시되는지 매우 충실하게 렌더링하여 볼 수 있을 뿐만 아니라 요소의 태그, 크기와 위치, 적용된 스타일, 배치 등의 정보를 DOM(문서 개체 모델) 트리 형식으로 확인할 수 있으므로 오류를 재빨리 수정할 수 있습니다.

일단 오류가 확인되면 Snapshot Preview를 통해 오류를 더 빠르게 수정할 수 있습니다. Snapshot Preview를 사용하면 매우 충실하게 표현된 브라우저 렌더링을 코드 편집 시 실시간으로 업데이트하여 표시할 수 있으므로 코드가 변경될 때마다 브라우저에 페이지를 로드하느라 많은 시간과 노력을 낭비할 필요가 없습니다.

디자이너나 개발자라면 Expression Web을 사용하여 자신의 능력을 최대한 발휘할 수 있습니다. 여러 팀에 속하여 일하더라도 Expression Studio 및 Visual Studio와의 자연스러운 통합 덕분에 Expression Web 프로젝트를 이전보다 훨씬 더 쉽게 공유할 수 있습니다.

Expression Web 3에는 다음 응용 프로그램도 정식 버전으로 포함되어 있습니다.

Microsoft Expression Design 3은 Expression Web과 완벽한 짝을 이루는 응용 프로그램입니다. 기존의 아트워크를 활용하거나 직관적인 그리기 도구를 사용하여 정교한 벡터 자산을 신속하게 작성할 수 있고, 이를 Expression Web 프로젝트로 간편하게 보낼 수 있습니다. 디자이너-개발자 워크플로의 전체 과정에서 이러한 자산의 정확성을 충실하게 유지할 수 있습니다. Expression Design 3에 대한 자세한 내용을 보려면 여기를 클릭하십시오.

Microsoft Expression Encoder 3을 사용하면 다양한 형식의 비디오 파일을 인코딩할 수 있으므로 웹캠이나 캠코더로 라이브 비디오를 스트리밍하고 PC 화면을 캡처할 수 있습니다. 비디오 파일을 간단히 편집할 수 있고 미디어에 오버레이와 광고를 덧입힐 수 있습니다. 인코딩 설정을 선택하고, 다양한 플레이어 템플릿을 선택하고, Microsoft Silverlight가 적용된 리치 미디어 환경을 게시할 수 있습니다. Expression Encoder에 대한 자세한 내용을 보려면, 여기를 클릭하십시오.

1. 전문 코드 편집기

   HTML, CSS, JavaScript, PHP에 대한 IntelliSense 및 색 구분 기능을 통해 더 생산적으로 편집하고 디버깅할 수 있습니다. 또한 실시간 표준 유효성 검사를 통해 표준 위반 여부에 대한 피드백을 즉석에서 받을 수 있으므로 코드 작성과 수정을 통시에 진행할 수 있습니다.

   

2. 전문 디자인 화면

   최고 수준의 디자인 화면에서 위치, 크기, 여백, 안쪽 여백 등을 직접 조작할 수 있는 기능을 사용하여 세련되고 현대적인 CSS 레이아웃을 생성할 수 있습니다. Expression Web의 정교한 CSS 렌더링 엔진을 통해 즉석에서 디자인 결정을 내릴 수 있고 최종 브라우저에서 페이지가 어떻게 렌더링될지 미리 정확하게 확인할 수 있습니다.

   

3. 크로스브라우저 호환성 확보

   SuperPreview를 사용하여 개발용 컴퓨터에서 여러 브라우저에 맞게 페이지를 디버깅할 수 있습니다. Snapshot Preview를 사용하면 매우 충실하게 표현된 브라우저 미리 보기를 코드 편집 시 실시간으로 업데이트하여 표시할 수 있으므로 코드가 변경될 때마다 브라우저에 페이지를 로드하느라 많은 시간과 노력을 낭비할 필요가 없습니다. CSS 속성 팔레트에 계단식 CSS 구조가 시각적으로 표시되므로 웹 페이지의 현재 선택 항목에 사용되는 모든 스타일, 해당 스타일의 우선 순위 순서, 해당 스타일의 모든 속성과 값 등을 금방 확인할 수 있습니다.

   

4. 폭넓은 업계 표준 기술 지원

   Expression Web은 광범위한 스크립팅 기술과 서버쪽 기술을 지원하므로 융통성 있는 작업이 가능합니다. Expression Web은 PHP, HTML/XHTML, XML/XSLT, CSS, JavaScript, ASP.NET 또는 ASP.NET AJAX, Silverlight, Flash, Windows Media 및 Photoshop을 지원하고 Microsoft Visual Studio 및 Expression Studio와의 통합도 지원합니다.

5. 폭넓은 웹 표준 지원

   최신 웹 표준을 기본적으로 지원하므로 어디서나 액세스할 수 있고 어떤 브라우저에서나 제대로 표시되도록 사이트를 최적화하는 데 어려움이 없습니다. HTML, XHTML, Strict/Transitional/Frameset 및 CSS 1.0, 3.0 또는 3.1 등 어떤 스키마를 선택하더라도 Expression Web 3의 도움을 받아 적절한 코드를 쉽게 작성할 수 있습니다. 이때 호환성 검사를 실행하면 표준을 준수하지 않는 요소를 금방 찾아낼 수 있습니다.

6. 동적인 대화형 사이트 구축

   비디오, 오디오 또는 애니메이션이 많이 포함된 사이트를 구축하려는 경우에도 Expression Web을 통해 작업을 쉽게 처리할 수 있습니다. 컨트롤을 끌어다 놓는 것만으로 Silverlight, Flash, Deep Zoom 또는 Windows Media 파일을 손쉽게 추가할 수 있습니다.

7. 사이트에 사용할 전문 그래픽 작성

   함께 제공되는 Expression Design의 강력한 벡터 그리기 및 편집 도구를 사용하여 새로운 예술적 가능성을 시도하고 강렬한 그래픽 디자인과 일러스트레이션을 만들 수 있습니다. 벡터 아트워크와 비트맵 이미지를 문서 하나로 통합하여 복합적인 구성을 만들고 그 일부 또는 전체를 Expression Web으로 가져올 수 있습니다. Expression Design의 정교한 조각 만들기 기능을 통해 웹에 사용 가능한 그래픽을 만들 수 있습니다.

8. 웹 스트리밍을 위한 Silverlight 비디오 인코딩

   함께 제공되는 Expression Encoder의 폭넓은 인코딩 및 코드 변환 기능을 사용하여 고품질의 WMV, VC-1 및 H.264 Silverlight 비디오를 빠르게 인코딩하고 웹 사이트에 삽입할 수 있습니다.

9. 융통성 있는 게시

   웹 서버에 필요한 것이 무엇인가에 따라 FTP, SFTP 또는 FTPS 중에서 사이트 게시에 사용할 FTP 방식을 선택할 수 있습니다. 게시를 클릭하면 여러 개의 파일이 하나씩 전송되는 대신 Expression Web을 통해 모두 한꺼번에 자동으로 전송되므로 파일을 더 빠르게 전송할 수 있습니다. 여러 사이트와 원격 위치를 쉽게 관리할 수 있고 여러 위치를 대상으로 사이트 하나를 게시할 수 있습니다. 뿐만 아니라 Expression Web에서 FTP를 통해 "실시간"으로 서버쪽 편집이 가능하므로 시간과 비용을 절약하고 오류를 줄일 수 있습니다.

10. Photoshop 파일 가져오기

    Expression Web을 사용하면 Photoshop 파일을 직접 가져올 수 있고, 투명도와 가져온 레이어 및 변환된 이미지 형식(PNG, GIF 및 JPEG)을 완벽하게 제어할 수 있습니다. Expression Web에서는 레이어 및 형식 설정을 기억해 두기 때문에 Photoshop 원본이 변경되었을 때 이를 신속하게 다시 가져와 모든 변경 사항을 반영할 수 있습니다.

Expression Web 3 개요 비디오
최신 웹 표준에 대한 기본 지원, 정교한 CSS 디자인 기능, 시각적 진단 도구 등과 같이 Microsoft Expression Web 3에서 제공하는 여러 가지 도구를 사용하여 표준을 준수하는 고품질의 웹 사이트를 만들 수 있습니다. PHP, HTML/XHTML, CSS, JavaScript, ASP.NET 또는 ASP.NET AJAX 등 그 무엇을 작업 대상으로 삼든지 Expression Web을 통해 매우 뛰어난 웹 사이트를 더 빠르고 쉽게 만들고 유지 관리할 수 있습니다.

Expression Web 3의 SuperPreview 소개
어떤 브라우저에서건 바로 작성한 웹사이트를 테스트해볼 수 있는 Expression Web 3의 새로운 시각적 진단 도구인 SuperPreview에 대해 알아봅니다.

키트 다운로드

Expression Web 3에 Silverlight을 삽입하는 방법을 소개합니다. 리치 미디어 비디오, 게임 및 DeepZoom 같은 Silverlight 콘텐츠를 웹 사이트에 쉽게 추가할 수 있는 다양한 방법을 알아보십시오.