본문 바로가기

이미지2

[SITE] 웹사이트 - 이미지 유형01 Image Type01 웹페이지 실습을 위한 이미지 유형 페이지 제작해보기! 이번 이미지 유형에서는 background에 image를 넣어서 작업해보겠습니다! 이미지 유형의 가장 기초적인 레이아웃으로 이미지 박스 안에 텍스트와 링크 박스가 들어가 있는 구조입니다. TIP ! 여백은 10단위로 해주어서 좀 더 효율적으로 작업할 수 있게 합니다:) 🎨 그리드와 레이아웃 🎨 완성본 디자인한 웹 페이지 시안을 보며 페이지 구조를 파악한 후 웹 표준성과 접근성에 맞는시멘틱한 마크업을 해줍니다. ! TIP ! 섹션 태그에 섹션 선택자를 따로 준 이유는 앞으로 만들게 될 유형들 모두 공통적으로 섹션 안에 제목, contents 구조로 .. 2022. 8. 17.

[CSS] 이미지 표현 방식 : 벡터와 비트맵 벡터와 비트맵 백터와 비트맵은 이미지를 표현하는 방식으로 서로 상반된 방식으로 이미지를 표현합니다. 지금 부터 벡터와 비트맵에 대해 알아보겠습니다! #1. 비트맵(Bitmap) 방식 각 픽셀에 저장된 비트 정보가 집합된 것입니다. 비트맵은 벡터와 다르게 픽셀의 점 하나하나가 이미지를 이루는 요소이기 때문에 벡터보다 정교한 이미지 표현이 가능합니다. ! 특징정리 ! • 비트맵 방식은 색상 정보가 담긴 픽셀 하나 하나가 모여 만들어지는 방식으로 보다 정교한 이미지 표현이 가능하다. • 디스플레이는 픽셀의 배열로 구성되어 있으며 픽셀의 배열, 숫자, 비율이 디스플레이의 해상도를 결정한다고 볼 수 있다. 예를 들어서 1920x1080디스플레이가 있다면 이는 가로 1920개 세로 1080개의 픽셀로 구성되어 있는.. 2022. 8. 10.

이전 1 다음

728x90

Lucky Charms Rainbow

JAVASCRIPT

html

HTML

css

CSS

티스토리툴바