1. 시맨틱 태그 HTML5 문서는 시맨틱 태그를 이용하여 어느 기기를 사용하더라도 문서 구조를 표준화시켜 정확하게 이해할 수 있습니다. 이번 과제를 통해 시맨틱 태그를 이용한 레이아웃을 만들고 스타일을 입혀 시맨틱 태그를 실제로 사용해보려고 합니다. 2. 레이아웃 구조 상단에는 전체 너비의 header 와 그 아래영역에는 좌측에 nav, 우측에 main으로 2단구성을 배치하였고 하단에는 footer가 있는 구조로 기획하였습니다. 그리고 main 영역에는 공지사항, 영상, 갤러리의 콘텐츠들을 배치할 예정입니다. 3. header 태...

1. 반응형 웹의 등장 배경과 특징 웹 3.0 시대에는 다양한 스마트 기기의 등장으로 다양한 해상도로 만들어진 웹 레이아웃과 콘텐츠의 문제를 '응답형 웹'이라는 기술로 해결할 수 있다. 반응형 웹은 화면 크기가 다른 기기(데스크탑 PC, 태블릿, 스마트폰)별로 최적화된 사이트를 구현하기 위한 생산 방식으로, 하나의 소스로 모든 디바이스 타겟의 페이지를 생성할 수 있다. 반응형 웹은 제작자가 아닌 사용자 중심의 화면 크기를 기준으로 표시하기 때문에 새로운 기기가 등장하더라도 웹사이트를 변경하거나 제작할 필요가 없다. 2. 반응형 웹의...