반응형 웹사이트 제작시 질문입니다!
딥블랙
반응형 웹사이트 제작을 하게되었는데요! 여기 저거 검색해보니 미디어 쿼리를 사용하거나 스크립터를 이용해서 만드는 여러가지 방식이 있더군요!
미디어 쿼리를 사용해서 만들게 될꺼같은데... 퍼블리싱을 해야할때 주의점이나 꼭 알아야될 부분을 알고싶어서요!
기존 웹사이트 제작할때는 웹사이트용만 만들기 때문에 정해진 픽셀과 가변되는 사이즈는 웬만하면 생각하지 않습니다. 하지만 반응형은 생각해서 퍼블리싱을 해야 될텐데요! 마크업할시에 어떤 걸 기준으로 작업을 해야할까요?? ( 웹사이트 기준? 모바일 사이즈 기준? 테블릿 기준? ) 가령이런식이요!
그리고 검색해보니 이미지는 병합하는게 좋다 이런식이던데 그럼 사이트에 들어가는 이미지를 하나의 파일로 묶어서 좌표로 불러오는게 맞나요?
그리고 css를 사용할때 모바일용, 웹사이트용, 테블릿용 이렇게 (예를들어) 세개를 기준으로 작업하여 만들어야 하나요? 우선순위는 어떤걸로 기준으로 잡고 작업을 해야하나요? 여러가지 의문점이 많이 생기는데 막상 찾아보고 이해하려니 한개가 좀 있네요! 좋은 답변 부탁드리고,,, 혹시 참고할만한 책과 제가 html 5를 잘몰라서 공부를 병행해서 작업을 해야할꺼같아서요! 추천 좀 해주세요! ~ 아 그리고 반응형 웹은 html5로만 제작해야된다고들 하던데~ 맞는건가요?
알려주세요~ ㅠㅠ
-
온새미로
모바일 퍼스트! 란 가이드가 있는데.. 이 부분은 컨셉과 플랫폼 그리고 디자인의 상관관계에 따라 역순이 될수도 있습니다. 그 보다 먼저 각 디바이스&브라우저 환경에 대한 이해가 선행되어야 하고 미디어쿼리,JS 등은 다양한 방법이 있으니 공부하셔서 적절한 방법을 선택하시면 됩니다.
-
UniQue
디자인에 따라 다르겠지만 전 태블릿용 따로 안잡고 모바일(768px이하)/해상도1024px이하/해상도1024px이상 이렇게 잡아서 했어요 ㅋ 그냥하다보니 제가 잡은 아주 개인적인 기준일뿐이에요..ㅋ
css순서는 저도 웹부터 작성했어요~
html5에서만 해야하는지는 잘 모르겠네요 ㅠ 전 테스트할때 그냥 원래 버전으로 했는데..ㅋ
책은 이번에 모던 웹 디자인을 위한 html5+css3입문 구입했는데 한권쯤 옆에두면 괜찮은 책인듯 해요 ㅋ 다시한번 기초부터