자 오늘은 드림위버의 기본 메뉴 중에서 Modify Menu에 대해서 알아 보도록 하겠다.. 이 메뉴들은 대부분 도큐먼트 윈도우에서 진행한 작업에 대한 수정을 하는 기능을 한다.. 수정은 이 메뉴를 이용하는 것 보다는 각각의 개체에 해당하는 프로펄티 인스펙트 화면을 이용하는게 더 유리하다..
물론 프로펄티 인스펙트 만으론 안되는 부분이 있지만 그러한 기능은 따로 알아두고 나머지는 모두 거의 프로펄티 인스펙트를 이용하도록 하자..
아래의 그림은 Modify Menu를 클릭했을 때 나오는 항목들이다..
 |
기본적으로 페이지의 배경색은 무엇으로 하며, 배경이미지나 현재 페이지의 Title 을 설정하고 앞에서 배운 트레이싱 이미지에 대한 설정도 가능하다.. 우선 Ctrl + J 혹은 다큐먼트 윈도우에서 마우스 오른쪽 클릭을 하면 맨 밑에 Page Properties 항목을 선택한다.. 똑는 Modify의 Page Properties 항목을 클릭하자.. 그럼 아래와 같은 그림이 뜬다.. 그럼 아래 그림에 대해서 항목별로 살펴보기로 하자..(표 참조) 아래에 설명하는 대부분의 항목들은 <body> Tag의 옵션으로 설정이 된다.. 즉 예를 들어 <body backgournd="이미지 파일" bgcolor="색상값" text="색상값" vlink="색상값" link="색상값" alink="색상값" leftmargin="값" topmargin="값" marginwidth="값" marginheight="값"> 형식으로 쓰여지게 된다.. |
Ctrl + J를 클릭하여
Page Properties를 띄운 그림
|
Title
|
현재 작업하고 있는 문서에 제목을 나타낸다.. HTML Tag에서 <head>부분에 들어 가게 되는데 위의 그림 같은 경우에는 <title>Modify 메뉴 이해하기</titl> 와 같다.. |
|
Background
Image
|
현재 작업하고 있는 문서에 배경이미지를 설정을 하는 것이다.. 사용법은 간단다.. 우측에 있는 Browse를 클릭하면 이미지를 선택할 수 있는데 배경으로 사용할 이미지를 선택을 하면 된다.. 이 선택에 대한 소스는 <Body>의 옵션중의 하나로 만약 aaa.gif를 배경이미지로 사용을 한다면 <body background="aaa.gif"> 이런 식으로 들어가게 된다.. |
|
Background
|
이 항목은 현재 문서의 배경색을 지정할 수 있다.. 위의 그림 같은 경우에는 백색으로 설정이 되어 있는데, 색상을 지정하는 버튼을 클릭하고 마음에 드는 색상을 선택하면 된다.. 이 또한 <body> 의 옵션중 하나이다.. <body bgcolor="#FFFFFF"> |
|
Text
|
현재 작업하고 있는 문서의 기본적인 Text Color를 선택하는 것이다.. 선택하지 않으면 기본적을 검은색으로 쓰여 지지만, 여기서 설정을 할 경우 기본적인 텍스트 칼라가 바뀐다.. <body text="#000000"> |
|
Visited
Links
|
많이 보았을 것이다.. 링크를 방문하고 나면 색상이 변하는 것을 ... 보통 처음에 방문하기 전에는 푸른색이지만 방문하고 난 뒤 보면 그 링크의 색상이 변해져 있는 것을.. 물론 여러분이 마음대로 설정이 가능하다.. <body vlink="#000099"> |
|
Links
|
링크에 기본적인 색상을 지정할 수 있다.. <body link="#0000FF"> |
|
Active
Links
|
링크에 마우스를 클릭하는 그 순간의 색상을 지정하는 것이다.. <body alink="#FF0000"> |
|
Left
Margin
|
현재 작업하고 있는 페이지의 왼쪽 여백을 설정한다..<body leftmargin="값"> |
|
Margin
Width
|
현재 작업하고 있는 페이지의 가로 여백을 설정한다..<body marginwidth="값"> |
|
Top Margin
|
현재 작업하고 있는 페이지위 위쪽 여백을 설정한다..<body topmargin="값"> |
|
Margin
Height
|
현재 작업하고 있는 페이지의 세로 여백을 설정한다.. <body marginheight="값"> |
|
Document
Encoding
|
문서의 엔코딩 방식을 설정하는 곳입니다.. 물론 한글은 위와 같이 Korean(EUC-KR)을 선택해야 한다.. EUC-KR)을 선택해야 한다.. 우측의 역삼각형을 클릭해 보면 여러가지 언어로 작업이 가능함을 알 수 있다.. |
|
Tracing
Image
|
트레이싱 이미지에 대한 설정이다.. 이는 View Menu에서 자세하게 설명을 하였으니 여기서는 생략한다.. 자세한 사항은 View Menu를 참고하기 바란다.. |
|
Image
Transparency
|
트레이싱 이미지의 투명도를 설정하는 부분이다.. |
Selection Properties ( Ctrl + Shift + J) :
속성창에 대한 설정으로 각각의 프로펄티가 약간씩 차이가 있다.. 즉 텍스트를 선택했을 때와 이미지를 선택했을때 테리블을 선택했을때
프레임을 선택했을때 등등 모두가 약간씩 차이가 있으므로 그때 그때 설명을 하도록 하겠다.. 여기서 선택을 한 상태여야 프로펄티
창이 계속 보이고 그 선택항목에 맞게 변화한다.. 반드시 체크를 하고 작업을 하자..
Quick Tag Editor (Ctrl + T) : 말 그대로 태그를 빠르게
편집할 수 있다.. 각각의 프로펄티 창을 보면 
와
같은 이미지가 있는데 이 아이콘을 클릭하면 Tag를 편집할 수 있는 아래와 같은 창이 나온다..
이 항목에 대한 설명은 드림위버의 기본 환경설정에서 자세하게 설명을 하고 있으므로 그곳을 참고하기 바란다..
Make Link (Ctrl + L) : 기본은 비 활성화 상태이며 텍스트나
이미지를 선택하면 활성돠 된다.. 그리고 Ctrl + L 을 클릭하면 파일을 선택할 수 있는 창이 오픈이 된다.. 거기서 링크를
걸 파일을 선택하면 된다.. 물론 프로펄티 인스펙트에서 링크를 걸어도 관계없다.. 편한대로 작업하기를 .... 그리고 링크가
현재 걸려 있는 부분을 선택하면 Change Link로 항목의 이름이 바뀐다..
Remove Link (Ctrl + Shift + L) : 기본은 비 활성화
상태이지만 링크가 걸려있은 이미지나 텍스트를 선택하면 활성화 된다.. 기능은 링크가 걸려 있는 설정을 제거해 준다.. 즉 링크를
없애준다..
Open Linked Page : 기본은 비 활성화 상태이고 링크가 걸려있는
이미지나 텍스트를 선택하면 활성화 된다.. 링크가 있는 부분을 선택을 하고 이 항목을 클릭하면 링크가 걸려 있는 창이 오픈이
된다..
Link Target : 이 항목은 링크에 Target을 지정할 경우에 사용한다..
우선 아래의 그림을 보고 설명을 하도록 하겠다.. 원래 이 항목도 기본은 비 활성화 상태이지만, 링크를 선택할 경우 활성화가
된다..
 |
