기금넷 공식사이트 - 회사 연구 - 웹페이지의 삼총사 불꽃놀이

웹페이지의 삼총사 불꽃놀이

벡터 편집 및 비트맵 편집. 벡터 및 비트맵 이미지를 만들고 편집하며 기본 Photoshop 및 Illustrator 파일을 가져와 편집합니다.

이미지 최적화. 미리보기, 크로스 플랫폼 회색조 시스템 미리보기, 선택적 JPEG 압축 및 광범위한 내보내기 제어를 통해 다양한 전달 상황에 맞게 이미지를 최적화합니다.

효율적인 Photoshop과 Illustrator 통합. 레이어 레이어, 레이어 효과, 혼합 모드를 유지하면서 Photoshop(PSD) 파일을 가져옵니다. Fireworks(PNG) 파일을 Photoshop(PSD) 형식으로 다시 저장합니다. 레이어, 그룹 및 색상 정보를 포함한 그래픽 무결성을 유지하면서 Illustrator(AI) 파일을 가져옵니다.

빠른 프로토타이핑. 웹사이트 및 다양한 인터넷 애플리케이션을 위한 프로토타입 대화형 레이아웃입니다. 웹 사이트 프로토타입을 Adobe Dreamweaver로 내보내고 RIA 프로토타입을 Adobe Flex로 내보냅니다.

여러 페이지를 지원합니다. 새로운 페이지 팔레트를 사용하여 단일 문서(PNG 파일)에 여러 페이지를 만들고 페이지 간에 레이어를 공유할 수 있습니다. 각 페이지에는 자체 조각, 레이어, 프레임, 애니메이션 및 캔버스 설정이 포함될 수 있으므로 프로토타입에서 웹 사이트 흐름을 쉽게 시뮬레이션할 수 있습니다.

계층적 레이어 구성. Adobe Photoshop과 유사한 새로운 계층적 레이어 구조로 프로토타입을 구성하고 관리하여 웹 레이어와 페이지를 쉽게 구성할 수 있습니다.

필터 효과. 조명 효과, 그림자 효과, 스타일 및 혼합 모드(Photoshop의 새로운 7가지 혼합 모드 포함)를 적용하여 텍스트와 기호에 깊이와 특성을 추가하세요.

공공도서관. 웹 애플리케이션, 양식, 인터페이스 및 웹 사이트에서 일반적으로 사용되는 그래픽 기호, 텍스트 기호 및 애니메이션의 공통 라이브러리를 사용하여 프로토타입 제작 프로세스를 빠르게 시작하세요.

스마트 스케일링. 9슬라이스 크기 조정을 통해 벡터 또는 비트맵 이미지의 버튼과 그래픽 기호 크기를 스마트하게 조정합니다. 9슬라이스 크기 조정과 새로운 자동 모양 라이브러리를 결합하여 웹 사이트와 앱의 프로토타입 제작 속도를 높입니다.

Dreamweaver와 Flash 통합이 단순화되었습니다. Fireworks CS3의 객체를 복사하여 Dreamweaver CS3에 직접 붙여넣습니다. CSS 및 HTML로 저장할 수 있는 팝업 메뉴를 만듭니다. 벡터, 비트맵, 애니메이션 및 다중 상태를 유지하면서 Fireworks(PNG) 파일을 Flash CS3로 직접 내보낸 다음 Flash CS3에서 파일을 편집합니다. Dreamweaver는 American Macromedia Company(현재 Adobe에 인수되어 Adobe Dreamweaver가 됨)에서 개발한 WYSIWYG 웹 편집기로, 웹 페이지 제작과 웹 사이트 관리를 통합한 전문 웹 디자이너를 위해 특별히 개발된 최초의 시각적 도구 세트입니다. 플랫폼 제한과 브라우저 제한을 뛰어넘는 동적 웹 페이지를 쉽게 만들 수 있는 개발 도구입니다.

드림위버에 이어 전문적인 웹 이미지 디자인을 위해 출시된 드림위버, 플래시, 파이어웍스를 매크로미디어가 드림팀(DreamTeam)이라고 부르는 것은 이에 대한 시장 반응과 매크로미디어의 자신감을 보여준다. 드림위버(Dreamweaver)라고 하면, 인터넷이 일반화되면서 HTML(Standard Universal Markup Language에 따른 응용 프로그램) 기술이 계속해서 발전하고 발전하고 있으며, 많은 웹 페이지 편집기가 생산되고 있다는 것을 알아야 합니다. 웹 페이지 편집기의 기본 속성에 따라 WYSIWYG 웹 페이지 편집기와 WYSIWYG가 아닌 웹 페이지 편집기(원본 코드 편집기)로 나눌 수 있으며 둘 다 고유한 장점이 있습니다.

WYSIWYG 웹 편집기의 장점은 직관적이고 사용하기 쉽다는 점입니다. WYSIWYG 웹 편집기에서 웹 페이지를 생성하는 것과 WORD에서 텍스트를 편집하는 것에는 아무런 차이를 느끼지 못하지만 치명적인 약점도 존재합니다. 장점

