1 / 51

멀티미디어 저작 시스템

멀티미디어 저작 시스템. 나모 웹에디터 MS FrontPage DreamWeaver. 정재원 , 노승현. 개 요. 우리들은 홈페이지를 통해서 새로운 많은 일들을 할 수 있습니다 . 자기 자신을 남에게 알릴 수 있으며 , 훌륭한 정보를 남에게 제공해 줄 수도 있습니다 . 또한 인터넷에서 자신만의 사업도 시작할 수 있습니다 . 홈페이지는 글자 , 그림 , 음악 , 동영상 등이 복합적으로 어우러진 멀티미디어 매체입니다 .

oleg
Download Presentation

멀티미디어 저작 시스템

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. 멀티미디어 저작 시스템 나모 웹에디터 MS FrontPage DreamWeaver 정재원, 노승현

  2. 개 요 우리들은 홈페이지를 통해서 새로운 많은 일들을 할 수 있습니다. 자기 자신을 남에게 알릴 수 있으며, 훌륭한 정보를 남에게 제공해 줄 수도 있습니다. 또한 인터넷에서 자신만의 사업도 시작할 수 있습니다. 홈페이지는 글자, 그림, 음악, 동영상 등이 복합적으로 어우러진 멀티미디어 매체입니다. 나모 웹에디터, MS Frontpage, DreamWeaver는 이러한 홈페이지를 만들기 위한 하나의 저작 도구입니다

  3. 1. 나모 웹에디터 1. 특징 2. 사용법

  4. 나모 웹에디터의 특징 • 나모 웹에디터는 순수 우리기술로 만든 프로그램으로써 우리에게 익숙한 한컴의 아래한글과 비슷한 사용자 환경을 가지고 있어 초보자는 물론 전문가들에게도 쉽고 편리하게 사용할 수 있습니다. 특히 데이터베이스 마법사, 차트 마법사, 사이트 관리자, 스마트 버튼 마법사, 그림 특수 효과, 이미지 갤러리 등의 기능은 웹 디자이너와 같은 전문가들을 만족시키기 위한 충분한 성능을 가지고 있습니다. • HTML을 몰라도 누구나 쉽게 홈페이지를 만들 수 있는 저작 도구입니다. • 편집 화면에 입력하는 내용이 곧 웹 브라우저에서 보이는 화면이 되는 위지윅(WYSIWYG)방식이며, 미리보기 화면이나 웹 브라우저에서 보기 기능을 별도로 지원하기 때문에 보다 정확하고 신속하게 홈페이지를 만들 수 있습니다.

  5. 나모 웹에디터의 특징 • 홈페이지를 마우스 클릭으로 만드는 사이트 마법사와 2000개가 넘는 클립아트를 제공합니다. 사이트 마법사는 사이트 매니저와 같이 작동되며 사이트 마법사내의 11개 분류와 다양한 200여개의 테마들로 구성되어 있습니다. • 웹사이트 관리툴인 사이트 관리자 - 자신의 사이트를 완성한 후 드림위버의 Site file, 프론트 페이지의 하이퍼링크 편집 다이어로그 박스처럼 사이트 관리할 수 있는 툴입니다. 예를 들면 사이트 관리자에서 폴더의 위치를 바꾸거나 파일의 위치를 바꾸면 알아서 링크등이 자동갱신되는 것입니다.

  6. TOOL BAR • 기본도구, 서식도구, 표도구, 그림도구를 이용해 워드프로세서를 사용하듯이 글이나 그림을 삽입함으로써 홈페이지를 만들 수 있습니다.

  7. 표 / 차트 • 나모 웹에디터에서는 표 도구와 차트 마법사로 차트를 쉽고 다양하게 만들 수 있는편집 환경을 제공합니다.

  8. 스크립트 마법사 • 우리는 자바 스크립트를 통해 움직임을 줄 수 있는 동적인 웹 문서를 만들 수 있습니다. • 나모 웹에디터는 스크립트 마법사를 통해 홈페이지를 만들 때 가장 많이 사용되는 19가지 종류의 자바 스크립트를 쉽게 넣을 수 있습니다.

  9. 스크립트 마법사 • 마우스 포인터를 가져가면 그림바뀌기• 새창으로 뜨는 알림판 만들기• 배경색 효과와 전환 효과 주기• 글이나 그림에 애니메이션 효과 주기• 링크 이동 단추 만들기• 방문자 정보 입력 받아 보여주기• 시계 만들기• 움직이는 글자 만들기• 슬라이드 레이어 만들기• 떠다니는 레이어• 텍스트 메뉴 만들기• 펼침 메뉴로 사이트 차례 만들기• 카운터와 방명록 만들기• 게시판 만들기

  10. 이미지에 그림 효과 • 일반적으로 홈페이지에 들어갈 그림을 만들기 위해서 포토샵이나 페인트샵과 같은 그래픽 프로그램을 이용합니다. • 나모 웹에디터에서는 그림 효과 기능으로 마우스 클릭만으로 다양하고 멋있는 그림 효과를 낼 수 있습니다.

  11. GIF 애니메이터 • 인터넷 검색엔진과 같은 유명 홈페이지를 방문하면 화려하게 움직이는 그림들을 보았을 것입니다. 그 그림들의 대부분이 GIF애니메이션 파일이고 GIF애니메이션은 여러 개의 그림을 순서대로 나열해서 보여주는 것입니다. • 나모 웹에디터는 GIF애니메이터로 간단히 각 프레임에 대해 효과를 줄 수 있습니다.

  12. 웹문서에 수학식을.. • 수식 편집기를 이용하여 손쉽게 웹 페이지에 수학식을 입력하고 인터넷에도 올릴 수 있습니다. • 나모 웹에디터에서 수식을 입력하는 방법은 비주얼 모드와 스크립트 모드를 이용하는 방법이 있습니다.

  13. 이미지 갤러리 • 인터넷을 여행하다 보면 홈페이지에서 원본 그림을 대신해서 작은 그림을 미리 보여주는 것을 발견할 수 있습니다. 이 작은 그림을 클릭하면 원본 그림이 나타납니다. 이와 같이 원본 그림을 대신해서 삽입하는 작은 그림을 썸네일(Thumbnail)이라고 합니다. • 나모 웹에디터는 이미지 갤러리를 이용해 몇 번의 마우스 클릭만으로 썸네일을 만들 수 있습니다.

  14. 나모 HWP 뷰어 • 한컴 아래한글 워드프로세서 없이 웹브라우저로 아래한글 문서 출력 가능 • 나모 HWP 뷰어는 HWP 파일을 HTML문서로 변환하지 않고 직접 읽어서 화면에 표시하여 모든 문서 모양과 글자 모양 등이 원본 HWP 파일 문서와 거의 비슷하게 출력 가능 • 아래한글 파일의 표, 그림, 수식을 그대로 출력 가능 • 아래한글 파일을 웹브라우저에서 인쇄 가능 • 전세계 어떤 Windows 시스템에서도 한글 고어, 외국어를 포함한 HWP파일 출력 가능

  15. 2. MS Frontpage 1. 특징 2. 사용법

  16. Frontpage의 특징 • 오피스와의 손쉬운 공동작업오피스 프로그램 사용자들에게 익숙한 환경을 제공하기 위해 프론트페이지는 다른 오피스 프로그램과 유사한 메뉴구조를 가지고 있으며 오피스에서 사용되는 코드들을 공통으로 사용하고 있습니다. • 빠르고 효율적인 웹 사이트 관리탐색 구조 보기를 통하여 문서를 선택하여 끌어다 놓는 것만으로 문서에 대한 링크를 웹 페이지상에 만들 수 있으며 웹의 상황을 일목요연하게 보여주는 보고서 기능을 제공해줍니다. • 데이터베이스와의 연결데이터들이 직접 데이터베이스로 입력될 수 있도록 해주는 과정을 통해 데이터베이스나 SQL 구문에 대한 지식이 전혀 필요하지 않으며 프론트페이지가 자동으로 구성하여 줍니다.. 또한 데이터베이스 입력뿐만 아니라 데이터베이스를 조회할 수 있는 간편한 방법도 제공해줍니다.

  17. Frontpage의 특징 • 프론트페이지는 WYSIWYG 테이블 및 프레임 작업, Auto Thumbnail, 클립 아트, 웹 전체에 걸친 찾기와 바꾸기, 다운로드 예상시간, 이미지 편집 툴, 템플릿, 마법사 등의 기능을 포함하고 있습니다. 또한 이미지 컴포우저1.5를 제공하여 GIF Animator기능을 사용할 수 있습니다. 그리고 HTML tag 편집 모두를 지원하여 사용자가 원하는 바 그대로 웹 사이트를 제작할 수 있게끔 지원하며 사용자가 페이지내의 임의의 위치에 개체를 위치시킬 수 있으며 프론트페이지로 하여금 현재 제작하는 페이지(웹 사이트)를 보게 될 대상 웹 브라우저 종류 및 버전을 지정하여 작업한 내용이 해당 브라우저에서 정확히 보일 수 있게 하여 줍니다.또한 DHTML 효과 등을 별도의 프로그래밍 없이 구현토록 하여 줍니다.

  18. DHTML 효과 프론트페이지는 글자가 날아다니는 등의 애니메이션 효과를 표현할 수 있는 DHTML을 지원합니다. 이는 익스플로러, 넷스케이프에서 모두 지원되며 초보자라도 단지 몇 번의 마우스 클릭만으로 페이지 내에 DHTML을 삽입할 수 있도록 하여 줍니다.

  19. HTML 태그 보기 • 사용자들이 페이지내의 HTML 태그의 구성 요소를 보기 위해 HTML 보기를 이용하면 그 복잡한 코드로 인해 잘 눈에 들어오지 않습니다. 프론트페이지에서는 기본 보기(WYSIWYG 모드)에서 “태그 보기”라는 것을 지원하여 복잡한 HTML 코드 전부가 아닌, WYSIWYG 모드에서 태그가 보이도록 하여줍니다. 이를 통해 초보자라도 복잡한 페이지에서 일일이 HTML 코드를 살펴보지 않고서도 어떤 태그들이 쓰였는지를 알 수 있고 또 어떤 태그가 어떤 기능들을 수행하는지를 배울 수도 있습니다.

  20. 그림삽입 • 그림에 텍스트 레이블 만들기 • 선택한 그림의 작은 그림 만들기 • 페이지에서 선택한 개체를 z 축에서 한 수준 위로/아래로 이동하기 • 선택한 그림을 시계/시계반대 방향으로 90도 회전하기 • 선택한 그림의 가장 밝은 부분과 가장 어두운 부분 사이의 대비를 높이거나 낮추기 • 그림의 원하는 부분 오려내기 • 특정색 투명하게 설정하기 • 그림을 흑백으로 하기, 닦아내기 설정 • 그림의 테두리 둘레에 입체 효과를 만들기, 이것은 그림에 3차원 단추를 만드는데 유용합니다. 프론트페이지는 그림을 삽입하고 편집하는 기능이 다양하게 들어있어 간단한 이미지 편집은 전문 편집 프로그램을 이용하지 않고도 충분히 할 수 있습니다.

  21. 이미지 맵 • 이미지에 사각형/원/다각형 핫 스폿을 만들수 있습니다. 하나의 그림을 삽입한 후 그림 전체를 하이퍼링크 하는 것이 아니라 그림의 부분마다 다른 하이퍼링크를 만들 수 가 있습니다.

  22. 페이지 전환 • 한 페이지에서 다른 페이지로 이동할 때 파워포인트의 슬라이드 쇼 같은 효과를 보여줍니다. • 25가지의 전환효과,다양한 이벤트, 시간의 설정 기능을 가지고 있습니다.

  23. 오피스2000의 문서를 FrontPage 기반의 웹에 직접 저장 • 웹을 구성하는 이제까지의 대부분의 작업방식은 조직의 구성원이 오피스 등을 이용하여 작업한 파일을 웹마스타에게 주면 웹마스타는 이를 HTML로 변환하여 웹에 게시하는 과정을 거쳤습니다. 이때 변환작업에 많은 시간이 소요되며 또 결과물은 원래의 오피스 문서의 형태와 똑같지 않아 이를 수정하기 위해선 추가의 작업 시간을 많이 필요로 하는 고된 작업이었습니다. 오피스2000에서는 이를 개선하여 HTML로 변환된 것이든 아니면 오피스 자체의 포맷(예:DOC, XLS, …)의 파일을 마치 자신의 PC의 하드디스크에 저장하듯이 FrontPage 기반의 웹에 직접 저장(게시)할 수 있도록 하였습니다. FrontPage 기반의 웹 안에 포함되어 있는 오피스 문서를 편집하고자 할 때 이 파일을 마우스로 클릭하는 것만으로 이 문서를 제작한 오피스 애플리케이션이 실행돼 문서를 편집할 수 있도록 하며 편집이 끝나고 저장을 하면 바로 웹에 이 내용이 저장되도록 해줍니다.

  24. 오피스2000 웹 컴포넌트 다음과 같은 웹 컴포넌트들을 웹 페이지 안에 삽입하여 엑셀에서와 같은 기능의 일부를 사용할 수 있습니다. • Spreadsheet - 데이터를 입력하거나 계산 • PivotTable - 데이터베이스나 기타 데이터 원본의 요약 데이터를 표시하는 대화형 표 삽입 • Chart component - 직접 차트를 편집하거나 등록 정보 설정

  25. 데이타베이스와의 손쉬운 연동 • HTML 관련 툴이 단순한 “홈페이지 저작도구”가 아닌 “웹사이트 저작도구”가 되기 위해선 데이터베이스와의 연동이 필수적입니다. 진정한 의미의 다이나믹 웹이란 멀티미디어 효과가 난무하는 웹 페이지가 아니라 데이터에 의거한 페이지 생성이 가능한 웹이어야 한다고 생각합니다. 프론트페이지에서는 이런 요구에 부응하여 전혀 프로그래밍이 필요치 않고 또 SQL에 대한 지식이 없이도 데이터베이스와의 연동을 가능케 하여 줍니다. • 사용자가 폼을 만들어 이 안에 데이터를 받아들일 수 있도록 구성된 상태에서 이러한 데이터들이 웹 안에서 텍스트 파일 안에 필드로써 저장되도록 하였으며, Email로도 보내지고 데이터베이스로 직접 저장될 수 있도록 지원합니다.

  26. 미리 만들어진 웹 컴포넌트 • 미리 컴파일되어 제공되는 CGI 스크립트와 자바 애플릿 등을 통해 초보자라도 강력한 웹 사이트를 꾸밀 수 있도록 지원합니다. • 예를 들어 마우스 클릭을 통한 컴포넌트의 삽입만으로 전문 검색, 토론 그룹, 피드백 폼, 방문자 수 카운터,움직이는 텍스트, 호버단추등의 기능을 전혀 프로그래밍이 필요 없이 구현할 수 있도록 하여 줍니다.

  27. 공동작업담당자 지정 및 진행상황 보기 • 좀 규모가 있는 웹사이트에는 여러 명이 팀을 이루어 작업하는 경우가 보통인데 이들간의 공동작업을 지원하기 위해 각 페이지별로 담당자를 할당할 수 있으며 또 전체 작업 중에서 현재 어떤 상태에 와 있는지 등을 기록할 수 있습니다. 이렇게 부여된 담당자 및 진행상황, 게시 상황 등은 보고서 기능을 통하여 한 눈에 파악할 수 있어 팀 구성원간의 협업 및 의사소통을 원활히 할 수 있도록 지원합니다. 또한 웹을 저작하고 유지관리에 나감에 있어서 자주 발생하는 반복적인 작업에 대해 자동화 기능을 부여했습니다. 예로는 페이지나 파일의 이름이 수정됐을 때에 이를 자동으로 감지하여 하이퍼링크를 교정하여 줍니다.

  28. 60개이상의 테마 • 바로 사용할 수 있는 60개 이상의 미리 만들어진 업무용의 그래픽, 칼라 스킴-소위 테마라고 하는 기능을 제공합니다. 테마는 리스트 목록, 글꼴, 탐색바, 표 테두리, 수평선 및 페이지의 백그라운드 이미지 등이 웹 전체 또는 일부 선택된 페이지에 일관되게 적용하여 웹의 일관된 모양을 구조적으로 유지할 수 있게 하여 줍니다.이를 이용하여 손쉽게 페이지들을 만들 수 있으며 모든 페이지 또는 일부 페이지에 테마를 적용시킬 수 있습니다.

  29. 사용자 정의가 가능한 테마 • 사용자 스스로가 테마의 구성요소를 정의할 수 있도록 하여 줍니다. 즉, 칼라, 로고, 그래픽, 백그라운드, 불릿 등을 사용자가 바꿀 수 있다. 테마는 오피스2000의 공통된 기능이며 프론트페이지에서 만들어진 테마는 워드등에서도 그대로 쓰일 수 있습니다.사용자는 비슷한 테마를 골라 사용자의 환경에 맞추어 수정하여 이용할 수 있습니다.

  30. 3. 드림위버(Dreamweaver Ultradev) 1. 특징 2. 사용법

  31. 드림위버의 특징 • 전문가 수준의 자바 스크립트 아무리 숙련된 프로그래머라고 해도 Dynamic HTML 구현을 위한 자바 스크립팅 작업은 대단히 고된 일에 속합니다. 수백줄에 이르는 스크립트는 제작하는 일도 어려운 일이지만 오타없이 입력하는 일도 보통 일은 아닙니다. 드림위버에서 제공하는 자바 스크립트는 전문가 수준 이상의 고급 스크립트들입니다. • 별도의 플러그인이 필요없다. 애니메이션이나 인터랙티브를 구현하기 위해 별도의 플러그인을 사용한다면 제작자 입장에서는 해당되는 어플리케이션의 사용법을 익혀야 하며, 사용자 입장에서는 브라우저에 별도의 플러그인 프로그램을 설치하여야 합니다. 그러나 드림위버로 제작된 모든 요소들은 자바 스크립트로 구성되므로 별도의 플러그인의 설치가 필요없습니다. 다만 자바 스크립트를 지원하는 브라우저가 필요할 뿐입니다. 3.0 이상 버전의 브라우저는 안정된 자바 스크립트 지원 기능을 가지고 있습니다.

  32. 드림위버의 특징 • WYSIWYG 방식의 에디터 HTML 태그에 능통한 사람이라고 해도 자신이 작성한 코드가 브라우저에서 어떻게 나타날 것인가 100% 정확히 예측할 수는 없습니다. 특히 복잡한 테이블과 클라이언트측 이미지 맵을 구현하려면 상당한 노고가 뒤따라야 합니다. 만약 플래쉬 무비와 같은 플러그인을 추가한다면 코드는 더욱 복잡해집니다. 드림위버는 WYSIWYG 방식의 에디터이므로 작성된 HTML 코드의 브라우징 결과를 직접 확인하면서 작업을 할 수 있습니다. 다시말해 별도의 브라우저를 통해 확인하지 않더라도 전체적인 레이아웃을 손쉽게 제작할 수 있다는 것입니다. 드림위버는 홈페이지의 전체적인 레이아웃을 제작할 때 단지 마우스 클릭과 드래그 등의 간단한 작업으로 원하는 결과를 얻을 수 있습니다. 생산성을 높일 수 있는 것입니다.

  33. 드림위버의 특징 • 사용법이 쉽다.만약 독자들이 매크로미디어사의 제품군 중에서 그 사용법을 하나라도 익히고 있다면 드림위버의 사용법을 익히는 일은 정말 쉬운 일입니다. 드림위버의 인터페이스와 그 기능은 디렉터, 플래쉬의 그것과 아주 흡사하기 때문입니다. 다소 까다로운 태그에 속하는 프레임과 테이블 편집 등을 비주얼한 환경에서 제어할 수 있으므로 실제 Dynamic HTML을 구현하지 않고 기본적인 HTML 편집기로 사용해도 무난합니다.

  34. 전문적인 저작 환경 • 강력한 드림위버를 기반으로 드림위버 울트라데브는 데이터베이스와 연동하는 웹 사이트를 쉽게 만들 수 있다. 드래그 앤 드롭 서버 비헤이비어는 데이터베이스 데이터들을 표시하고 검색하고 업데이트하는 페이지를 쉽게 만들 수 있도록 해 줍니다. 파이어웍스와의 긴밀한 통합성은 자동적으로 파이어웍스 HTML과 그래픽들을 울트라데브로 만든 페이지에 바로 삽입할 수 있도록 해줍니다.

  35. 코드에 대한 전체 제어 유지 • 드림위버 울트라데브는 수준높은 ASP, JSP, Cold Fusion을 만듭니다. 드림위버 울트라데브는 시각적으로 소스를 편집할 수 있는 제품 중에서 Roundtrip HTML과 Roundtrip Server Markup으로 소스 코드의 전체 제어를 할 수 있는 유일한 제품입니다.Clean Code는 불필요한 파일이 서버에 업로드 되는 것을 방지해 줍니다. 드림위버 울트라데브 오브젝트와 스크립트를 페이지들에 추가할 때에 소스 보기에서 모든 코드들을 확인하고 편집할 수 있습니다.

  36. 데이터베이스와의 쉬운 연결 • 기존의 정적인 웹 페이지를 다이나믹한 코드를 사용한 웹 사이트를 생성하는 Oracle, Sybase, Informix, Microsoft SQL 서버 그리고 Microsoft Access를 포함한 ODBC, JDBC또는 ADO와 같은 관계형 데이터베이스로 빠르게 연결하십시오. 데이터베이스 오브젝트들은 데이터베이스에 연결하기 위해 필요한 모든 코드들을 바로 추가시켜 줍니다. 질의 구축 환경의 산업 표준 데이터 베이스에 대해 쉽게 연결하거나 검색 또는 테스트 하십시오.

  37. 작업 공간에서 서버측 데이터 보기 • 작업 공간에 있는 애플리케이션 서버로부터 리턴된 라이브 데이터들을 살펴보거나 검사, 편집하여서 반복되는 작업들을 피하고 시간을 절약할 수 있습니다. 다른 미리보기 기능들과 다르게 UltraDev Live Data Preview는 편집이 가능하기 때문에 페이지에 대한 레이아웃 작업을 계속하거나 서버 데이터로 작업하면서 논리연산을 수행할 수 있습니다.

  38. 산업 표준 서버 지원 • Microsoft IIS, Allaire Cold Fusion, IBM Websphere, BEA WebLogic, Netscape Enterprise Server와 같은 강한 산업용 서버들을 위한 애플리케이션을 구축합니다.드림위버 울트라데브는 하나의 단일 디자인 환경에서 ASP, JSP와 Cold Fusion 사이트들을 구축할 수 있게 해주는 유일한 솔루션입니다. 새로운 애플리케이션 서버를 사용하는 사이트들을 구축할 때마다 새로운 개발 도구를 배워야 할 필요가 없습니다.

  39. 강력한 기업용 웹애플리케이션 만들기 • 쉽게 울트라데브를 확장하여 강력한 API를 통해 다른 앞서가는 서버와 전자상거래 솔루션을 통합하십시오. COM 오브젝트와 자바빈즈를 통합하여 상속 시스템에 연결해 주는 웹 애플리케이션을 구축하십시오. Java, C 그리고 JavaScript를 사용하여 자신만의 확장성을 작성하거나 macromedia.com에서 다운로드 받으십시오. 생산성을 최대한 높이기 위해서 드림위버 울트라데브를 튜닝하십시오. 메뉴 시스템을 포함한 전체 애플리케이션은 사용자 정의될 수 있습니다.

  40. 새로운 기능 • 라이브 데이터 미리보기- 작업 공간에서 서버측 라이브 데이터를 보면서 동시에 편집합니다. • 다중 서버 디자인 환경- 단일한 디자인 환경에서 ASP, JSP 그리고 CFML 애플리케이션을 구축합니다. • 서버측 비헤이비어- 서버측 비헤이비어로 구축된 라이브러리로 생산성을 최대로 높여서 다이나믹한 웹 페이지들을 만듭니다. • 광범위한 데이터베이스 지원- Oracle, Sybase, Informix, Microsoft SQL 서버와 Access와 같은 PDBC, JDBC 또는 ADO 관계형 데이터베이스에 쉽게 연결할 수 있습니다. • 확장성- 메뉴 시스템을 포함한 전체 애플리케이션은 JavaScript와 XML을 사용하여 커스터마이징할 수 있습니다.

  41. 도큐먼트 윈도우 • 실제 작업이 이루어지는 곳으로 입력한 텍스트나 이미지가 웹브라우저에서 보이는 그대로 표현됩니다. 윈도우 사이즈와 다운로드 시간, 사용 테그등을 보여줍니다.

  42. Object 팔레트 • Common : 이미지, 테이블, 레이어, 롤오버 버튼, 프래쉬등 다른 프로그램의 개체를 삽입해주는 오브젝트들이 들어 있으며, 가장 자주 사용하는 패널이기도 합니다. • Forms : 폼문서 양식을 만들때 필요한 오브젝트들이 들어 있습니다.

  43. Object 팔레트 • Frames : 도큐멘트에 삽입할 프레임 모양이 들어 있습니다. • Head : 웹페이지에서 <head> 태그안에 포함되는 요소들(Meta 태그, 키워드 등)을 삽입 실제 웹페이지에서는 보이지 않고 소스 코드에만 추가되는 것입니다.

  44. Object 팔레트 • Invisbles : 자바스크립트, 코멘트 등의 요소들을 웹페이지에 추가할때 사용 합니다. 이런 요소들도 실제 웹페이지에서 보이지 않지만 중요한 기능들을 도큐멘트 내부에 설정합니다. • Characters : 트레이트 마크나 화폐기호 등 특수 문자를 삽입 합니다.

  45. Launcher • Site : 드림위버의 사이트 관리 기능을 위한 사이트 윈도우를 열어줍니다. • Library : 라이브러리와 템플리트 파일을 관리하는 윈도우를 열아줍니다. • HTML Styles : html 일반 태그를 사용한 스타일 목록 윈도우를 열어줍니다. • CSS Style : 스타일 쉬트 윈도우를 열어줍니다 • Behaviors : 웹페이지에 다양한 자바스크립트 액션을 추가할 수 있는 Behavior 윈도우를 열어줍니다. • History : 앞에서 말했던 작업에 사용한 명령들이 모두 기록된 히스토리 윈도우를 열어줍니다. • HTML Source : html 소스 에티터를 열어줍니다.

  46. Property 인스펙터 • Property Inspector는 선택된 객체의 속성을 표시하고 수정이나 변경이 가능하도록 해 줍니다. 드림위버3에서는 Quick Tag Editor 기능에 추가되어 HTML Source Inspector를 열고 소스를 직접 수정해야 하는 수고를 덜어 줍니다.

  47. Site Files • Site Files는 드림위버에서 작업하는 웹사이트를 종합적으로 관리 할수 있는 메뉴 입니다. Site files 창에서 지정을 해놓은 프로젝트는 폴더 생성,파일이동시 자동으로 링크가 갱신 되며 계정에 업,다운을 할수도 있는 ftp 클라이언트 기능도 갖추었습니다.

  48. 마우스 갖다대면 그림이 변하는 swap image • 일단 그림을 삽입하고 그 그림을 선택하면 properites창에서 그림에 대한 정보를 수정할수 있게 변합니다. 거기에 그림파일의 임이의 이름을 적습니다.(ex : aa)

  49. 마우스 갖다대면 그림이 변하는 swap image • Behaviors윈도우를 연후 액션부분에서 swap image를 선택한후 Set Source to에 변환을 원하는 그림을 선택하시면 rollover 이미지를 만들 수 있습니다.

  50. 마치며… • 나모 웹에디터는 전체적으로 평가해 볼 때 한글 메뉴와 우리가 가장 많이 사용하는 아래한글과 유사한 쉬운 인터페이스, 또 연동성을 가지고 있다는 점이 높게 평가됩니다. 프론트페이지, 위버 중에서 시스템 리소스를 가장 적게 먹는 에디터로 시스템 사양이 떨어지고 HTML을 처음 다루는 사람에게 손쉽게 상당히 높은 수준의 HTML을 제작할 수 있게 하는 프로그램입니다. • Frontpage는 그리 쉽지는 않지만 중,고급 사용자들을 위한 기능들, 특히 우리가 흔히 사용하는 오피스 프로그램과의 연계성에 비중이 두어져 있습니다. 시스템 리소스는 많이 먹는 편입니다. NT 사이트 관리자에게 적극 권장되어지는 프로그램입니다.

More Related