• 3. 프레임 내용 꾸미기
  • [레벨:18]Zappy (IP: *.140.105.100)
    조회 수: 16574, 2010-05-11 13:04:57(2010-05-10)
  •    프레임 내용 꾸미기

      상단 프레임 문서(menu1.htm)에 배경을 깔겠습니다.

     그림과 같이 상단 프레임 본문을 클릭하여 커서를 위치시킨뒤 마우스 오른쪽클릭->문서 속성으로 들어갑니다.

      다음그림과 같이 배경 그림 부분에서 찾아보기 아이콘을 클릭합니다.
      아이콘을 클릭하고 img 폴더로 들어가서 img_01 그림을 선택하고 열기를 클릭합니다.
      배경그림은 반복되어 나오기 때문에 오른쪽이 이상하게 보일수 있습니다. 나중에 다 알아서 처리할 것이니 개의치 마시고 문서 저장을 하겠습니다. 전에 저장해본 경험이 있으니 능숙하게 오른쪽 클릭 저장하기를 합니다.
    이게 뭔말인지.. 상대경로 절대경로 어쩌고... 두 번때 항목을 선택하고 확인합니다. ( 절대경로와 상대경로의 이해는 필수적입니다. 모르신다면 나중에 홈페이지 용어와 상식 부분을 이용해서 알아두도록 하세요.)
     그림삽입후 저장할 때 위와같은 메뉴가 뜬다는 것을 알려주기 위해 저장을 해본 것입니다. 이번에는 마우스 오른쪽 클릭->프레임 속성으로 들어갑니다.
      왼쪽 그림과 같이 변경해줍니다. 처음에 말했던 경로에 홈페이지를 만들기로 정했다면 프레임 문서경로는 그림과 똑같이 나올 것입니다. 프레임 높이를 116 필셀로 스크롤 막대 표시는 아니오로, 프레임 크기 조절 가능은 체크 해제 시킵니다. 경계선 두께는 물론 0 으로 해야 보기 좋겠죠.
    이제는 왼쪽 프레임, 메뉴페이지를 만들어보도록 하겠습니다. 메뉴페이지는 menu2.htm입니다. 왼쪽 프레임셋 안쪽을 클릭하여 커서를 위치시킨뒤 프레임 속성으로 들어갑니다.

     왼쪽 프레임에는 여백을 없애겠습니다. 프레임 너비는 115 픽셀로, 높이는 상대적으로 여백은 모두 0으로 스크롤 막대는 아니오, 그림과 같이 모두 변경해줍니다.

     메뉴부분은 배경을 깔지 않고 표를 만들어 그림조각들을 차례로 채워넣도록 하겠습니다. 그림과 같이 표모양 아이콘을 클릭하여 7x3 표를 삽입합니다.

    그림과 같이 표가 들어갔습니다. 아까부터 문단부호(1자 모양으로 생긴 커서 들어가는 부분) 때문에 거슬리실 분도 계실법한테 브라우저에서 확인해보면 안보이니까 걱정 마시길 ^^

    그림과 같이 커서가 표의 맨 왼쪽위에 있는 상태에서 마우스 우측 클릭->표 속성으로 들어갑니다.
     그림과 같이 너비 부분을 픽셀수치로 155를 입력하고 테두리를 감추기로, 셀 안쪽 여백을 0으로 한뒤 확인을 클릭합니다. (%수치가 아니라 픽셀 수치에 주의)
     드래그 할줄 아시죠(극초보분들을 위한 설명이니 양해를 ㅡㅡ;;)표의 왼쪽 위부터 그 줄 아래까지 드래그를 하여 그림과 같이 선택이 되었으면 오른쪽 클릭->표->셀 합치기를 하여 셀을 합칩니다.
     마찬가지로 오른쪽 부분도 그림과 같이 셀 합치기를 합니다.

       다음장부터는 그림삽입을 하겠습니다. 셀부분에 하나씩 그림파일이 들어가서 조립?이 될겁니다 ^^;;

       

       

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

       

댓글 0

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