최고의 생산 효율성. Dreamweaver는 Fireworks, FreeHand 또는 Photoshop 파일을 웹 페이지로 이동하는 가장 빠른 방법입니다. 색상 선택 도구를 사용하여 화면에서 색상을 선택하여 웹에 가장 가까운 색상을 설정하세요. 메뉴, 단축키 및 형식 제어의 경우 모두 하나의 간단한 단계로 완료할 수 있습니다. Dreamweaver는 Playback Flash, Shockwave 및 플러그인 모듈과 같이 자주 사용하는 디자인 도구와 함께 사용할 수 있으며 Dremweaver를 떠나지 않고도 완료할 수 있으며 전체 응용 프로그램 프로세스가 자연스럽고 원활합니다. 또한 Dreamweaver에서는 클릭 한 번으로 Firework나 Photoshop을 자동으로 열어 이미지를 편집하고 최적화할 수 있습니다.

웹사이트 관리. 사이트 맵을 사용하여 웹 페이지의 프로토타입, 디자인, 업데이트 및 재구성을 빠르게 수행하세요. 웹 페이지 위치나 파일 이름을 변경하면 Dreamweaver가 모든 링크를 자동으로 업데이트합니다. 텍스트, HTML 코드, HTML 속성 태그 및 일반 구문을 지원하는 검색 및 바꾸기 기능을 사용하면 복잡한 웹 사이트 업데이트가 빠르고 쉽게 이루어집니다.

탁월한 제어력. Dreamweaver는 Roundtrip HTML, 시각적 편집 및 소스 코드 편집의 동기화를 제공하는 유일한 디자인 도구입니다. 여기에는 HomeSite 및 BBEdit과 같은 주류 텍스트 편집기가 포함됩니다. 프레임과 테이블은 당신이 상상하는 것보다 빠르게 생성될 수 있습니다. 고급 테이블 편집 기능을 사용하면 쉽게 셀, 행, 열을 선택하거나 연속되지 않은 항목을 선택할 수 있습니다. 표 그룹을 정렬하거나 서식을 지정할 수도 있습니다. Dreamweaver는 쉽게 표로 변환할 수 있는 레이어를 사용하여 정확한 위치 지정 및 드래그 앤 드롭 레이아웃을 지원합니다. Dreamweaver는 동적 출판 시각적 편집 및 전자 상거래 기능을 성공적으로 통합하여 ASP, Apache, BroadVision, Cold Fusion, iCAT, Tango 및 자체 개발 응용 프로그램 소프트웨어를 비롯한 타사 공급업체에 강력한 지원 기능을 제공합니다. Dreamweaver를 사용하여 동적 웹 페이지를 디자인할 때 WYSIWYG 기능을 사용하면 브라우저를 사용하지 않고도 웹 페이지를 미리 볼 수 있습니다. Dreamweaver 및 XML Dreamweaver는 신속한 웹 업데이트와 공동 웹 편집을 위해 콘텐츠와 디자인을 분리합니다. 웹 페이지 모양에 대한 템플릿을 만들고 편집 가능한 부분과 편집 불가능한 부분을 지정합니다. 콘텐츠 제공자는 실수로 설정된 스타일을 변경하지 않고 스타일 기반 콘텐츠를 직접 편집할 수 있습니다. 템플릿을 사용하여 XML 콘텐츠를 올바르게 가져오거나 내보낼 수도 있습니다. Dreamweaver를 사용하여 디자인한 종합 프레젠테이션 웹 페이지는 모든 플랫폼의 널리 사용되는 브라우저에서 완벽하게 표시될 수 있습니다. 계단식 스타일 시트 및 마우스 오버 효과에 대한 동적 HTML 지원을 위해 사운드 및 애니메이션에 대한 DHTML 효과 라이브러리를 Netscape 및 Microsoft 브라우저에서 실행할 수 있습니다. 브라우저 프로파일링 기능을 사용하면 Dreamweaver가 다양한 브라우저에서 얼마나 잘 수행되는지 알 수 있습니다. 새 브라우저가 시작되면 Dreamweaver 웹 사이트에서 설명 파일을 다운로드하여 자세한 성능 보고서를 얻을 수 있습니다.

단점

브라우저와 동일한 디스플레이 효과를 정확하게 구현하기가 어렵습니다. 즉, WYSIWYG 웹페이지 편집기에서 만든 웹페이지가 브라우저에 배치되었을 때 실제로 원하는 효과를 완전히 달성하기는 어렵습니다. 이는 프레임 구조 및 동적 웹페이지 구조와 같은 보다 복잡한 구조를 가진 웹페이지에 해당됩니다. ).);

페이지의 원본 코드는 제어하기 어렵습니다. 예를 들어 WYSIWYG 편집기에서 테이블을 만드는 데 몇 분이 걸리지만 요구 사항을 완전히 충족시키려면 수십 분 또는 그 이상이 소요될 수 있습니다.

