08.26 유튜브

유튜브 상단영역 레이아웃 실습

• 유튜브의 전체적인 레이아웃 구조를 짰다.

  • 상단 / 왼쪽 / 오른쪽

  

• body 컨텐츠를 감싸고 있는 wrapper는 최소 너비를 1320px로 지정하였다.

• 상단영역은 스크롤을 내려도 고정되어있기 때문에 position을 fixed로 지정함.

• 왼쪽 메뉴역시 고정이기때문에 fixed로 지정.

  

• 메인영역은 left_content의 너비만큼 왼쪽으로 밀어냄 (left:240px)

  ---

학습소감

매일 보는 유튜브 사이트이지만 이번기회를 통하여 레이아웃 구조를 자세히 볼 수 있었다. 의외로 간단한 구조로 구성되어있는 유튜브였다. 오늘 배운 내용은 아니지만, 웹사이트를 둘러보면서 유튜브 영상 썸네일에 마우스오버하면 소리없이 재생되는 것은 어떠한 방식으로 구현되는지 궁금해졌다.