[3주차]간단한 개인홈페이지 만들기(드림위버사용)-part4-

이번 -part4- 에서는 드림위버가지고 이미지 효과를 준다음에 알 FTP로 직접 개인홈페이지를 만들어 보도록 하겠습니다.

 

 

 

 

 

 

일단 드림위버를 실행시킴니다.

 

 

 

 

 

 

사진과 보이는 바와 같이 드림위버를 실행시키면 맨처음 보이는 창입니다.

 

저기 보이는 화면에서 HTML을 클릭하시기 바랍니다.

 

 

 

 

그러면 이와같은 화면이 뜨는걸 보실수 있으실 겁니다.

 

 

 

 

사이트관리 -> 새사이트 -> 사이트 -> 포토샵 작업 폴더 경로로 저장->없음->완료 클릭

 

 

 

 

 

 

 

 

 

 

 

이렇게 만들어 주시면 됩니다.

 

 

 

 

 

 

 

그리고 윈도우->삽입,속성

이 선택되어 있는지 확인해주시고 왼쪽 파일창에 보시면 index.html파일을 클릭해 주시면

화면에 우리가 만들어준 사진이 화면에 뜰것입니다.

 

 

이제 사진에다가 이름을 부여할것인데요

 

 

 

 

 

(1) 사진을 클릭한다음에

(2)사진에다가 저렇게 적음니다.

 

그리고 다른사진도 똑같이 small1,small2,.... 와같은방법으로 설정해 줌니다.

 

위쪽 상태창에서

윈도우 -> 비헤이비허

를 선택하시면

 

 

 

 

그러면 이와같은 창이 뜰것입니다.

 

근데 이작업을 하기 전에 img파일에있는 사진중에서 큰사진과 작은사진 둘다 있게 포토샵에서 만들어줌니다.

 

small중에서 마우스를 올리면 큰이미지로 바뀔 이미지를 선택한다음에 +를 누름니다.

 

+를 누르고난다음이 이미지교체를 클릭해주시기 바랍니다.

 

 

 

 

(1) 이미지가 커지게 하는 곳으로 아까 속성창에서 우리가 지정해준 이름이다.

(2)탐색을 눌러서 마우스를 그 사진에다가 가져다 대면 이미지가 큰화면으로 나타나게끔 해줄수 있게

큰사진을 선택해주고

(3) 확인을해준다.

 

 

사진 클릭-> 비헤이비어창에 +버튼을 클릭한다.
->이미지 교체->마우스 올리면 바뀔 이미지 선택한다음에
이미지 big ( 사진 이미지 명 설정한 곳에 big 이라고 저장한것이다.)

 

마찬가지로 다른사진들도 똑같이 해줍니다.

 

 

다하셧으면 F12 를 누르시면 인터넷 창이 뜰것입니다.

이때 밑에 경고창을 뜨는 "차단컨테츠허용"을 클릭하시면 완료입니다.

 

 

 

 

여기까지 드림위버로 홈페이지를 만들어보는과정을 정리해봤는데요

-part5-에서는 실제 자기 도메일주소로 알FTP를 통해서 업로드시켜보도록 하겠습니다.

 

 

 

글 잘보셧다면

 

Water Bottle

새글보기|

 

네이버 블로그 이웃 추가 부탁드립니다.~^^

 

이웃 추가하시면 바로 티스토리로 넘어오실수 있어요 ㅎㅎㅎ

 

 

이 글이 좋으시다면 손가락 버튼 클릭!!!