• 7. 스토리 페이지 만들기
  • [레벨:18]Zappy (IP: *.140.105.100)
    조회 수: 17226, 2010-05-11 13:05:52(2010-05-10)
  •    스토리 페이지 만들기

      영화 태극기 휘날리며 스토리 페이지를 만들어 보겠습니다.

       

      frame1.htm 위에 마우스 오른쪽 버튼을 클릭하여 문서를 닫습니다.
     그림과 같이 새글을 실행합니다.
      빈 페이지가 생겼습니다. 저장부터 하고 시작하겠습니다.
      html 폴더 안에 story 라는 이름으로 저장합니다.
      3X1 표를 삽입합니다.(왼쪽그림의 울집넷 글자는 무시해주세요. 링크방지용입니다)
     갑자기 왼 메모장이냐고요? 스토리가 적혀있는 메모장입니다. 지금은 홈페이지 익히는 중이므로 시간들여서 스토리를 일일이 입력할 필요가 없으니 이런 방법을 쓰게 되었습니다. html 폴더가 있는 곳을 찾아가서 스토리 메모장을 여세요.
      본문 안에서 오른쪽 클릭하고 모두선택을 합니다. 복사할거니까요
      블록 선택이 되었으니 마우스 오른쪽 버튼을 클릭하여 복사 합니다.
     나모로 돌아와서 두 번째 셀에 커서를 위치시킨후 마우스 오른쪽키->붙이기 합니다.
      글자들이 들어갔으니 조금 다듬어야겠네요.표 안쪽에 마우스 포인터를 위치시키고 오른쪽키를 클릭하여 표선택을 합니다.
     표안의 글자를 10pt로 변경합시다.
      표안쪽에 마우스 포인터 위치시킨뒤 오른쪽키->표속성으로 들어갑니다.

      그림과 같이 변경해줍니다. 먼저 높이와 너비를 정한뒤 모양을 가운데로 한뒤 테두리륵 감추기 하고 여백을 5로 설정해주세요.

     테두리 선 종류를 감추기로 하기 전에 셀 안쪽 여백을 5로 잡으면 선종류를 감추기로 했을 때 여백이 0으로 변합니다. 위에서 말한 순서대로 해주세요.

      다 했으면 확인을 클릭하세요.

     셀 안쪽에 배경을 삽입하는 방법을 배우겠습니다. 첫 번째 셀에 커서를 위치시킨뒤 첫 번째 셀에 포인터를 위치시키고 마우스 오른쪽키-> 셀속성으로 들어갑니다.

      그림과 같이 셀의 너비와 높이를 변경하고 배경삽입을 위해 찾아보기를 클릭합니다.

      img 폴더안에서 11 그림파일을 선택하고 열기합니다.

      다시 표속성 창에서 배경 항목의 그림(M) 부분에 그림파일의 주소가 ../img/11.jpg 로 나오는 것을 확인하고 확인합니다.

     두 번째 셀에도 똑같이 배경을 삽입해보겠습니다. 능숙하게 셀 속성으로 가세요.

     너비와 높이를 그림과 같이 맞추고 배경 찾아보기를 클릭합니다.
      22 그림파일을 찾아서 선택하고 열기하고 셀속성창이 나오면 확인해주세요.
     세 번째 셀에도 배경이 들어가겠죠? 세 번째 셀위에서 마우스 오른쪽키->셀속성으로 들어갑니다.

     너비와 높이를 입력후 네모친 부분의 찾아보기를 이용하여 33.jpg 그림파일을 열기한 장면입니다.

      왼쪽 그림과 똑같이 되었다면 확인하세요. 셀 배경이 삽입됩니다.

     스토리 페이지가 완성되었습니다.

     저장하겠습니다.

     저장방법 이젠 알아서 할 수 있겠죠? 저장하면서 나오는 첨부파일 복사하기에서 두 번째 항목을 택하고 확인합니다.

      첫 번째 셀과 세 번째 셀에서는 배경을 그림으로 깔지 않고 그림삽입을 해도 상관이 없었습니다. 표의 배경에 그림을 넣는 방법과 그냥 그림을 넣는 것의 차이점이 있다면.... 배경에 그림을 넣었을 경우 그 위에 글자나 이미지등의 삽입이 가능하다는 것입니다. 여기서는 표뿐만 아니라 셀에만 배경을 지정할 수 있다는 것을 알게 해주려고 셀에 배경을 사용한 겁니다.

       자, 이제 홈페이지의 형태가 조금씩 드러납니다. 다음페이지로 넘어가죠! ^^;;

       

       

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

       

       

       

댓글 0

번호 제목 닉네임 조회  등록일 
notice [레벨:18]Zappy 20432 2010-05-10
16 [레벨:18]Zappy 16492 2010-05-10
15 [레벨:18]Zappy 21999 2010-05-10
14 [레벨:18]Zappy 14188 2010-05-10
13 [레벨:18]Zappy 17476 2010-05-10
12 [레벨:18]Zappy 14509 2010-05-10
11 [레벨:18]Zappy 15404 2010-05-10
10 [레벨:18]Zappy 15056 2010-05-10
9 [레벨:18]Zappy 15045 2010-05-10
[레벨:18]Zappy 17226 2010-05-10
7 [레벨:18]Zappy 15644 2010-05-10
XE Login