IT

[반응형제작]다양한 기능의 SISO 반응형홈페이지

WEBKIKIS 2016. 3. 30. 21:15
반응형

[반응형제작]다양한 기능의 SISO 반응형홈페이지


나의 반응형 홈페이지를 더욱더 보기좋게 제작하기 위해서
슬라이드 기능과, 비디오재생기능, 풀화면 동영상자동재생을 소개합니다.
일반적인 업체의경우 동영상삽입 필요성을 못느끼겠지만,
필요한분들이 있을거라 생각하고 기능들을 소개해봅니다.


슬라이드 기능
이미지가 변경될때마다 zoom효과
이미지사이즈는 모든 사용자를 고려하여 1920x1080

반응형 홈페이지를 제작할때는 사용자 사용환경들을 고려해야하기때문에
이미지사이즈를 너무 작게사용하면 안됩니다.
제작의뢰시 이미지를 제공할때는 1920이상의 사이즈를 첨부하는것이 효율적입니다.




(이미지를 클릭하면 해당 기능 url로 이동합니다)




비디오재생 기능
클릭하면 무비플레이어가 노출되면서 재생기능
요즘은 인터넷이 너무도 빨라서 url을 당겨와 로딩하는데 무리가 없습니다.
예전에는 웹페이지에서 영상 로딩하려면 버퍼링이 엄청났지요,





(이미지를 클릭하면 해당url로 이동합니다)






전체화면 동영상 자동재생
웹페이지에 접속하면 전체화면에서 동영상이 자동으로 재생됩니다
영상자료는 비메오,유튜브에서 가져올수있으며, 자체 ftp에 업로드하여 로딩가능합니다
하지만 대부분 유튜브같은 사이트에 업로드 후 로딩합니다.
동영상 기능으로 엄청 분위기있는 연출이 가능합니다
어떤 해상도라도 반응형홈페이지로 구축하였기때문에 영상재생을 무리없이 구현됩니다.





반응형 홈페이지제작에서 이러한 위 기능들이 추가된다면 더욱더 만족할수있을것같습니다.
PC와 모바일에서 모두 연동이 가능하며, 어떠한환경에서 문제없이 기능이작동됩니다.

게시판의 경우 대표적으로 갤러리형, 웹진형, 목록형 세가지로 나뉠수있습니다.
모든 게시판을 목록형으로 나열하기보단, 웹진형, 갤러리등을 혼합하여 사용한다면
사용자들이 보다 편리하게 이용가능합니다.




반응형