ekadia

드림위버 메뉴구성
드림위버의 메뉴구성은 일반 워드프로세서와 애니메이션 프로그램의 메뉴구성과 비슷한 형식으로 이루어져 있으며 편집화면과 사이트 관리 메뉴구성으로 크게 나눌 수 있습니다. 이 장에서는 메뉴의 기능에 대해서 설명하고 좀더 자세한 것은 각 장에서 서브메뉴에 대한 설명을 합니다.

1. 파일(File) 메뉴

파일 메뉴는 프로그램의 가장 기본적인 새로운 문서 작성, 열기, 저장하기, 파일 보내기, 가져오기, 페이지 설정, 프린트 환경설정을 할 수 있으며 워드프로세서와 공통적인 특징을 가지고 있으며 브라우저로 문서를 보내 미리 결과물을 보거나 문서내의 링크, 대상 브라우저를 확인하는 기능이 있습니다.

그림 2-1

① New 신규문서 작성
② New from Template... 템플릿으로 신규문서 작성
③ Open... 문서열기
④ Open in Frame... 프레임에서 열기
⑤ Close 닫기
⑥ Save 파일 저장
⑦ Save As... 다른이름으로 저장
⑧ Save as Template... 템플릿으로 저장
⑨ Save ALL Frames 프레임 셋의 모든 프레임 저장
⑩ Revert 복귀
⑪ Import 가져오기
 ⓐ Import XML into Template... XML을 템플릿으로 가져오기
 ⓑ Import Word HTML... 워드에서 저장한 HTML문서 가져오기
 ⓒ Import Tabular Data 테이블 데이터 가져오기
⑫ Export 보내기
 ⓐ Export Editable Regions as XML... 편집영역 XML로 보내기
 ⓑ Export CSS Styles... CSS Style 파일로 보내기
 ⓒ Export Table... 테이블 데이터로 보내기
⑬ Convert 변환
 ⓐ 3.0 Browser Compatible... 3.0 브라우저 호환 HTML으로 변환
⑭ Preview in Browser 브라우저로 미리보기
 ⓐ iexplore 익스플로러로 미리보기
 ⓑ Edit Browser List... 미리보기할 브라우저 목록 편집
⑮ Debug in Browser 브라우저 디버깅하기
 ⓐ iexplore 익스플로러로 디버깅하기
 ⓑ Edit Browser List... 디버깅할 브라우저 목록 편집
⑥ Check Links 링크 확인
⑦ Check Target Browsers... 대상 브라우저 확인
⑧ Design Notes... 디자인 노트 삽입
⑨ 최근 드림위버에서 사용한 파일 열기
⑩ Exit 종료

참고
드림위버4의 메뉴는 윈도우, 매킨토시 환경에 큰 차이점은 없으며 플랫폼 자체의 차별성으로 키보드 구성이 약간 다릅니다. 단축키 설정에서 Cntl 키에 대해 매킨토시는 Command키를 사용하며 윈도우 Alt키는 매킨토시 Option 키에 해당합니다. 이러한 키보드 구성만 이해하면 윈도우, 매킨토시환경에서 자유롭게 단축키를 사용할 수 있습니다.

2. 편집(Edit) 메뉴
편집메뉴는 문서, 이미지, 표등 다양한 오브젝트 요소에 관계된 기본적인 편집 기능을 제공하며 검색기능, 외부에디터 설정, 환경설정을 할 수 있습니다.

그림 2-2
① Undo 실행취소
② Redo 재실행
③ Cut 잘라내기
④ Copy 복사
⑤ Paste 붙여넣기
⑥ Clear 지우기
⑦ Copy HTML HTML문서 복사
⑧ Paste HTML HTML문서 붙여넣기
⑨ Select All 전체 선택
⑩ Select Parent Tag 부모 태그 선택
⑪ Select Child 자식 태그 선택
⑫ Find and Replace... 찾기와 대치
⑬ Find Next 다음 찾기
⑭ Indent Code 소스코드 밀어쓰기
⑮ Outdent Code 소스코드 들여쓰기
⑥ Balance Braces 소스코드 균형 맞추기
⑦ Set Breakpoint 소스코드 구분점 삽입
⑧ Remove All Breakpoints 소스코드 전체 구분점 삭제
⑨ Edit with External Editor 외부에디터 편집
⑩ Preferences... 환경설정
⑪ Keyboard Shortcuts... 키보드 단축키 설정

