• 9. 갤러리 페이지 만들기
  • [레벨:18]Zappy (IP: *.140.105.100)
    조회 수: 15055, 2010-05-11 13:06:18(2010-05-10)
  •    갤러리 페이지 만들기

       

      새문서를 만들고 gallery 이름으로 저장합니다.
      아이콘을 클릭하여 본문을 중앙정렬 시키고 4X3표를 삽입합니다.
      표위에서 마우스 오른쪽키를 이용하여 표선택으로 들어갑니다.
      표전체가 블록선택되었습니다. 마우스 오른쪽키로 표 속성으로 갑니다.

      그림과 같이 너비를 600 높이도 600 가운데 정렬, 테두리 감추기를 선택합니다.

      아직 확인을 누르지 마세요.

      표가 선택된 상황이므로 셀도 모두 선택외어 있습니다. 셀에도 너비와 높이를 지정하기 위해 셀 탭으로 넘어가( 네모친 부분을 클릭) 너비를 200 높이를 150으로 선택하고 확인을 클릭합니다.

      지금 표의 너비와 높이가 각각 600, 600 으로, 4X3표의 셀의 너비와 높이가 각각 200, 150 으로 설정 했습니다. 정확하게 길이가 맞아 떨어지게 한 것입니다.

     첫 번째 셀에 커서를 위치시킨뒤 그림삽입하기를 실행합니다.

      img 폴더 안에 gall 폴더라고 있습니다.

      gall 폴더 안에 있는 1 그림을 선택하고 열기 합니다.

     그림의 크기가 200*150입니다. 조금전 설정했던 셀의 크기와 일치하는 것을 알수 있습니다.

      확인을 눌러 그림을 삽입합니다.

     두 번째 셀에는 2번 그림을 세 번째 셀에는 3번그림을..... 그림과 같이 차례대로 그림을 삽입해주세요.

      그림들이 약간 눌려있거나 찌그러져 있습니다. 그림을 클릭하면 확대하여 새창으로 나타나지도록 하겠습니다.

      첫 번째 그림을 클릭하여 선택한뒤 마우스 오른쪽키->하이퍼링크 만들기를 선택합니다.

      gall 폴더로 이동합니다. 그런데 왼쪽 그림과 같이 아무것도 보이지 않습니다. gall 폴더안에 htm 또는 html 파일이 하나도 없기 때문입니다.

      그림을 하이퍼링크로 지정하려고 합니다. 왼쪽 그림과 같이 파일 형식 부분을 선택하여 모든파일 부분을 찾아 선택합니다.

     모든파일이라고 했으니 모든파일이 보여집니다. 그림파일들이 보이네요.

    1-1 그림을 선택하고 열기 합니다.

      주소부분에 왼쪽 그림과 같이 나오는지 확인해주세요.  

      새창으로 뜨도록 하려면 대상 프레임을 _blank 로 설정해야 합니다.

      확인을 클릭하여 링크를 완료 합니다

      

    대상프레임 설명

    blank : 새창으로 띄웁니다.
    parent : 현재 브라우저 창으로 이동합니다.
    self : 현재 문서가 이동합니다.
    top : 현재 브라우저 창으로 최대화 하여 이동합니다.

    parent 와 self 의 차이는 프레임에 있습니다. 프레임으로 되어 있는 문서일 경우 parent 로 링크한다면 프레임에 관계없이 페이지가 이동됩니다. 하지만 self 로 링크되어 있을 경우 그 문서가 속한 프레임만 이동되는 것이죠.

     

      다른 그림도 마찬가지로 모두 하이퍼링크 설정을 해줍니다.

      저장을 하겠습니다.

      그림 경로와 하이퍼링크 경로가 모두 올바르게 지정되어있기 때문에 두 번째 항목을 선택하여 확인합니다.
      브라우저에 어떻게 나오는지 확인해보겠습니다.

        그림파일들에 마우스 포인터를 대면 손가락 모양으로 변합니다. 링크가 걸려있다는 뜻입니다.

      클릭해보면 새창으로 그림파일이 나옵니다.

       간단하게 갤러리 페이지를 끝냈습니다. 다음페이지에서는 홈페이지의 처음화면을 결정하는 작업을 할 것입니다. index.htm 파일을 만드는 것입니다. 어느 홈페이지든지 처음 시작하는 파일명은 index입니다.

        다음페이지로 이동하겠습니다 ^^

       

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

     

     

     

댓글 0

번호 제목 닉네임 조회  등록일 
notice [레벨:18]Zappy 20431 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
[레벨:18]Zappy 15055 2010-05-10
9 [레벨:18]Zappy 15044 2010-05-10
8 [레벨:18]Zappy 17226 2010-05-10
7 [레벨:18]Zappy 15644 2010-05-10
XE Login