• 8. 책갈피를 이용한 주연배우 페이지 만들기
  • [레벨:18]Zappy (IP: *.140.105.100)
    조회 수: 15044, 2010-05-11 13:06:07(2010-05-10)
  •  책갈피를 이용한 주연배우 페이지 만들기

      스토리 페이지를 만들었으니 주연배우 페이지를 만들어 봅시다. 책갈피 기능을 사용하겠습니다. 지금까지 많이 했던 저장하기나 문서 닫기 등은 말로 설명하겠습니다. 다들 잘 하시리라 맏습니다 ^^;;

        새글을 생성합니다.
      바로 저장에 들어가겠습니다. 문서 이름은 actor 입니다.
    3X1 표를 삽입합니다.
     마우스 오른쪽키->표속성으로 들어가서 너비를 500 픽셀, 가운데 정렬, 선을 가늘게 하고 확인을 클릭합니다.

     첫 번째 셀에 포인터를 놓고 마우스 오른쪽키->셀 속성으로 들어갑니다.

      그림과 같이 너비를 500 픽셀로 배경색을 999999로 설정하고 확인을 클릭합니다.

     스페이스바를 두 번 눌러 띄우고 '주연배우소개' 라고 입력하고 글자를 드래그 한뒤 굵게 하고 글자색을 그림과 같이 하얀색으로 변경합니다. (이제 다들 잘 하시리라 믿습니다 ㅡㅡ;;)
     두 번째 셀에 커서를 위치시키고 그림삽입하기를 실행합니다.
      img 폴더 안의 jang 그림을 열어 삽입합니다.
      그대로 또 그림삽입하기를 클릭하여 won 그림을 열어 삽입합니다.
      바로 또 그림삽입하기를 하여;; lee 그림을 삽입하고 왼쪽 그림과 같이 가운데 정렬 아이콘을 클릭하여 가운데로 정렬시킵니다.

     세 번째 셀에 포인터를 가져간후 마우스 오른쪽키->셀 속성으로 가서 첫 번째 셀과 같이 배경색을 999999로 지정합니다.

      왼쪽 그림에서는 너비가 1093으로 나와있는데 잘못된 겁니다 ㅠㅠ 너비를 500으로 해주세요.

     표 아래쪽으로 세 번 엔터를 친후 3X1표를 삽입합니다.
      삽입한 표의 속성으로 들어가서 너비를 500픽셀로 가운데 정렬, 선을 가늘게 해줍니다.
     새로 삽입한 표의 첫 번째 셀에 그림과 같이 입력합니다. 두줄 아래에는 메모장에 들어있는 글자를 복사하여 삽입하겠습니다.

     C 드라이브 홈페이지 html 폴더안으로 들어가서 장동건 메모장을 엽니다.

      마우스 오른쪽키를 이용하여 모두선택합니다.

     다시 오른쪽키 눌러서 복사합니다.(스토리에서 했던 것이니 잘 하시리라 믿어요 ㅡㅡ;;)

     나모로 돌아와서 첫 번째 셀의 아랫부분, 그러니까 장동건의 출생지와 국적이 쓰인곳 아랫칸에 그대로 붙여 넣기 합니다.

     두 번째 셀에는 그림과 같이 원빈 정보를 입력합니다.

     장동건을 꾸밀때와;; 똑같은 방법으로 html 폴더안에 있는 원빈메모장을 열고 모두 선택한후 복사합니다.
      장동건 꾸밀때와 ㅡㅡ;; 마찬가지로 원빈 아랫부분에 있는 국적 아래에 붙여넣기합니다.
    세 번째 셀에 왼쪽 그림과 같이 같이 입력합니다.
      이은주도 똑같이 메모장 열어서 모두선택하고 복사하고 나모로 돌아와서 출생 밑칸에 붙여넣기 합니다.
     글자들이 너무 커서 보기가 좀 그렇습니다. 표안에 포인터가 위치된 상태에서 마우스 오른쪽키->표선택을 합니다.

     그림과 같이 글자를 10pt로 줄여줍니다.

    그래도 스크롤 압박이 심하네요. 책갈피 기능을 이용하겠습니다.

     두 번째 표의 첫 번째 셀에 있는 장동건이라는 글자를 책갈피로 지정하겠습니다. 그림과 같이 장동건을 드래그 한후 마우스 오른쪽키->책갈피 만들기 합니다.

    장동건을 지우고 a라고 입력합니다(한글은 왼지 좀....)

    추가를 클릭합니다.

     그림과 같이 아래에 추가되었습니다. 닫기를 해주세요

     장돈건 글자에 밑줄이 그어지고 이상한게 생겼네요. 웹 브라우저에는 나타나지 않는 것입니다. 책갈피가 지정되었다는 의미입니다.

      원빈과 이은주도 안해주면 섭하겠죠.

     두 번째 표의 두 번째 셀이 있는 원빈 글자 드래그, 마우스 오른쪽키-> 책갈피 만들기 들어갑니다.

      그림과 같이 b를 입력하고 추가합니다.

      닫기하고 이은주 찾아가죠 ㅡㅡ;;

      이은주는 c로 책갈피 지정합니다.

     그림과 같이 세 개의 책갈피가 문서에 등록되어 있습니다.

     문서의 맨위로 올라와서 잘생긴 장동건 사진을 클릭하고 마우스 오른쪽 클릭->하이퍼링크 만들기 들어갑니다. 잘생긴 장동건 사진을 클릭하면 책갈피 지정된 곳으로 이동되도록 링크를 거는 것이죠.
     주소는 쌩하고 책갈피라고 있는 부분에 a를 찾아서 선택합니다.
     그림과 같이 책갈피로 링크가 걸렸다면 확인합니다.
      원빈 사진을 클릭하고 마우스 오른쪽키->하이퍼링크 만들기 들어가서 책갈피 부분에서 b를 찾아 선택하고 확인합니다.

      이은주도 똑같이 해줍니다.

      이은주 사진을 클릭하고 마우스 오른쪽키->하이퍼링크 만들기 들어가서 책갈피 부분에서 c를 찾아 선택하고 헉헉;; 확인합니다.

      정말 허접하게 완성했습니다 ㅡㅡ;; 저정합니다.
    두 번쨰 선택!

      책갈피 기능이 뭔지 모르신다고요? 브라우저로 확인해보죠.

      그림과 같이 익스플러로 보기 클릭하여 실행합니다.

       페이지가 길때 쉽게 찾아갈수록 해주것이 책갈피의 기능입니다. 이름도 그래서 책갈피이고... ㅡㅡ;; 브라우저로 확인하실때 장동건 사진과 원빈 사진, 이은주 사진을 각각 클릭해보세요 아래쪽으로 이동할 겁니다.

        책갈피에 대해 감이 오셨나요? 다음페이지로 이동합니다.

       

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

       

       

       

댓글 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
[레벨:18]Zappy 15044 2010-05-10
8 [레벨:18]Zappy 17226 2010-05-10
7 [레벨:18]Zappy 15644 2010-05-10
XE Login