작업창에 이미지를 삽입한다..오브젝트 창에서 위의 아이콘을 클릭하면 아래에 보이는 창이 뜨는데 그 창에서 자신이 삽입하고자 하는 이미지를 찾아서 클릭하면 바로 이미지가 삽입이 된다..

이미지 삽입에 대한 자세한 설명은 드림위버를 이용한 이미지 활용하기를 참고 하기 바란다....

: 홈페이지에서 마우스를 올려 두었을때 이미지가 변하는 경우를 보았을 것이다.. 그때 사용하는 것이 바로 이 아이콘이다.. 물론 나중에 자세하게 설명을 하겠만 Behavior Action에서 자세하게 설명을 하겠지만 그때 Swap Image를 이용하면 많은 이미지에 작업이 가능하다.. 결과론적으로는 같은 역할을 한다.. 좌측 아이콘에 마우스를 가져가 보면 무슨 기능인지 확실히 알 수 있을 듯하다..

사용하는 방법은 Common 오브젝트 팔레트에서 위의 아이콘을 클릭하면 아래의 창이 뜨는데..

위에서 Original Image는 초기의 이미지를 찾아서 선택하면 되고 Rollover Image는 마우스가 Over되었을 때 바뀔 이미지를 선택하고 Ok를 누르면 된다.. 아주 쉽다.. 물론 이미지를 선택하기 해서는 Browse버튼을 클릭해야 겠죠..

그리고 이미지를 클릭했을때 넘어갈 페이지나 사이트는 아래의 When Clicked, Go to URL 에 파일의 경로나 주소를 적으면 된다..

:

테이블을 삽입할 수 있다. 삽입하기 위해서는 테이블 아이콘을 클릭하면 아래의 창이 뜨는데..

Row는 행수, Columns는 열수, Width는 테이블의 넓이(Pixels 과 Percent 로 설정가능), Border는 테이블 테두리의 두께, Cell Padding 은 셀의 테두리부터 셀의 내용까지의 두께, Cell Spacing 은 셀과 셀의 간격을 의미한다..

테이블에 대한 자세한 설명은 드림위버를 이용한 테이블 활용하기를 참고 하시기 바랍니다..

: 엑셀, 혹은 엑세스와 같은 데이타베이스 소스 파일을 불러들여 테이블 형식으로 보여주는 기능을 한다.. 보통 컴마나 스페이스로 구분된 텍스트 파일을 드림위버로 삽입하면 자동으로 테이블로 전환되어 입력이 된다.. 아래의 예제를 보면 간단히 이해를 알수 있을 것이다..

다음은 insert.txt 파일을 Tabular Data 를 클릭하여 변환된 경우입니다.. 우선 아이콘을 클릭하면 아래의 창이 뜬다..

Data File에는 변환할 파일을 선택하고, Delimiter는 구획문자로 데이터의 구분을 이야기 한다.. 즉 간단히 이야기 하면 변환을 할때 테이블로 만드는데 무엇을 기준으로 셀을 나눌것인가를 선택하는 것이다.. 클릭해 보면 Tab(Tab을 기준으로), Comma(콤마를 기준으로), Semicolon(세미콜론을 기준으로), Colon(콜론을 기준으로), other(다른 구분자를 이용가능) 등이 있다..

그리고 Table Width는 테이블의 크기를 이야기하고 Cell Padding(셀부터 문자사이의 거리), Cell Spacing(셀과 셀의 간격), Format Top Row는 변환한 테이블 첫행에 대한 설정으로 Bold(굵게), Italic(기울이기), Bold Italic(굵고 기울이기) 중 선택을 하면 된다.. 그리고 Border 는 테이블 테두리의 굵기를 의미 한다..

자 그럼 위의 Insert.txt 파일을 Tab을 구분자로 변환한 경우와 Comma를 구분자로 한 경우를 예로 들겠습니다..

자 이제 아시겠죠....

현재 커서가 위치한 곳에 수평선을 넣을 수 있다.. 이건 너무나 간단하기 때문에 바로 예제로서 설명을 하도록 한다.

아이콘을 클릭을 하면 아래와 같은 선이 작업창에 바로 입력이 된다..

이것에 대한 설정을 바꾸고자 한다면 수평선을 선택을 하면 프로펄티 인스펙트가 다음과 같이 바뀐다..

Horizontal Rule은 수평선에 이름(ID)를 부여하는 건데 구지 설정하지 않아도 관계없다.. 그리고 W(Width), H(Height), Align(정열위치), Shading은 음영효과 라고 생각하면 된다.. 물론 색상도 마음대로 조정이 가능하다..

위 수평선에 대한 소스를 살펴보면 다음과 같다..
<hr id="hori" width="500" height="1" align="center" noshade color="red">

그럼 알맞는 장소에 잘 활용하시길....

홈페이지 개발시 메뉴를 구성하고자 할때 사용하며 편리하게 이용이 가능하다.. 메뉴들은 마우스의 이벤트 상황에 따라서 4 가지의 이미지를 적용 할 수 있다..

