NAVER

사용자 링크

Q&A 영역

질문 우리은행 홈페이지 같은 웹사이트를 만들려면?
비공개 조회수 837 작성일2013.05.02

안녕하세요. 웹디자인을 시작한지 얼마안된 사람입니다.

 

지난달에 개편된 우리은행 홈페이지가

정말.. 거의 로딩 없이 시원시원하고 걸리적거림 없는 홈페이지라서

홈페이지 제작할때 어떤게 쓰였는지 정말 궁금해졌습니다.

 

아직 제 실력으론 이런 홈페이지를 제작하거나 구현하기 어렵지만

추후 이런 홈페이지를 만들고 싶다는 생각에 공부하고 싶은 마음이 듭니다.

 

우리은행 홈페이지과 같은 웹사이트를 만들려면

어떤걸 배워야 하는지, 어떤게 필요한지 정확히 가르쳐 주시면 감사하겠습니다.

어느 부분에는 무슨 기술이 들어가는지.. 웹표준, div코딩, HTML5 등등으로 표현해 주시면 되겠습니다.

초보 웹디자이너의 시선에 맞추어 답변해 주신다면 더더욱 감사하겠습니다.

 

성의없는답변, 학원광고 등은 정중히 거절합니다.

프로필 사진

답변자님,

정보를 공유해 주세요.

1개 답변
2번째 답변
 
우선 웹표준은 XHTML 1.0 으로 제작되었구요..
기본적으로 DIV 코딩으로 되어 있습니다.

속도를 높이기 위해서 이미지 맵도 많이 활용한것 처럼 보입니다.
소스보기를 해서 보시면 아시겠지만

내용이 아주 심플하고 간결하게 되어있습니다.

홈페이지가 시원시원하게 로딩되려면
이러한 부분이 잘 처리되어 있어야 합니다.

소스보기를 했을때 누가봐도 길고 지저분하고
알아보기 힘든 홈페이지는 로딩시에도 느립니다.

그리고 웹디자인 하시는 분들이 가장 주의해야 할것은
이미지를 잘게 잘라서 불러오는것보다는
한개의 통 이미지로 잘라서 사용하는것이 훨씬 속도가 빠르다는것입니다.

예전 테이블 코딩을 하시는 분들이 사용하는 방법이
테이블을 잘게 잘라서
해당부분에 맞는 이미지들을 잘게 잘라서 올리는 것인데

테이블이 속도가 느린것이 아니라
이렇게 이미지를 수십 수백개로 잘라서 올리는 방법으로 인해서
속도가 느려지는 것입니다.

이것말고 다양한 요인이 있긴 하지만 여기서 다 설명 드릴수는 없고..
핵심만 설명 드립니다.^^



2013.05.02.

  • 채택

    질문자가 채택한 답변입니다.

  • 출처