포토샵작업후 가운데정열로 홈페이지를 꾸미려고하는데 레이어가엉망이됩니다 정보
포토샵작업후 가운데정열로 홈페이지를 꾸미려고하는데 레이어가엉망이됩니다본문
포토샵작업후 가운데정열로 홈페이지를 꾸미려고하는데 레이어가엉망이됩니다
여하튼 작업하기 어려운데요
포토샵질문답변란이없어 여기에글을납깁니다..;;;;
염치불구하고일주일만여기에글을올리고 삭제합니다..
웹작업하는법좀알려주시와요..
포토샵후코딩하는공간좀만들어주세요.관리자님
부탁..;
부탁..;
부탁..;
포인트부족으로 이러는거..?
여하튼 작업하기 어려운데요
포토샵질문답변란이없어 여기에글을납깁니다..;;;;
염치불구하고일주일만여기에글을올리고 삭제합니다..
웹작업하는법좀알려주시와요..
포토샵후코딩하는공간좀만들어주세요.관리자님
부탁..;
부탁..;
부탁..;
포인트부족으로 이러는거..?
댓글 전체
무슨질문이신지.. 난감..^^;
포토샵 슬라이싱작업을 말씀하시는건지..
슬라이싱작업후 테이블코딩작업을 말씀하시는건지..
음 웹작업이라는것은 코딩작업이라고 생각하고..
0.포토샵에서 이쁘게 홈을 그리셨을꺼라 봅니다.
1.슬라이싱하실 전체 레이어를 합칩니다. 마지명령이였나요? 넘 오래되서.. 극적^^;
2.디자인하신 페이지의 테이블 구조를 생각하신후 머릿속으로 테이블을 생각해봅니다.
3.눈금자 있지요.. 눈금자가 룰러던가.. 그거 표시한후 눈금자에 마우스 클릭하여 드래그 해보면
기준선이 생깁니다.. 그 기준선으로 생각하신 테이블에 맞게 이미지를 어떻게 자르실지를 결정합니다.
4.자릅니다.. 셀렉트로 기준선들에 따라 이미지를 자른후 새로운 파일을 만들어 다시 저장하는 식으로 저장합니다.
저장할땐 gif와 jpg와 png방식이 있는데 웹쪽으로는 gif가 편합니다.. 전 png를 많이 쓰긴하는데 gif가 편합니다.ㅎ
5.쓰시는 웹코딩툴로 코딩을 합니다. 드림위x버라든지 나x웹에디터라던지.. edit플x스같은 툴로 코딩작업을 합니다.
2번에서 생각했던 테이블구조로 작업을 하셔야 겠지요?
가운데 정렬은
<table width="100%" height="130" border="0" cellpadding="0" cellspacing="0">
<tr>
<TD align="center" valign="middle">
<table width="디자인한 이미지의 전체 가로사이즈" height="세로사이즈도" border="0" cellpadding="0" cellspacing="0">
<TR>
<TD>
여기서부터 작업하시면 되겠네요. 테이블을 늘려나가시면서요..
</TD>
</TR>
</TABLE>
</TD>
</tr>
</table>
height는 퍼센트가 않먹더라구요.. 잘 자르고 딱 맞게 테이블을 만들고 해야 페이지가 않깨집니다..
코멘트 달려고 보니 넘 무성의한 대답이군요..
전 포토샵을 잘 이용않합니다 파이어x스를 이용하지요..
그래도 혹시나 모르는 부분이 있으시면 쪽지 주세요.. ^^;;
포토샵 슬라이싱작업을 말씀하시는건지..
슬라이싱작업후 테이블코딩작업을 말씀하시는건지..
음 웹작업이라는것은 코딩작업이라고 생각하고..
0.포토샵에서 이쁘게 홈을 그리셨을꺼라 봅니다.
1.슬라이싱하실 전체 레이어를 합칩니다. 마지명령이였나요? 넘 오래되서.. 극적^^;
2.디자인하신 페이지의 테이블 구조를 생각하신후 머릿속으로 테이블을 생각해봅니다.
3.눈금자 있지요.. 눈금자가 룰러던가.. 그거 표시한후 눈금자에 마우스 클릭하여 드래그 해보면
기준선이 생깁니다.. 그 기준선으로 생각하신 테이블에 맞게 이미지를 어떻게 자르실지를 결정합니다.
4.자릅니다.. 셀렉트로 기준선들에 따라 이미지를 자른후 새로운 파일을 만들어 다시 저장하는 식으로 저장합니다.
저장할땐 gif와 jpg와 png방식이 있는데 웹쪽으로는 gif가 편합니다.. 전 png를 많이 쓰긴하는데 gif가 편합니다.ㅎ
5.쓰시는 웹코딩툴로 코딩을 합니다. 드림위x버라든지 나x웹에디터라던지.. edit플x스같은 툴로 코딩작업을 합니다.
2번에서 생각했던 테이블구조로 작업을 하셔야 겠지요?
가운데 정렬은
<table width="100%" height="130" border="0" cellpadding="0" cellspacing="0">
<tr>
<TD align="center" valign="middle">
<table width="디자인한 이미지의 전체 가로사이즈" height="세로사이즈도" border="0" cellpadding="0" cellspacing="0">
<TR>
<TD>
여기서부터 작업하시면 되겠네요. 테이블을 늘려나가시면서요..
</TD>
</TR>
</TABLE>
</TD>
</tr>
</table>
height는 퍼센트가 않먹더라구요.. 잘 자르고 딱 맞게 테이블을 만들고 해야 페이지가 않깨집니다..
코멘트 달려고 보니 넘 무성의한 대답이군요..
전 포토샵을 잘 이용않합니다 파이어x스를 이용하지요..
그래도 혹시나 모르는 부분이 있으시면 쪽지 주세요.. ^^;;
ㅎㅎ 저도 가르쳐드리고 싶어서 클릭해봤었는데 질문이 너무 애매해서 그냥 패스했어요^^;;
웨디님은 참 친절하시네요 정성스런 답변..+_+=b
웨디님은 참 친절하시네요 정성스런 답변..+_+=b
오늘에서야 보앗읍니다.. 감사하고요..
디자인을하고 그위에겹쳐서 드림위버에서 레이어안에메뉴를넣은후 가운데정열을하옇더니 위치가안맞더라고요
한참을찿다보니 자바스크립트로 해결하래서 그냥시간만보내고 잇습니다..
여기에글이안맞는글같군요..피곤하게해서죄송할뿐입니다..
더욱더분발하는 회원이되도록하겟읍니다.
이방법이맞는지요
<style>
#Layer
{
position:absolute;
left:expression((document.body.clientWidth-this.style.width)/2-this.getAttribute("pos"));
}
</style>
<div id=Layer pos=60>
메뉴1
</div>
<div id=Layer pos=-30>
메뉴2
</div>
<div id=Layer pos=0>
메뉴3
</div>
<div id=Layer pos=100>
메뉴4
</div>
제가테스트해보앗는데요안되네요
..
이글은일주일후삭제하겟읍니다
디자인을하고 그위에겹쳐서 드림위버에서 레이어안에메뉴를넣은후 가운데정열을하옇더니 위치가안맞더라고요
한참을찿다보니 자바스크립트로 해결하래서 그냥시간만보내고 잇습니다..
여기에글이안맞는글같군요..피곤하게해서죄송할뿐입니다..
더욱더분발하는 회원이되도록하겟읍니다.
이방법이맞는지요
<style>
#Layer
{
position:absolute;
left:expression((document.body.clientWidth-this.style.width)/2-this.getAttribute("pos"));
}
</style>
<div id=Layer pos=60>
메뉴1
</div>
<div id=Layer pos=-30>
메뉴2
</div>
<div id=Layer pos=0>
메뉴3
</div>
<div id=Layer pos=100>
메뉴4
</div>
제가테스트해보앗는데요안되네요
..
이글은일주일후삭제하겟읍니다
가운데 정렬된 테이블셀 배경위로 메뉴를 겹치도록 하는 스크립트 인가 봅니다.
테스트 해보니 Msie에서만 비슷하게 되네요. ie전용 스크립트 같습니다.
다른 계열의 부라우저와 호환 되는 스크립트를 찾아보시던지 다른 방법을 강구해야 할듯합니다.
팁/강좌 카테고리 질문답변 게시판에 스크린샷과 함께 질문을 올리시면 도움을 주실분이 계실겁니다.
<style>
#Layer
{
position:absolute;
left:expression((document.body.clientWidth-this.style.width)/2-this.getAttribute("pos"));
}
#1{width:100px;border:1px solid black;text-align:center;}
</style>
<div id="Layer" clalss="1" pos="200">
<div id="1">
메뉴1
</div>
</div>
<div id=Layer pos=100>
<div id="1">
메뉴2
</div>
</div>
<div id=Layer pos=0>
<div id="1">
메뉴3
</div>
</div>
<div id=Layer pos=-100>
<div id="1">
메뉴4
</div>
</div>
<div id=Layer pos=-200>
<div id="1">
메뉴5
</div>
</div>
<br><br>
<div id="Layer" clalss="1" pos="150">
<div id="1">
메뉴1
</div>
</div>
<div id=Layer pos=50>
<div id="1">
메뉴2
</div>
</div>
<div id=Layer pos=-50>
<div id="1">
메뉴3
</div>
</div>
<div id=Layer pos=-150>
<div id="1">
메뉴4
</div>
</div>
테스트 해보니 Msie에서만 비슷하게 되네요. ie전용 스크립트 같습니다.
다른 계열의 부라우저와 호환 되는 스크립트를 찾아보시던지 다른 방법을 강구해야 할듯합니다.
팁/강좌 카테고리 질문답변 게시판에 스크린샷과 함께 질문을 올리시면 도움을 주실분이 계실겁니다.
<style>
#Layer
{
position:absolute;
left:expression((document.body.clientWidth-this.style.width)/2-this.getAttribute("pos"));
}
#1{width:100px;border:1px solid black;text-align:center;}
</style>
<div id="Layer" clalss="1" pos="200">
<div id="1">
메뉴1
</div>
</div>
<div id=Layer pos=100>
<div id="1">
메뉴2
</div>
</div>
<div id=Layer pos=0>
<div id="1">
메뉴3
</div>
</div>
<div id=Layer pos=-100>
<div id="1">
메뉴4
</div>
</div>
<div id=Layer pos=-200>
<div id="1">
메뉴5
</div>
</div>
<br><br>
<div id="Layer" clalss="1" pos="150">
<div id="1">
메뉴1
</div>
</div>
<div id=Layer pos=50>
<div id="1">
메뉴2
</div>
</div>
<div id=Layer pos=-50>
<div id="1">
메뉴3
</div>
</div>
<div id=Layer pos=-150>
<div id="1">
메뉴4
</div>
</div>
