• 2. 프레임 문서 만들기
  • [레벨:18]Zappy (IP: *.140.105.100)
    조회 수: 18377, 2010-05-11 13:26:49(2010-05-10)
  •    프레임 문서 만들기

       최근에는 노프레임이라고 해서 프레임을 사용하지 않고 하나의 문서로 화면이 구성되는 방식의 홈페이지가 많이 사용되고 있습니다. zappy 홈의 경우 위 배경음악 부분의 문서와 아래 본문으로 나눈 프레임 구조를 사용하고 있습니다. (본문의 문서들이 왔다갔다 할때 음악이 끊어지지 않게 하기 위해서 입니다)

        처음부터 노프레임을 사용하기에는 다소 알아야 할 것들이 많고, 대부분의 무료계정에서는 사용할 수 없는 것들이 필요하기 때문에 여기서는 프레임으로 홈페이지를 만드는 방법을 설명하도록 하겠습니다.

       프레임이 무엇인지 간단히 알아보겠습니다. 프레임 셋은 여러개의 문서를 모아놓은 틀을 말합니다. 프레임은 나누어진 부분들을 말하는 겁니다. 앞으로 우리는 작게는 상단, 좌측, 우측으로 프레임을 사용할 것이며 해상도나 전체 사이즈의 문제를 해결하기 위하여 크게는  좌측과 우측으로 프레임을 나누어 사용할 것입니다. 무슨 말인지 잘 모르셔도 상관없습니다. 그대로 따라만 하면 만들어 질테니까요! ^^;;

       

     
      나모 FX를 실행시킨후 기본적으로 열려있는 noname1.htm 문서를 그림과 같이 마우스 오른쪽클릭->닫기 합니다. (페이지를 전부 닫지 않은 상태에서 나모를 종료하고 다시 실행을 하면 전에 열어놓은 페이지들이 나올 것입니다, 이것 역시 지금은 무슨말인지 모르셔도 상관은 없습니다. ㅡㅡ;;)
     메뉴표시줄에서 파일->새글을 클릭합니다.
     왼쪽 파란색 폴더모양이 있는 문서 메뉴의 하위 목록에서 프레임셋을 클릭하고 오른쪽에 나오는 프레임셋들 중에 10번째를 좌측클릭, 선택한 후 확인을 클릭합니다.
     세 개로 쪼개져 있는 프레임셋을 보실수 있을 겁니다. 일단 저장부터 하고 시작하겠습니다. 프레임셋의 상단 부분을 클릭하면 그림과 같이 상단부분에 커서가 생기게 됩니다. 그 상태에서 그림과 같이 frame1.htm 이라는 글자가 있는 곳에 포인터를 갖다 댄 후 오른쪽 클릭-> 저장하기를 합니다.
     홈페이지 폴더안의 html 폴더 안을 찾아 갑니다. 그림과 같이 html 폴더 안에 menu1 이라는 이름으로 저장을 합니다. (프레임셋의 상단부분에는 menu1 이라는 문서가 연될된다는 말입니다)
     마찬가지로 이번에는 왼쪽 프레임을 클릭하여 커서를 생기게 한뒤 저장하기를 합니다. 이름은 menu2 라고 합니다.
      오른쪽 주 내용이 보여질 프레임 문서는 main 이라는 이름으로 저장 하겠습니다.
     세 부분을 모두 저장한 뒤에는 세 부분을 퍼즐처럼 맞춰줄 틀을 저장해야 합니다. 그림과 같이 마우스오른쪽 클릭하여 모든 프레임셋 저장하기 한다면 아직 저장하지 않은 프레임셋을 저장하게 됩니다.
     프레임셋은 프레임들을 모아놓은 틀을 말합니다. 확인을 클릭합니다.
     그림과 같이프레임 셋을 menu1, menu2, main 페이지가 들어있는 html 폴더 안에frame1.htm 이라는 이름으로 저장합니다.

       프레임 사용을 마쳤습니다. 이제 틀은 잡아놓은 셈입니다. 각각의 프레임은 저마다의 역할이 있습니다. 상단 프레임에는 사이트의 제목이 보여지고 사이트의 주 메뉴가 사용되기도 합니다. 왼쪽프레임은 주메뉴 또는 상단프레임에서 메뉴를 사용한다면 하위메뉴로 사용되며 , 오른쪽프레임은 주요 사이트 본문 내용으로 사용 됩니다. 다음을 클릭하여 본격적으로 내용을 꾸며보겠습니다.

       

       

      <-이전단계로           다음단계로->

       

       

댓글 0

번호 제목 닉네임 조회  등록일 
notice [레벨:18]Zappy 20432 2010-05-10
5 [레벨:18]Zappy 18132 2010-05-10
4 [레벨:18]Zappy 16535 2010-05-10
3 [레벨:18]Zappy 16575 2010-05-10
[레벨:18]Zappy 18377 2010-05-10
1 [레벨:18]Zappy 35073 2010-05-10
XE Login