Default Target : 기본값이다.. _blank : 새로운 창에 그 링크를 오픈 할때 사용한다.. _parent : 링크를 오픈 할 때 부모 프레임에 열린다.. _self : 링크를 오픈 할 때 링크가 걸려있는 프레임 자체에서 열린다.. _top : 윈도우를 오픈 할 때 현재 떠 있는 윈도우의 전체 내용이 바뀐다..
|
Set : 사용자가 직접 설정을 한다.. 사용자가 임의로 프레임을 나누었을 경우 프레임에 각각의 이름을 주게 되는데 그 이름을 Target 지정할 때 사용 한다.. 아래의 그림은 Set 항목을 클릭하였을 경우 나타나는 그림이다..
현재는 Target 을 main으로 한 경우이다.. 이 링크 Target에 대한 상세한 설명은 드림위버의 텍스트 이용하기 를 참고 하기 바란다..
Table : 현재 작업하고 있는 문서에서 테이블을 사용하였을 경우 그 테이블에
대한 편집을 할 수 있다.. 아래의 그림은 Table 항목을 클릭하였을 경우 나타나는 그림이다..
 |
Select Table (Ctrl + A)
: 현재 커서가 위치한 테이블 전체 선택 |
Clear Cell Heights
: 선택된 셀의 높이를 없앤다..
Clear Cell Width
: 선택된 셀의 넓이를 없앤다..
Convert Widths to Pixels
: 지정된 가로폭을 픽셀로 바꾸어 준다..
Convert Widths to Percent
: 지정된 가로폭을 퍼센트로 바꾸어 준다..
테이블 항목에 대한 설명은 여기서는 줄이고 좀더 자세한 사항은 드림위버로 테이블 활용하기를 참고하기 바란다..
Layers and Hotspot : 문서에 삽입된 레이어에 대한 정열과
크기에 대해서 수정이 가능하다.. 아래의 그림은 이 항목을 클릭하였을 경우 나타나는 그림이다..
 |