참고
Indent Code 소스코드 밀어쓰기, Outdent Code 소스코드 들여쓰기는 소스 코드를 볼 수 있는 Show Code View 상태에서 사용할 수 있으며 Balance Braces 소스코드 균형 맞추기, Set Breakpoint 소스코드 구분점 삽입은 Remove All Breakpoints 소스코드 전체 구분점 삭제는 소스 코드를 검색할 때 사용합니다.
환경설정은 드림위버의 일반, HTML설정, 강조표시, 글꼴, 레이어, 번역, 브라우저 미리보기, 사이트, 상태 표시, 스타일시트, 안보이는 요소에 대한 설정을 할 수 있습니다.

3. 보기(View) 메뉴
보기메뉴는 문서 윈도우내에 표시에 관계된 설정을 하는 것으로 자, 그리드, 트레이스이미지, 플러그인 표시, 비가시요소 표시, 비표시외 레이어, 표, 프레임의 테두리 표시를 설정할 수 있습니다.

그림 2-3
① Code 작업 영역을 HTML코드 상태로 보기
② Design 작업 영역을 위지윅 디자인 상태로 보기
③ Code and Design 코드와 디자인 상태로 보기
④ Switch Views 코드, 디자인, 코드와 디자인 보기 상태로 전환
⑤ Refresh Design View 디자인 보기 상태로 갱신
⑥ Design View on Top 코드와 디자인 상태로 보기 시 디자인 내용을 상단에 배치
⑦ Head Content 머리글 내용
⑧ Table View 테이블을 레이아웃, 기본 보기 형태로 전환합니다.
⑨ Visual Aids 작업시 비주얼한 도움 기능을 주는 기능을 설정합니다.
 ⓐ Layer Borders 레이어 테두리
 ⓑ Table Borders 표 테두리
 ⓒ Frame Borders 프레임 테두리
 ⓓ Image Maps 이미지 맵
 ⓔ Invisible Elements 비가시 요소
⑩ Code View Option HTML 검사자의 소스 코드 보기 옵션을 설정합니다.
 ⓐ Word Wrap 줄바꿈 설정
 ⓑ Line Numbers 줄 번호
 ⓒ Highlight Invalid HTML 잘못된 HTML 강조
 ⓓ Syntax Coloring 구문 컬러화
 ⓔ Auto Indent 자동 들여쓰기
⑪ Rulers 자의 표시상태와 옵션을 설정합니다.
 ⓐ Show 자 보기
 ⓑ Reset Origin 원본으로 재설정
 ⓒ Pixels 픽셀로
 ⓓ Inches 인치로
 ⓔ Centimeters 센치미터로
⑫ Grid 격자의 표시상태와 옵션을 설정합니다.
 ⓐ Show Grid 격자 보기
 ⓑ Snap To Grid 격자에 흡착
 ⓒ Edit Grid... 격자 편집
⑬ Tracing Image 추적 이미지
 ⓐ Show 추적 이미지 보기
 ⓑ Align with selection 선택된 이미지 정렬
 ⓒ Adjust Position... 위치 조절
 ⓓ Reset Position 위치 재설정
 ⓔ Load... 추적 이미지 가져오기
⑭ Plugins 플러그인
 ⓐ Play 재생
 ⓑ Stop 멈춤
 ⓒ Play All 모든 플러그인 재생
 ⓓ Stop All 모든 플러그인 멈춤
⑮ hide Panels 패널 감추기, 보기
⑥ Toolbar 도구막대 보기, 감추기

