반응형웹
-
반응형 웹이란퍼블리싱/공통 2021. 3. 12. 22:17
반응형 웹 디자인(responsive web design, RWD)이란 하나의 웹사이트를 PC, 스마트폰, 태블릿 등 다양한 해상도를 가진 디스플레이에 따라 웹페이지 크기가 자동으로 변하도록 만든 웹페이지 접근 기법을 말합니다. 웹사이트를 PC용과 모바일용으로 각각 별개로 제작하지 않고, 하나의 웹사이트를 만들어 다양한 디바이스에 대응할 수 있습니다. PC용 URL과 모바일용 URL이 동일하기 때문에 검색 포털 등 광고를 통한 사용자 접속을 효율적으로 관리할 수 있습니다. 또한 웹 페이지 내용을 수정할 경우 하나의 페이지만 수정하면 PC와 모바일 등 다양한 디바이스에서 동시에 반영됩니다. 반응형 웹의 핵심 기술은 가변 그리드(fluid grid), 유연한 이미지(flexible images), 미디어 쿼..
-
css의 간략한 설명과 속성, 속성값퍼블리싱/공통 2021. 3. 12. 15:42
CSS(스타일시트)는 html문서와 같이 사용하면 웹페이지를 만들때 다채롭게 만들 수 있습니다. 요소들의 색상, 크기, 레이아웃, 여러 효과와 표현을 만들 수 있습니다. 또한 CSS를 활용하면 하나의 html 문서로 PC나 모바일 등의 여러 스마트기기에서 볼 수 있는 웹페이지를 만들 수 있습니다. CSS는 브라우저별로 지원하는 속성과 속상값이 다른 경우가 잇어서 호환성을 맞춰야하는 단점이 있지만 크로스브라우징으로 각기 다른 브라우저에서 동일한 결과가 나오도록 할 수 있습니다. CSS적용 CSS를 html에 적용시키는 방법은 3가지가 있습니다. 1. 외부파일을 링크 시키는 경우 2. head태그에 css를 작성하는 경우 3. 태그에 style 속성과 속성값을 직접 사용하는 경우 외부링크 외부파일을 링크하여..