Align Left (Ctrl + Left)
: 왼쪽 정열 |
위 항목은 비 활성화 되어 있는데, 레이어를 그려넣고 선택을 하고나서도 활성화가 되지 않더군요.. 왜인지는 저도 잘 모르겠더군요.. 어쨌든 레이어와 관련된 항목인것 같은데.. 아시는분 저에게 가르쳐 주세요...
많이 쓰이지는 않는 것 같습니다.. 이 항목은 그냥 여기서 넘어갈께요...
Frameset : 프레임 셋을 지정하는 항목이다.. 아래의 그림은 프레임셋
항목을 클릭하였을 경우 나타나는 그림이다.. 아래의 그림을 보자...
 |
Split Frame Left : 이 항목을 클릭하면 현재 작업하고 있는 문서를 왼쪽 프레임에 두고 오른쪽에 새로운 작업창이 뜬다.. Split Frame Right : 이 항목을 클릭하면 현재 작업하고 있는 문서를 오른쪽 프레임에 두고 왼쪽에 새로운 작업창이 뜬다.. Split Frame Up : 이 항목을 클릭하면 현재 작업하고 있는 문서를 위에 두고 아래에 새로운 작업창이 뜬다.. Split Frame Down : 이 항목을 클릭하면 현재 작업하고 있는 문서를 아래에 두고 윗쪽에 새로운 작업창이 뜬다.. |
프레임을 나누는 방법중에 하나이다.. 그러나 이렇게 프레임을 나누는 것 보다는 프레임 오브젝트를 이용하여 프레임을 나누는 것이 더 편리할 것으로 보인다.. 프레임 나누는 것에 대한 좀더 상세한 정보는 드림위버를 이용한 프레임 나누기를 참고하기 바란다..
Navigation Bar : 현재 문서에 삽입되어 있는 네비게이션 바를
수정할때 사용을 한다.. 즉 Common 오브젝트 파레트에서 아이콘 
을
클릭하여 네비게이션 바를 삽입한 경우에 이 항목으로 수정및 편집이 가능해 진다..
Layout Mode : 이 항목은 테이블을 레이어로 레이어를 테이블로 변환할
수 있는 기능이다.. 메뉴에서 이 항목을 클릭하였을 경우 아래와 같은 그림이 나온다..
Convert Tables to Layers (Ctrl + F6) : 테이블을 레이어로 변환해 준다.. 이 항목을 클릭하면 아래와 같은 그림이 나온다..
|
Layout
Tools
|
Prevent Layer OverLaps : 레이어로 변환할 경우 레이어를 서로 딱 붙일것인지 아니면 겹치게 할 것인지에 대한 설정이다.. |
| Sow Layer Palette : 레이어 파레트를 보이게 할것인가에 대한 설정이다.. | |
| Show Grid : 그리드를 보이게 할 것인가에 대한 설정이다.. | |
| Snap To Grid : 그리드에 스넵 기능을 사용할 것인가에 대한 설정이다.. |
Convert Layers to Table (Ctrl + Shift + F6) : 레이어를 테이블로 변환해 준다.. 아래의 그림은 이 항목을 선택하였을 경우 나타나는 그림이다..
|
Table
Layout
|
Most Accurate : 대부분을 정밀하고 맞춘다.. |
| Smallest : Collapse Empty Cells Less than [ ]Pixels Wide | |
| Use Transparent GIFs | |
| Center on Page : 페이지의 중앙에 정열한다.. | |
|
Layout
Tools
|
위에 있는 항목과 동일하다.. |
Library : 이 항목은 라이브러리에 대한 항목이다.. 우선 Library항목을
클릭하면 아래의 그림과 같다..
 |
