묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
저기요 포토샵으로 만든 그림으로 링크?!
2004.01.05 19:31
포토샵으로 만든 그림으로 링크를 시키려고 하거든요~
어떻게 해야 해요?
초보라..
어떻게 해야 해요?
초보라..
첫번째 방법으로는 그림을 마퀴툴로 선택해서 하나씩 저장한다음에 나모에서 링크를 거는 방법이 있구요.
두번째 방법으로는 만약에 홈피를 만들려고 레이 아웃을 만드셨다면 그 레이 아웃에 가이드로 잘라야될 그림을 나눕니다. 그 다음엔
포토샵의 메뉴중 File>jump To > image leady라는 프로그램으로 넘긴다음에 이미지 레디 메뉴에서 Slices> Creat Slices From Guides 라
는 메뉴를 누르면 아까 나누셨던 Guide가 Slices로해서 나누어 집니다. 거기 보시면 아시겠지만 번호가 먹여져 있을 겁니다. 그게 이제 출력할
때 그림 하나하나로 되는것인데요. 그곳에서 합칠곳은 합치고 나눌곳은 나누고 싶으시다면 옆에 도구바에 보면 칼모양으로 된 아이콘이 있을
텐데요. 그것이 Slice 툴입니다. 그걸 누르고 있으면 Slice Select Tool 이라는게 뜨는데요.
그것으로 자기가 나누고 싶은곳을 정해서 합치고 나누고 그렇게 조절합니다. 그냥 Slice가 나누어져 있는곳을 누르면 선택이 됩니다.
자~ 이제 여기까지 하셨다면 정말 잘 하신겁니다. 이제 이미지 레디의 메뉴에서 File > Save Optimized를 누르시면 저장하는 창이 뜨는데요.
여기에서 중요한것이 있는데요~ 파일형식을 누르면 HTML and Images와 Images Only 그리고 HTML Only가 있는데요. 여기서 아마도 링크
를 넣을려면 첫번째것을 선택해야 겠죠? ^^
이제 선택하셨다면 저장을 누르면 그 폴더에 들어가 보면 html과 Images파일들이 보일 것입니다. 그럼 html을 편집기로 연다음에 그림 파일
소스를 보면 <img src="../../../img/neayong/sub1_1_thoth.jpg" width="400" height="50" border="0"> 이런식으로 되있을 텐데요.
이것에 한가지를 추가해주면 됩니다. 앞과 뒤쪽에 이렇게 넣어주면 됩니다. <a href="http://dfsdf"> </a>
이렇게요 한번 완성된 소스를 볼까요? <a href="http://dfsdf"><img src="../../../img/neayong/sub1_1_thoth.jpg" width="400" height="50" border="0"> </a>
이렇게요 ^^; 근데 아마도 나모에서 하는 것이 제일~~ 편할것이라고 봅니다 ^^; 만약 나모가 없으시다면 두번째 방법이 편할듯 하네요~ㅎㅎ
그리고 아까 제가 위에 설명드린 가이드와 슬라이스로 나누는 방법을 쓰면 홈페이지를 만들때도 훨씬 편하게 만들수 있답니다 ^^
저도 잘 모르는거 많지만;; 쫌 머리속에 있는것이라도 마구 적어 보았습니다 ^^ 그럼 홈페이지 잘 만드세요~~