1

멀티미디어 저작 시스템

나모 웹에디터MS FrontPageDreamWeaver

정재원 , 노승현

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 사이트 관리자에게 적극 권장되어지는 프로그램입니다 .

51

마치며 ..

Dream Weaver 는 DHTML 에 관한 최고의 툴입니다 . 즉 , 이미지를 원하는 방향에서 날아오게 한다던가 하는 자바 스크립트를 기초 없이 어느 정도 높은 수준까지 만들어 낼 수 있으며 태그 생성 역시 간결한 소스코드로 만들어 줍니다 . 나모에서는 필요없는 태그들까지 많이 들어 가기 때문에 로딩시간이 조금 길어지고 아주 세밀한 코딩은 힘든 것이 사실이지만 드림위버에서는 다양한 방법으로 좀더 정밀하고 정확하게 홈페이지를 꾸밀 수가 있습니다 . 사실 , 단순한 HTML 작업에 있어서 물론 프론트 페이지도 이미지를 원하는 방향으로 날릴 수는 있지만 . 시간에 따라 순차적이라던가 , 조금 복잡하게는 하지 못합니다 .

조금은 낮선 인터페이스를 가지고 있지만 강력한 기능으로 이를 만회한다고 봅니다 .

고급 사용자들에겐 최상의 페이지를 제작 할 수 있을 것입니다 . 이상의 3개의 HTML 제작 툴은 기본적인 서식도구 /그림도구 /프레임 설정등의 기능은 거의 유사하지만 DHTML 효과의 표현에 있어 각각 장 ,단점이 있습니다 .