대조적으로, WYSIWYG가 아닌 웹 페이지 편집기에는 이 문제가 없습니다. 왜냐하면 모든 HTML(표준 범용 마크업 언어에 따른 응용 프로그램)은 귀하의 감독 하에 생성되기 때문입니다. 그러나 WYSIWYG가 아닌 결과 편집기의 고유 조건으로 인해 작업이 비효율적입니다. . 깨끗하고 정확한 HTML 코드를 생성할 뿐만 아니라, 결과를 볼 수 있는 높은 효율성과 직관성을 갖는 이 둘의 완벽한 조합을 달성하는 방법은 항상 웹 디자이너의 꿈이었습니다. Adobe에서 제작한 CS5 시리즈가 판매되고 있습니다. DREAMWEAVER CS5의 관련 기능에 주목해 보겠습니다.

라이브 뷰의 새로운 기능

Dreamweaver CS5의 새로운 라이브 뷰를 사용하면 코드에 직접 액세스하면서 실제 브라우저 환경에서 웹 페이지를 디자인할 수 있습니다. 렌더링된 화면 내용은 코드 변경 사항을 즉시 반영합니다.

Ajax 및 JavaScript 프레임워크를 위한 코딩 팁

JavaScript 핵심 개체 및 기본 데이터 유형에 대한 향상된 지원을 통해 JavaScript를 더욱 효율적으로 작성하세요. jQuery, Prototype, Spry 등 널리 사용되는 JavaScript 프레임워크와 통합하여 Dreamweaver CS5의 확장된 코딩 기능을 활용해 보세요.

새로운 사용자 인터페이스

독점적인 사용자 인터페이스 디자인을 통해 Adobe Creative Suite®의 다양한 구성 요소 간에 더욱 빠르고 스마트하게 작업할 수 있습니다. 작업 공간 전환기를 사용하면 한 작업 환경에서 다음 작업 환경으로 빠르게 전환할 수 있습니다.

관련 파일 및 코드 탐색기

코드 보기에서 소스 코드를 보려면 관련 파일 열에 표시된 포함 파일을 클릭하고, 상위 페이지를 보려면 디자인 ' 보기에서 해당 파일을 클릭하세요. 새로운 코드 탐색기 기능은 현재 선택 항목에 영향을 미치는 CSS 소스 코드를 표시하고 이를 빠르게 액세스할 수 있게 해줍니다.

HTML 데이터세트

데이터베이스나 XML 코딩을 마스터하지 않고도 동적 데이터의 강력한 기능을 웹페이지에 적용할 수 있습니다. Spry 데이터 세트는 간단한 HTML 테이블의 내용을 대화형 데이터 소스로 인식합니다.

Adobe InContext Editing(시험판)

최종 사용자가 도움이나 추가 소프트웨어 사용 없이 Adobe InContext Editing 온라인 서비스를 사용하여 웹 페이지를 편집할 수 있도록 Dreamweaver에서 페이지 디자인 . * Dreamweaver 디자이너는 변경 사항을 특정 페이지, 특수 영역으로 제한하고 서식 옵션을 사용자 정의할 수도 있습니다.

Adobe Photoshop®스마트 개체

Photoshop PSD 문서를 Dreamweaver에 삽입하여 이미지를 만듭니다. 스마트 개체는 소스 파일과 밀접하게 연결되어 있습니다. Photoshop을 열지 않고도 Dreamweaver에서 소스 이미지를 변경하고 이미지를 업데이트할 수 있습니다.

CSS 모범 사례

코드를 작성하지 않고도 CSS 모범 사례를 구현하세요. 속성 패널에서 새 CSS 규칙을 만들고 스타일 계단식에서 각 속성이 들어갈 위치를 명확하고 간단하게 표시합니다.

Subversion 통합

사이트를 업데이트하고 Dreamweaver에서 직접 변경 사항을 등록하세요. Dreamweaver CS4는 오픈 소스 버전 제어 시스템인 Subversion 소프트웨어와 긴밀하게 통합되어 보다 강력한 체크인/체크아웃 환경을 제공합니다.

Adobe AIR 제작 지원의 새로운 기능

Dreamweaver에서 HTML 및 JavaScript 기반 Adobe AIR 애플리케이션을 직접 만들 수 있습니다. Dreamweaver에서 바로 AIR 애플리케이션을 미리 볼 수 있습니다. AIR 패키징 및 코드 서명 기능을 사용하여 Adobe AIR 애플리케이션 배포 준비를 완료하세요.

Dreamweaver CS6으로 업그레이드하면 업데이트된 라이브 뷰 및 멀티스크린 미리 보기 패널을 사용하여 크로스 플랫폼, 크로스 브라우저 HTML5 컨텐츠를 효율적으로 만들고 테스트할 수 있습니다. 향상된 jQuery 및 PhoneGap 지원으로 더 나은 모바일 앱을 구축하고, 새롭게 디자인된 멀티 스레드 FTP 전송 도구를 사용하여 대용량 파일을 업로드하는 데 걸리는 시간을 단축하세요.