4. 삽입(Imsert) 메뉴
삽입 메뉴는 이미지, 쇼크웨이브 플래시, 폼 등 여러 가지 오브젝트를 페이지 내에 삽입할 수 있습니다. 이 메뉴에서 삽입되는 오브젝트는 오브젝트 팔레트와 동일합니다.

그림 2-4

① Image 이미지
② Interactive Images 인터액티브 이미지
 ⓐ Rollover Image 롤오버 이미지
 ⓑ Navigation Bar 네비게이션 막대
 ⓒ Flash Button 플래시 버튼
 ⓓ Flash Text 플래시 텍스트
 ⓔ Fireworks HTML 파이어웍스 HTML
③ Media 미디어
 ⓐ Flash 플래시 삽입
 ⓑ Shockwave 쇼크웨이브 삽입
 ⓒ Generator 제네레이터 삽입
 ⓓ Applet 애플릿 삽입
 ⓔ Plugin 플러그인 삽입
 ⓕ ActiveX 액티브X 삽입
④ Table 표
⑤ Layer 레이어
⑥ Frames 프레임
 ⓐ Left 왼쪽으로 프레임 나누기
 ⓑ Right 오른쪽으로 프레임 나누기
 ⓒ Top 위로 프레임 나누기
 ⓓ Bottom 아래로 프레임 나누기
 ⓔ Left and Top 왼쪽과 위로 프레임 나누기
 ⓕ Left Top 왼쪽 상단으로 프레임 나누기
 ⓖ Top Left 오른쪽 상단으로 프레임 나누기
 ⓗ Split 4개 프레임 분할
⑦ Form 양식
⑧ Form Object 양식 오브젝트
 ⓐ Text Field 텍스트 필드 삽입
 ⓑ Button 버튼 삽입
 ⓒ Check Box 채크박스 삽입
 ⓓ Radio Button 라디오버튼 삽입
 ⓔ List/Menu 목록/메뉴 삽입
 ⓕ File Field 파일 필드 삽입
 ⓖ Image Field 이미지 필드 삽입
 ⓗ Hidden Field 감춤 필드 삽입
 ⓘ Jump Menu 점프메뉴 삽입
⑨ Horizontal Rule 수평 자
⑩ Server-Side Include 서버측 데이터 포함
⑪ E-Mail Link 전자메일 링크 삽입
⑫ Date 날짜 삽입
⑬ Tabular Data 테이블 데이터 삽입
⑭ Horizontal Rule 수평자 삽입
⑮ Invisible Tags 비가시 태그
 ⓐ Named Anchor 이름이 있는 앵커
 ⓑ Script 스크립트
 ⓒ Comment 주석
⑥ Characters 문자Head 머리글
 ⓐ Meta 메타 테그
 ⓑ Keywords 키워드
 ⓒ Description 설명
 ⓓ Refresh 갱신
 ⓔ Base 페이지 URL 기초
 ⓕ Link 링크
⑦ Special Characters 특수 문자
 ⓐ Line Break 개행
 ⓑ Non-Breaking Space 비 분리 간격
 ⓒ Copyright 저작권 기호 
 ⓓ Registered Trademark 등록 상표 기호
 ⓔ Trademark 상표 기호
 ⓕ Pound 파운드기호
 ⓖ Yen 엔 기호
 ⓗ Euro 유로기호
 ⓘ Left Quote 왼쪽 인용 기호
 ⓙ Right Quote 오른쪽 인용 기호
 ⓚ Em-Dash m자 크기의 대시 기호
 ⓛ Other... 다른 문자 삽입 
⑧ Get More Objects... 추가 오브젝트 가져오기

5. 수정(Modify) 메뉴
수정메뉴는 페이지 등록정보, 선택 물 등록정보, 퀵 태그 에디터, 링크 설정, 수정, 프레임 셋의 분할 등 각각 문서 내에 삽입된 오브젝트의 등록정보를 변경할 수 있습니다.

그림 2-5