Add Object Library (Ctrl + Shift + B) : 선택한 개체를 라이브러리로 추가를 한다.. Update Current Page : 현재의 웹 문서에서 라이브러리와 관련된 것만 업데이트 한다.. |
Update Page : 현재 작업중인 웹 문서나 업데이트된 라이브러리를 업데이트 한다..
우선은 라이브러리에 대한 자세한 설명은 다음으로 미루고 이 항목에서는 여기까지...
Template
: 이 항목은 탬플릿에 대한 항목이다.. 우선 탬플릿 항목을 클릭하였을 경우 나타타는 그림은 아래와 같다..
 |
Apply Template to Page : 현재 작업중인 문서에 탬플릿을 적용한다.. Detach from Template : 적용된 탬플릿을 분리한다.. Open Attached Template : 현재 문서에 적용된 탬플릿을 Open 한다.. Update Current Page : 현재의 웹 문서에서 탬플릿과 관련된 것만 업데이트 한다.. Update Page : 탬플릿이 사용된 문서를 모두 업데이트 한다.. |
New Editable Region (Ctrl +
Alt + V) : 편집 가능한 부분을 새로 만든다..
Mark Selection as Editable (Ctrl + Alt + W)
: 선택한 영역을 편집 가능한 영역으로 바꾼다..
Unmark Editable Region : 편집 가능한 영역을 해지 한다..
No Editable Region : 편집 할 수 없는 영역
우선은 이 항목도 아 그런게 있구나 하고 그냥 넘어가기 바란다.. 자세한 설명은 다음으로 미룬다..
Timeline : 이 항목은 타임라인과 관련된 항목이다.. 우선 타임라인을
클릭하면 아래와 같은 그림이 나온다..
 |
Add Object to Timeline (Ctrl + Alt + Shift + T) : 타임라인에 개체를 삽입한다.. Add Behavior to Timeline : 비헤비어를 타임라인에 추가한다.. Record Path of Layer : 자동으로 애니메이션을 만들어 준다.. Add Keyframe (Shift + F9) : 키프레임을 추가 한다.. Remove Keyframe : 키프레임을 삭제한다.. Change Object : 개체를 바꾼다.. Remove Object : 개체를 삭제한다.. Remove Behavior : 비헤비어를 삭제한다.. Add Frame :프레임을 추가한다.. Remove Frame : 프레임을 삭제한다.. |
Add Timeline
: 타임라인을 추가한다..
Remove Timeline : 타임라인을 삭제한다..
Rename Timeline : 타임라인의 이름을 바꾼다..
물론 이 항목도 여기까지 간단하게 설명을 하도록 하겠다.. 좀 더 자세한 설명은 다음으로 미룬다..
Translate : SSI를 보여준다.. SSI(Server Side Include)는 서버측에서만 명령하는 것으로 사용자는 그 결과만을 볼 수 있다.. 많이 쓰이지 않는 항목이므로 여기서는 생략한다..
이상으로 Modify Menu에 대해서 알아 보았다.. 간단하게 넘어간 부분도 있는데 이부분은 반드시 다음 강좌로 이어서 하도록 하겠다.. 그리고 혹 지금까지의 강좌를 보면서 혹시 궁금한 사항이나 요구사항이 있으면 언제든지 글올려 주기 바랍니다.. 최대한 성심성의껏 답변해 드리도록 하겠습니다.. 글 올리기
그럼 다음 강좌는 메뉴에서 Text 메뉴에 대해서 공부해 보기로 하자..
