비트맵(Bitmap)과 벡터(Vector) 그래픽을 구현하기 위해서는 크게 Vector방식과 Bitmap방식을 이용합니다. 일러스트레이터 같은 드로잉(Drawing)프로그램에서 다루는 벡터 방식과, 포토샵이나 페인터등의 페인팅(Painting)프로그램에서 이용하는 비트맵방식이 그것입니다. 비트맵(Bitmap) 이미지 '비트맵 이미지'는 '픽셀'이라 불리는 작은 사각형의 점들로 이미지를 표현합니다. 픽셀의 점 하나하나가 이미지를 이루는 요소이기 때문에 벡터보다 정교한 이미지 표현이 가능합니다. 그러나 픽셀의 수가 많아질수록 화질은 뛰어나지만, 용량 또한 커지게 됩니다. 이미지를 확대하거나 축소하면 기존 이루고 있던 픽셀의 수가 변하게 되는데 이로 인해 현상과 이미지 품질 저하가 발생하게 됩니다. 인터넷이나..
상대주소 절대주소 이미지 또는 파일의 경로를 설정하는 방법은 상대주소와 절대주소가 있습니다. 상대주소 상대경로는 이미지를 삽입할 HTML 문서를 기준으로 경로를 인식하는 방법입니다. 말하자면 '현재 위치한 곳을 기준'으로 해서 '그 곳의 위치' 입니다. 이미지 파일이 HTML 문서와 같은 폴더에 있는지, 상위 폴더에 있는지, 하위 폴더에 있는지를 따져보고 경로를 지정해줘야 합니다. 상대 주소는 현재의 문서의 위치를 기준으로 '../'과 같은 방식으로 URL 주소를 표현합니다. 상대 주소는 주소를 간편하게 줄일 수 있지만, 문서 구조적인 위치가 바뀔 경우 주소가 잘못될 수 있습니다. 상대주소 삽입시 설명 / : 루트 가장 최상의 디렉토리로 이동한다. ./ : 현재 위치 파일이 현재 디렉토리를 의미한다. ...
CSS 선언과 색상 CSS 선언 HTML 문서에 스타일 선언하는 방법은 3가지 방법이 있습니다. 내부 스타일(Internal Style Sheet): head 태그 안에 선언하는 방법 외부 스타일(External Style Sheet) : 외부 CSS 파일로 연결하는 방법 인라인 스타일(Inline Style Sheet) : HTML 엘리먼트에 직접 STYLE을 선언하는 방법 CSS 색상 CSS를 통해 색상을 표현하는 방법은 4가지가 있습니다. 16진수 표기법 #과 함께 6자리로 이루어져 있으며 광원(색의 3원색)인 RED, GREEN, BLUE의 조합으로 표기하고 16진수로 표현하는 방법입니다. 두자리씩 묶어서 #RRGGBB 형식으로 표현하며, RR은 빨간색, GG는 초록색, BB는 파란색의 양을 표현..
CSS CSS(Cascading Style Sheets)는 HTML과 함께 웹 표준의 기본 개념입니다. HTML이 문서의 골격을 이룬다면 CSS는 그 골격에 맞는 디자인 작업 언어라고 생각하면 됩니다. CSS 선택자 CSS선택자를 통해 요소를 선택하고 속성을 줄 수 있습니다. 기본 선택자 종류 예시 설명 태그 선택자 p {color: #fff} p태그를 선택해서 글씨 색을 하얀색으로 설정합니다. 클래스 선택자 .class {color: #fff} class 클래스를 선택하여 글씨 색을 하얀색으로 설정합니다. 아이디 선택자 #id {color: #fff} id 아이디를 선택하여 글씨 색을 하얀색으로 설정합니다. 그룹 선택자 p,#id {color: #fff} p태그와 아이디를 선택하여 글씨 색을 하얀색으로..