코딩공부)HTML_웹표준 15일차

실습

text로 써야되는 부분

자동으로 갱신되는 부분

웹폰트 - 활용이 어렵다.솔루션에 사용

비트맵(웹-확대시 깨짐)/벡터

작은 글자들은 타이핑,큰 글자는 이미지로

폰트는 글자설정 자체를 기본폰트로

1.가이드 설정(픽셀) 글자,패스,가이드 -> 백터방식

tip:shift+가이드 : 눈금에 딱 달라붙게 해줌

2.클릭해야 하는 이미지 -> 여백주기

클릭 안하거나,큰이미지 -> 최대한 딱맞춰서

여백은 균일하게

3.slice-view-snap켜놓기(달라붙게해줌) - 어떻게 자를지 표시하는 기능

slice후 두번저장 - save - slice흔적 남기기

4.확장자는 - 퀄리티는 80은 충분(100이랑 80이랑 용량 2배차이)

jpg - 16~24비트까지 지원(많은 색상을 표현 할 수 있다. 15만 5천개 정도의 컬러) / 가장 압축률이 좋다.

표현 할 수 있는 색상에 비해서 용량이 작다. -> 이미지의 선명도가 중요한 경우

gif - 웹 전용 확장자 - 보편적으로 사용할 수 있는 포맷 - 색상을 8비트(컬러 256개) 컬러를 쓴다 - 이미지 선명도 - dither이 있어서 제대로 컬러가 나올수있음(병치혼합) 웹안전색,용량줄일 때 사용

- 애니메이션 가능,투명한 배경 지원(번지는 효과는 안됨)

png - jpg,gif 좋은점만 합친 것 jpg보다 압축률이 뛰어나진 못함,gif처럼 애니메이션 안됨 투명한 배경에 사용

-> 이미지 압축 확장자

5.저장할 조각 선택 -> 확장자 선택

slice -> image폴더 보이는 곳에 저장

slice 안한것 -> image폴더 열어서 저장

root folder

index.html - image(img) / info.html

images(img) / css(style) / js(script)

파일명 - 영어,영어+숫자,영어_숫자,띄어쓰기,특수문자