홈페이지 레이아웃에 대해서 궁금합니다. 정보
홈페이지 레이아웃에 대해서 궁금합니다.첨부파일
본문
안녕하세요 그누보드 회원님들 ^^
오널은 비가 와서 그런지 기분도 다운되고 ^^
홈페이지 레이아웃에 대해서 궁금한것이 있어서여
요즘 홈페이지 레이아웃은 맘에 드는데 하는 법을 몰라서여
아래의 파일같은 그런 레이아웃을 사용할려고 하는데
사용법을 몰라서여
어떤 분의 사이트에 다운을 받은거거든여
어케 해야 이런 사이트를 구현을 할수 있나 해서여?
댓글 전체
해당psd파일이 분할되어 있지 않은 관계로...
1.포토샵에서 psd파일을 분할영역도구 등을 이용 알맞게 조각내어 자른다...
2.그런 다음 <파일>-<웹용으로 저장>하면
3.html파일 하나와 images폴더가 생기는데 html파일을 연 다음...
4.이미지경로와 링크의 경로등을 그누에맞게 수정한다...
(수정예)이미지등의 경로가 <img src="images/test.gif"> 라면 <img src="$g4[path]/images/test.gif">
5.해당 html파일을 헤드(head.php)와 풋터(tail.php), 본문(index.php...main.php등등)으로 잘라 알맞게 배치 저장한다.
6.만들어진 파일들(헤드+풋터+본문 php파일과 이미지폴더)을 서버에 업로드한다.
7.테스트해보며 경로오류등을 핸들링한다...
*주의할점: 레이아웃상에 보여지는 최신글등은 따로 불리어 져야 할것임으로 최신글 등의 스킨을 만들때 최신글등에 해당하는 부분만 적당히 잘라서 사용해야 함. 그러므로 본문을 구성하는 파일을 만들때는 최신글등이 적용되는 레이어들을 일단 레이어숨김으로 해 놓고 편집...
1.포토샵에서 psd파일을 분할영역도구 등을 이용 알맞게 조각내어 자른다...
2.그런 다음 <파일>-<웹용으로 저장>하면
3.html파일 하나와 images폴더가 생기는데 html파일을 연 다음...
4.이미지경로와 링크의 경로등을 그누에맞게 수정한다...
(수정예)이미지등의 경로가 <img src="images/test.gif"> 라면 <img src="$g4[path]/images/test.gif">
5.해당 html파일을 헤드(head.php)와 풋터(tail.php), 본문(index.php...main.php등등)으로 잘라 알맞게 배치 저장한다.
6.만들어진 파일들(헤드+풋터+본문 php파일과 이미지폴더)을 서버에 업로드한다.
7.테스트해보며 경로오류등을 핸들링한다...
*주의할점: 레이아웃상에 보여지는 최신글등은 따로 불리어 져야 할것임으로 최신글 등의 스킨을 만들때 최신글등에 해당하는 부분만 적당히 잘라서 사용해야 함. 그러므로 본문을 구성하는 파일을 만들때는 최신글등이 적용되는 레이어들을 일단 레이어숨김으로 해 놓고 편집...
간략하게 설명을 드리면 공통으로 들어갈부분들을 정해서 위 아래 를 인클루드해서 사용을 합니다
위에 부분에 공통으로 들어갈 부분을 head.php로 잡고
밑에부분에 공통으로 들어갈 부분을 tail.php로 잡고
바뀌는 부분은 xxx.php로 잡아서 계속 바꾸어서 파일을 생성하시면됩니다
여기서 왜 이렇게 사용을 하냐면 위에처럼 하지않고 그냥 페이지를 하나 하나 만든다면
위에부분에 수정을 할시 모든페이지를 수정을 해줘야 됩니다
하지만 위에처럼 사용을 하게 되면 한 페이지만 수정을 하면 수정이 되는 간편함이 있습니다
에고;; 설명도 못하고 잘 모르지만 혹시나 도움이 될까 하고 글을 남겼습니다^^;
위에 부분에 공통으로 들어갈 부분을 head.php로 잡고
밑에부분에 공통으로 들어갈 부분을 tail.php로 잡고
바뀌는 부분은 xxx.php로 잡아서 계속 바꾸어서 파일을 생성하시면됩니다
여기서 왜 이렇게 사용을 하냐면 위에처럼 하지않고 그냥 페이지를 하나 하나 만든다면
위에부분에 수정을 할시 모든페이지를 수정을 해줘야 됩니다
하지만 위에처럼 사용을 하게 되면 한 페이지만 수정을 하면 수정이 되는 간편함이 있습니다
에고;; 설명도 못하고 잘 모르지만 혹시나 도움이 될까 하고 글을 남겼습니다^^;