① Page Properties... 페이지 등록정보
② Selection Properties 선택물 등록정보
③ Quick Tag Editor 퀵 태그에디터
④ Make Link... 링크 만들기
⑤ Remove Link 링크 제거
⑥ Open Linked Page... 링크된 페이지 열기
⑦ Link Target 링크 대상
 ⓐ Default Target 기본 타겟
 ⓑ _blank 빈 페이지에 링크
 ⓒ _parent 부모 프레임 셋에 링크
 ⓓ _self 자기 프레임 셋에 링크
 ⓔ _top 상위 프레임 셋에 링크
 ⓕ Set... 프레임 셋 링크 설정
⑧ Table 표
 ⓐ Select Talbe 테이블 선택
 ⓑ Merge Cells 셀 병합
 ⓒ Split Cell... 셀 분리
 ⓓ Insert Row 행 삽입
 ⓔ Insert Column 열 삽입
 ⓕ Insert Rows or Columns... 행 또는 열 삽입
 ⓖ Delete Row 행 삭제
 ⓗ Delete Column 열 삭제
 ⓘ Increase Row Span 행 폭 증가
 ⓙ Increase Column Span 열 폭 증가
 ⓚ Decrease Row Span 행 폭 감소
 ⓛ Decrease Column Span 열 폭 감소
 ⓜ Clear Cell Heights 셀 높이 지움
 ⓝ Clear Cell Widths 셀 너비 지움
 ⓞ Convert Widths to Pixels 너비를 픽셀로 변환
⑨ Frameset 프레임 셋
 ⓐ Edit NoFrames Content 노프레임을 컨텐츠 편집
 ⓑ Split Frame Left 프레임 왼쪽 나눔
 ⓒ Split Frame Right 프레임 오른쪽 나눔
 ⓓ Split Frame Up 프레임 상단 나눔
 ⓔ Split Frame Down 프레임 하단 나눔
⑩ Navigation Bar 네비게이션 막대 수정
⑪ Arrange 배열
 ⓐ Bring To Front 레이어 앞으로 가져오기
 ⓑ Send To Back 레이어 뒤로 보내기
 ⓒ Prevent Layer Overlaps 레이어 겹침 방지설정
⑫ Align 정렬
 ⓐ Left 오브젝트 왼쪽 정렬
 ⓑ Right 오브젝트 오른쪽 정렬
 ⓒ Top 오브젝트 상단 정렬
 ⓓ Bottom 오브젝트 하단 정렬
 ⓔ Make Same Width 너비 동일하게 만들기
 ⓕ Make Same Height 높이 동일하게 만들기
⑬ Convert 변환
 ⓐ Tables to Layers... 테이블을 레이어로 변환
 ⓑ Layers to Table... 레이어를 테이블로 변환
⑭ Library 라이브러리
 ⓐ Add Objects to Library 라이브러리에 오브젝트 추가
 ⓑ Update Current Page 현재 페이지 라이브러리 갱신
 ⓒ Update Pages... 페이지 라이브러리 갱신
⑮ Templates 템플릿
 ⓐ Apply Template to Page... 페이지에 템플릿 적용
 ⓑ Detach from Template 페이지에 적용된 템플릿 제거
 ⓒ Open Attatched Template 적용된 템플릿 원본 열기
 ⓓ Update Current Page 현재 페이지 템플릿 갱신
 ⓔ Update Pages... 페이지 템플릿 갱신
 ⓕ New Editable Region... 새로운 편집 영역 작성
 ⓖ Remove Editable Region... 편집 영역 제거
 ⓗ No Editable Regions 편집 영역 아님
⑥ Timeline 타임라인
 ⓐ Add Object to Timeline 타임라인에 오브젝트 추가
 ⓑ Add Behavior to Timeline 타임라인에 비헤이비어 추가
 ⓒ Record Path of Layer 레이어 움직인 패스로 기록
 ⓓ Add Keyframe 키프레임 추가
 ⓔ Remove Keyframe 키프레임 제거
 ⓕ Change Object... 오브젝트 바꿈
 ⓖ Remove Object 오브젝트 제거
 ⓗ Remove Behavior 비헤이비어 제거
 ⓘ Add Frame 프레임 추가
 ⓙ Remove Frame 프레임 제거
 ⓚ Add Timeline 타임라인 추가
 ⓛ Remove Timeline 타임라인 제거
 ⓜ Rename Timeline 타임라인 새로운 이름 작성

