묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
진자 초보적인 질문 시안에 관하여..
2003.08.22 23:13
홈페이지를 이쁘게 보다 만들고자.. 메인시안 소스를 구입하였는데..
이걸 도무지 어떻게 사용해야 하는건지 모르겠습니다..
포토샵에서 어떻게 꺼내와서 실제로 써먹을수 있는지 궁금합니다.
넘 초보자라 그래서 그러니 이해하시고.. 부디 저에게 조금이나마..
힌트를 주세여..
암튼 넘 초보적인 질문이라 난감해 하실지도 모르겠습니다.
근데 돈주고 산 소스를 가만이 냅둘수도 읍고 미쳐용 ㅠ.ㅠ
이걸 도무지 어떻게 사용해야 하는건지 모르겠습니다..
포토샵에서 어떻게 꺼내와서 실제로 써먹을수 있는지 궁금합니다.
넘 초보자라 그래서 그러니 이해하시고.. 부디 저에게 조금이나마..
힌트를 주세여..
암튼 넘 초보적인 질문이라 난감해 하실지도 모르겠습니다.
근데 돈주고 산 소스를 가만이 냅둘수도 읍고 미쳐용 ㅠ.ㅠ
시안 받은 파일을 포토샵에 고대로 풀어서 놓습니다.
그리고 ctrl+r (자 보이는거) 누르고 선을 고대로 테이블 셀 별루 나눠줍니다.
그리고 나눠준 이미지 하나하나에 보강 혹은 추가할 글자,그림,효과,필터 같은걸 줍니다.
그리고 다시 합칩니다.
합쳐진 레이어를 고대로 하나 따로 복사합니다.
그 복사한 파일을 갖구 드림위버에서 호출합니다.
드림위버 메뉴중에 보시면 레이아웃 잡는게 있습니다.
그걸 실행시키구 배경이미지에 (물론 투명이죠 ^^) 고대로 놓습니다.
이제부터 레이아웃 뷰 상에서 고대로 테이블 및 기타 셀 작업 합니다.
다됬으면..이제 홈사이트 (에디트플러스등등) 를 켜놓구...
작업한 html 페이지를 부릅니다. 거기서
css 와 자바스크립트 파일을 정리하구 어지간한건 묶어서 파일로 처리합니다.
그리고 바디 밑으로 난잡하게 펼쳐져 있는 각 테이블 테그 속성 값들을 보기 좋게 정리하고
좀 헷갈린다 싶은거 같은 부분에는 여지없이 주석 몇개 던져줍니다.
다 됬으면 정리하고 홈사이트 끕니다.
이제 다시 포토샵으로 가서...
복사하기 전에 이미지들로 레이어를 쪼개버립니다. (ctrl+z) 가 되겠지요...
거기서 이미지 하나하나를 따로 분리해서 웹이미지로 하나씩 하나씩 저장합니다.
저장이 다됬으면
드림위버로 다시 간후 아까 작업했던 배경투명이미지는 삭제해버리고
레이아웃뷰에서 일반모드로 변경합니다.
그리고 나눠진 테이블 안에 이미지들을 하나씩 하나씩 넣습니다.
딱 맞을겁니다. 사이즈들이...
이제 퀄리티 체크 합니다.
파일사이즈가 좀 크다 싶은 이미지들은 드림위버 메뉴중에 비헤비어 속에 프리로드이미지란 메뉴가 있습니다.
거기다가 대표적인거 몇개 집어넣어버립니다.
그리고 상단 페이지 파일중 어지간하면 안바뀔 대표이미지들 (메뉴같은게 되겠지요) 이나 테이블 메인 테이블 등등 뽑아서 라이브러리로 모조리 보내버립니다.
(템플릿을 써도 되지만 쇼핑몰 아닌이상이야 몇페이지 안되기 때문에 라이브러리면 충분하더군요)
이제 파일을 계정에 업로드하고 나서 웹으로 확인하면 끝이죠 ^^;
위에 적은건 전적으로 제가 하는 방법입니다.
혹시나 바보같이 이렇게 하냐 라는 코멘트 달면 즐 입니다. ^^;
사람마다 제작하는 스타일이 다 틀리기 때문에 ㅡㅡ;;