강좌)홈페이지 나도 만들수 있다.6.(i프레임)

폭염과 폭우..........

주위의 모든 사람들이 휴가를 떠났나 봅니다..

부럽습니다...

저는 이렇게 더위를 이기고 있습니다......

음악 들으며..만화도 보며.......

그리고 이렇게 강좌도 만들어 가면서.......

바로 들어 갑니다......

 

6-1. 아이프레임

 

#1.

지난번 강좌에서 메인화면에 보면 왼쪽에 메뉴 부분이 있습니다..

버튼을 클릭 했을 때..

다른 페이지가 열리도록 하는 것을 ..하이퍼 링크 시킨다고 했지요...

그렇게 하이퍼 링크를 시켰을 때..

보여 지는 부분이 오른쪽 메인부분에 보여 져야 하는데..

현재 제가 만들어 놓은 페이지는 표를 이용한 문서 입니다..

이럴 경우..아이프레임이라는 태그가 필요하게 됩니다..

 

 

#2.

 일반적으로 하이퍼 링크 만들기를 클릭 하면 이렇게 됩니다..

그러면 지난번에 배웠듯이..링크 주소와 대상프레임을 선택하고 확인 누르면 하이퍼 링크가 적용 됩니다...대부분 이렇게 버튼을 그림파일로 만들어서 하이퍼 링크를 사용 하는 것이 더 편리하면서 오류가 적습니다..그러나 여기서는 설명을 할 때..

따로 만들어 놓은 버튼이 없어서 나모웹에디터의 버튼을 사용 했습니다.

웹에디터에서 만들어 놓은 버튼은 하이퍼 링크 시키는 방법이 또 다르답니다..

아래에서 설명 하겠습니다..

우선은 아이프레임 부터 설명 하도록 하겠습니다..

 

#3.

바로 이렇게...

편집창이나 같이 보기 창에서 아래와 같은 아이프레임 태그를 넣어 주시면 메인화면의 표 안에..

태그에서 크기를 지정해준 아이프레임이 형성 됩니다...

 

 

#4.

이렇게 프레임을 만들어 주어야만..메뉴 버튼을 클릭 했을 때..

프레임 속에 링크시킨 화면을 나오게 할 수 있는 것입니다..

자 그럼..하나 하나 해보도록 하겠습니다..

 

 

#5.

버튼 부분을 두번 클릭 하면 플래시 버튼 속성 창이 뜹니다.

이 곳에서 주소를 anztour.co.nz을 넣고

대상 프레임의 아래화살표를 클릭 해보시면..

위에서 만들어 넣은 아이프레임 abc 가 보이게 됩니다.

확인 해보겠습니다..

 

#6.

미리보기 창을 클릭 하면 프레임 셋을 저장 한다고 나옵니다..

저장후..미리보기 창에서..데이투어 버튼을 클릭 해 보면..

아래 그림과 같이 메인화면 부분에 일일관광 홈페이지가 보여지게 됩니다..

 

#7.

시험 삼아..

각 버튼 마다 자기가 하이퍼 링크 시킬 곳을 설정 해 봅니다..

이번에는 대상 프레임을 blank 로 해보면 어떨까요?

지난 번에 다 한 것이라서 아주 쉽지요..... 

 

#8.

하이퍼 링크는 꼭 사이트주소만 되는 것이 아니라..

웹에 있는 그림이나..또는 메일 주소등..

인터넷에 떠있는 모든 파일이 대상입니다..

아래 하이퍼 링크 주소는 그림파일입니다..

 

#9.

이 곳에는 네이버를 지정해 보겠습니다..

 

 

#10.

미리보기 창에서 클릭 하니..

바로 네이버 홈페이지가 아이프레임 안에 나타 납니다..

단, 모든 설명은 본인의 컴퓨터가 인터넷에 연결 되어 있어야 하겠지요..

 

오늘 배우신 부분은 아이프레임입니다.

표를 사용 하여 메인 화면을 만들었을 때..

아이프레임을 사용 하시면..

메뉴를 클릭하여서 원하시는 곳에 화면을 띄울 수가 있습니다.

쉬운 듯 하면서도 상당히 복잡해지기 시작 합니다..

많은 시행 착오와 연습을 하셔야 합니다..

설명은 간단....연습은 많이............

 

Tip

너무 복잡한 것 보다는 간단할 수록 좋습니다.

자꾸 복잡해 지다 보면 나중에는 뭐 한가지 수정하기도 쉽지가 않습니다..

하이퍼 링크를 지정 하다 보면 문서 끼리 복잡 다단하게 꼬이게 됩니다..

빈 종이에 간단하게나마 레이아웃을 그려 놓고..

길 잃지 않도록 조심 하십시요..

 

Tip..

나모 웹에디터에 있는 플래시 버튼을 사용 하니..

편리 하기는 하지만..

그만큼 태그는 복잡해 집니다..

복잡해지면..오류 수정하기도 어려워지니..

되도록이면 메뉴 버튼을 gif 또는 jpg 파일로 만들어 사용 하시기 바랍니다..

신기술이 많이 들어 갈 수록 오류 발생도 많아 집니다...

또한 액티브x  보안 설정에 의해서 제대로 안 보여 질 수도 있습니다...