6. 문서(Text) 메뉴
문서메뉴는 선택한 문서에 글꼴이나 글꼴의 크기, 색상, 서식, 목록, 정렬, 들여쓰기, 내어쓰기 등 지정하며 워드 프로세서의 문서를 다루는 기능과 동일합니다.

그림 2-6

① Indent 들여쓰기
② Outdent 내어쓰기
③ Paragraph Format 단락 서식
 ⓐ None 없음
 ⓑ Paragraph 단락
 ⓒ Heading 1, 2, 3, 4, 5, 6 해드라인 크기 1~6
 ⓓ Preformatted Text 형식이 자유로운 텍스트
④ Align 정렬
 ⓐ Left 좌측 정렬
 ⓑ Center 가운데 정렬
 ⓒ Right 우측 정렬
⑤ List 목록
 ⓐ None 없음
 ⓑ Unordered List 순차가 없는 목록
 ⓒ Ordered List 순차가 있는 목록
 ⓔ Definition List 정의된 목록
 ⓕ Properties... 목록 속성 설정
⑥ Font 글꼴
 ⓐ Default 기본 글꼴
 ⓑ 설정되어 있는 6가지 글꼴 스타일
 ⓒ Edit Font List... 폰트 목록 편집
⑦ Style 스타일
 ⓐ 볼드체(Bold)
 ⓑ 이태릭체(Italic)
 ⓒ 밑줄체(Underline)
 ⓓ 취소선(Strikethrough)
 ⓔ 타자기(Teletype)
 ⓕ 강조(Emphasis)
 ⓖ 강한 강조(Strong)
 ⓗ 코드(Code)
 ⓘ 변수(Variable)
 ⓙ 샘플(Sample)
 ⓚ 키보드(Keybord)
 ⓛ 인용문(Citation)
 ⓜ 정의(Definition)
⑧ HTML Styles HTML 스타일
 ⓐ Clear Selection Style 선택 스타일 제거
 ⓑ Clear Paragraph Style 단락 스타일 제거
 ⓒ New Style... 새로운 스타일 작성
⑨ CSS Styles CSS 스타일
 ⓐ None 없음
 ⓑ New Style... 새로운 CSS 스타일 작성
 ⓒ Edit Style Sheet 스타일 시트 편집
 ⓓ Attach Style Sheet... 스타일 시트 첨부
 ⓔ Export CSS Style... CSS 스타일 파일로 보내기
⑩ Size 크기
 ⓐ Default 기본(3)
 ⓑ 텍스트 크기 (작음)1, 2, 3, 4, 5, 6, 7(큼)
 
⑪ Size change 사이즈 변경
 ⓐ +1, +2, +3, +4 기본(3) 크기에 더한 크기만큼 증가
 ⓑ -1, -2, -3 기본(3) 크기에 뺀 크기만큼 감소
⑫ Color... 윈도우 색상 팔레트
⑬ Check Spelling 영문 맞춤법 검사

7. 명령(Command) 메뉴
명령 메뉴는 반복되는 작업의 기록, 재생, 소스 서식적용, HTML 정리, 표 서식, 색상 조직 등 작업을 보다 단축시킬 수 있는 기능을 제공합니다.

그림 2-7