자세한 설명은 다음으로 미룬다..

말 그대로 레이어를 그릴때 사용하는 것이다.. 클릭하고 레이어를 그리고 싶은 위치에 대고 그냥 클릭한 후에 드레그 하면 레이어가 자동 생성이 된다..

레이어에 대한 자세한 설명은 드림위버를 이용하여 Layer 이해하기를 참고하기 바란다.. 자세한 설명은 거기에 다 있으니...

작업중인 문서에서 줄을 바꿀때 사용을 한다.. 위에서 알 수 있듯이 단축키가 따로 있으므로 구지 아이콘을 클릭할 필요가 없다.. 텍스트를 쓰다가 줄을 바꾸고 싶을 때는 Shift + Enter를 치면 된다..

이 Tag는 첫 강좌에 있었는데.. 거기서 <br> 태그와 동일 한 것이다..

참고로 문단을 나누고 싶은 경우는 <P>태그를 사용한다.. 잘 알것이라 생각하고 간단히 그냥 넘어 가겠다..

텍스트나 이미지에 E-mail 링크를 쉽게 걸어준다.. 다음의 예제를 보면 쉽게 알 수 있다.. 아이콘을 클릭하면 아래의 창이 뜨는데 ....

Text 에는 링크를 시킬 텍스트를 쓰면 되고, E-Mail에는 자신의 E-Mail주소를 적으면 된다..

위의 예를 실행한 것이다.. 저에게 메일을

날짜와 시간을 삽입한다.. 아래의 그림을 보고 설명을 하도록 하자..

Day Format : 요일이 보여지는 형식을 설정하는 부분이고, Date Format : 날짜가 보여지는 형식을 설정하는 부분이며, Time Format : 시간이 보여지는 형식을 설정하는 부분이며, 마지막에 있는 Update Automatically on Save는 세이브시 자동으로 업데이트 되도록 할 것인가에 대한 설정이다.. 물론 체크를 하면 업데이트시 자동으로 날짜가 변경된다.. 다음의 위의 설정대로 Ok를 클릭한 경우이다..

Tuesday, 14-Mar-2017 9:02 PM

매크로 미디어 플래시를 삽입할때 사용한다.. 아이콘을 클릭하면 파일을 선택할 수 있는 창이 뜨는데, 거기서 삽입할 플래시 파일을 선택하면 자동으로 삽입이 된다.. 플래시 파일은 *.swf 파일이다..

이 항목에 대한 자세한 설명은 드림위버로 미디어 추가하기를 참고하기 바란다..

매크로 미디어 디렉터의 인터넷 쇽웨이브 파일인 DCR파일을 삽입할 때 사용한다.. 아이콘을 클릭하면 파일을 선택할 수 있는 창이 뜨는데 거기서 삽입하고자 하는 DCR파일을 선택하면 삽입이 된다.. 파일의 확장자는 *.dcr 이다..

이 항목에 대한 자세한 설명은 드림위버로 미디어 추가하기를 참고하기 바란다..

매크로 미디어 제너레이터에서 제작한 파일을 삽입할 경우에 사용한다.. 제너레이터는 웹사이트의 효과를 높이기 위해 개별화, 자동화하며 컨텐츠를 시각적으로 만들어 주는 솔루션 제품이다..

저 같은 경우는 거의 사용을 하지 않았었습니다.. 뭐 참고를 하실려면 이곳으로 .... 항목에 대한 자세한 설명은 드림위버로 미디어 추가하기를 참고하기 바란다..

매크로 미디어 파이어웍스에서 제작한 HTML파일을 삽입할때 사용합니다.. 아이콘을 클릭하면 파일을 선택할 수 있는 창이 나오는데 거기서 파일을 선택한 후 OK를 클릭하면 된다.. 아래의 그림은 아이콘을 클릭하였을때 뜨는 창이다.

이 항목에 대한 자세한 설명은 드림위버로 미디어 추가하기를 참고하기 바란다..

썬 마이크로 시스템사에서 개발한 오브젝트형 프로그래밍 언어로서 브라우저 내에서 인라인으로 실행되는 어플리케이션을 의미하기도 하는데 보통의 경의 *.class 파일이다..

아이콘을 클릭하면 파일을 선택할 수 있는 창이 오픈이 되는데 거기서 삽입할 애플릿 파일을 선택하면 된다.. 자세한 설명은 드림위버로 미디어 추가하기를 참고하기 바란다..

마이크로소프트사가 제작한 익스플로러 전용언어로서 플러그인과 같이 작동하기도 하며 , 멀티미디어를 재생하기도 한다.

자세한 설명은 드림위버로 미디어 추가하기를 참고하기 바란다..

기타 플러그 인을 삽입할 경우에 사용한다.. 자세한 설명은 다음으로 미루기로 한다..

SSI를 삽입할 경우에 사용한다.. SSI 에 대한 자세한 설명은 이곳으로 ..