Download presentation
Presentation is loading. Please wait.
1
홈페이지용 그림 활용법 그림 삽입 태그 <IMG> 배경 그림 다루기 그림과 문자열의 어울림
5장. 그림으로 꾸며보는 홈페이지 홈페이지용 그림 활용법 그림 삽입 태그 <IMG> 배경 그림 다루기 그림과 문자열의 어울림
2
<IMG> 태그로 그림 삽입하기 – 홈페이지용 그림 파일
[형식] GIF Graphic Interchange Format의 약어 256컬러만 지원하므로 주로 홈페이지용 버튼, 메인,문자 처럼 단순한 그림에 사용된다. JPG 1980년, Joint Photographic Experts Group(JPEG)에서 개발 16만 컬러를 지원하므로 인물사진, 배경사진과 같이 고해상도 그림에 주로 사용된다. PNG BMP
3
투명그림(Transparent GIF) 인터레이스 그림(Interaced GIF)
<IMG> 태그로 그림 삽입하기 – 홈페이지용 그림 파일 [GIF 형식의 특징] 애니메이션(Animated GIF) 투명그림(Transparent GIF) 인터레이스 그림(Interaced GIF)
4
<IMG> 태그로 그림 삽입하기 – 홈페이지용 그림 파일
[이미지 모음 사이트] 홈페이지 제작과 관련된 이미지 제공 유료 사이트 검색엔진을 이용한 이미지 검색 사이트
5
<IMG> 태그로 그림 삽입하기 – 그림 삽입 태그 <IMG>
src alt width height align border hspace vspace 배경 그림과 관련된 <body> 태그의 속성 background bgproperties
6
<IMG> 태그로 그림 삽입하기 – 그림 삽입 태그 <IMG>
[그림 깨져 보일 경우 해결 방법] 문서를 저장하지 않은 경우 웹 브라우저 환경설정이 잘못된 경우 [도구 → 인터넷옵션] - [고급] - “멀티미디어” - “그림표시” 체크 그림을 인터넷에서 다운로드받을 때 확장자를 변경했거나, 확장자를 생략했는데 확장자가 자동 설정되지 않았을 때 코딩 시 잘못 입력한 경우 파일의 경로, 오타, 대소문자 구별, 특수문자 내 컴퓨터에서는 잘 나타나는데 인터넷에 올리면 안 되는 경우
7
수평정렬 수직정렬 <IMG> 태그로 그림 삽입하기 – 그림과 문자열의 어울림 left right
top, middle, bottom texttop absmiddle, absbottom baseline
8
<img src=" poster.jpg" align=left>
[양쪽 어울림] <img src=" poster.jpg" align=left> <img src=" poster.jpg" align=right> 내용
Similar presentations
![임직원 APP 설치 가이드 2013. 8. 경영전략처 정보기획 TF 팀. 임직원 App- 운영체제 구분 안드로이드 갤럭시, 갤럭시노트, 갤럭시 S4 [ 삼성전자 ] 옵티머스 [LG 전자 ] 베가 [ 팬텍 모토로이 [ 모토롤라 ] ios 아이폰 [ 애플.](/40/11046069/big_thumb.jpg "임직원 APP 설치 가이드 2013. 8. 경영전략처 정보기획 TF 팀. 임직원 App- 운영체제 구분 안드로이드 갤럭시, 갤럭시노트, 갤럭시 S4 [ 삼성전자 ] 옵티머스 [LG 전자 ] 베가 [ 팬텍 모토로이 [ 모토롤라 ] ios 아이폰 [ 애플.>")