① Start Recording 기록 시작
② Play Recorded Command 기록된 명령 재생
③ Edit Command List... 명령 목록 편집
④ Get More Commands... 새로운 명령 가져오기
⑤ Manage Extensions... 익스텐션 메니저 실행
⑥ Apply Source Formatting 소스 서식 적용
⑦ Clean Up HTML HTML 정리
⑧ Clean Up Word HTML 워드 HTML 정리
⑨ Add/Remove Netscape Resize Fix 추가/삭제 넷스케이프 크기 고정
⑩ Optimize Image In Fireworks 파이어웍스에서 이미지 최적화
⑪ Create Web Photo Album... 웹 포토 앨범 생성
⑫ Set Color Scheme 색상 조직 설정
⑬ Format Table 표 서식
⑭ Sort Table 표 정리

8. 사이트(Site) 메뉴
사이트 메뉴는 하드디스크상의 로컬 사이트와 웹 서버에 파일 전송시 파일을 관리할 수 있는 기능을 제공하며 새로운 사이트 작성, 열기, 사이트 정의, 복수의 사람과 작업이 가능한 사용자 체크 인/아웃, 사이트 링크 확인, 로컬, 리모트 사이트 위치를 확인하는 기능을 가지고 있습니다.

그림 2-8

① Site Files 사이트 파일
② Site Map 사이트 맵
③ New Site... 새 사이트
④ Open Site... 사이트 열기
⑤ Define Sites... 사이트 정의
⑥ Get 내림
⑦ Check Out 체크아웃
⑧ Put 올림
⑨ Check In 체크 인
⑩ Undo Check Out 체크아웃 되돌리기
⑪ Reports... 사이트 리포트 작성
⑫ Check Link Sitewide 사이트내의 링크 확인
⑬ Locate in Local Site 로컬 사이트 위치
⑭ Locate in Remote Site 리모트 사이트 위치

9. 윈도우(Window) 메뉴
윈도우 메뉴는 작업상에 필요한 윈도우를 표시, 비표시를 조작하며 플로팅 팔레트의 배열, 모두 감추는 기능을 제공합니다.

그림 2-9

① Objects 오브젝트
② Properties 등록정보
③ Launcher 실행기
④ Site Files 사이트 파일
⑤ Site Map 사이트 맵
⑥ Assets 자산
⑦ Behaviors 비헤이비어
⑧ Code Insector HTML 코드 인스펙터
⑧ CSS Styles CSS 스타일
⑨ Frames 프레임
⑩ History 히스토리
⑪ HTML Styles HTML 스타일
⑫ Layers 레이어
⑬ Library 라이브러리
⑭ Reference 리퍼런스
⑮ Templates 템플릿
⑥ Timelines 타임라인
⑦ Arrange Floating Palettes 플로팅 팔레트 배열
⑧ Hide Panels 패널 감추기
⑨ Minimize All 모두 작게 감추기
⑩ Restore All 작게 감춘 패널 모두 원상태로 되돌리기
⑪ 현재 열려있는 문서

10. 도움말(Help) 메뉴
도움말 메뉴는 드림위버의 사용법, 드림위버 확장, 지원센터로 연결, 드림위버에 대한 정보를 얻을 수 있습니다.

그림 2-10

① Welcome 드림위버4 바뀐점 튜토리얼 소개
② Using Dreamweaver 드림위버 사용법
③ Reference 리퍼런스 보기
④ What's New 드림위버4 바뀐점 소개
⑤ Guided Tour 사용법 안내
⑥ Lesson 강좌
⑦ Dreamweaver Exchange 드림위버 익스첸지 사이트 연결
⑧ Manage Extensions... 익스텐션 메니저 실행
⑨ Dreamweaver Support Center 드림위버 지원센터
⑩ Dreamweaver Online Forums 드림위버 뉴스그룹
⑪ Extending Dreamweaver 드림위버 확장 문서
⑫ Creating and Submitting Extensions 드림위버 익스텐션 작성과 전송 소개
⑬ Register Dreamweaver... 드림위버 등록
⑭ About Dreamweaver 드림위버에 대하여

참고
드림위버 사용법에는 드림위버의 각각의 기능에 대해 자세한 매뉴얼로 이루어져 있으며 해당 기능을 사용시 궁금한 사항을 검색기를 사용하여 내용을 빠르게 찾아볼 수 있습니다.