멀티미디어멀티미디어
Posted at 2013. 5. 13. 23:24 | Posted in 1학기/홈페이지제작• 사운드
- 웹 페이지에 사용할 수 있는 사운드파일의 종류 : wav, mid, mp3, wma 등
- 사운드를 들을 수 있도록 해주는 태그 : <a>, <embed> - <body>에서 사용
<bgsound> - <head>에서 사용
- <a> : <href>에 음악 파일명을 넣음, 파일 다운로드 후 윈도우 플레이어 실행 혹은 저장
ex) <a href="mp3/Beauty_And_The_Beast.mp3">Beauty And The Beast</a>
- <embed>
* 플러그 인을 사용 : 윈도우 미디어 플레이어가 웹 페이지에 나타남
* <embed src="mp3/Beauty_And_The_Beast.mp3"></embed>
- 속성
* width, height : 플레이어 크기
* autostart : 자동 시작 지정, true/false
* loop : 반복 지정, true/false
* hidden : 플레이어 감추기, true/false
- <bgsound>
* 배경음악으로 사용, <head>태그에서 사용
* 속성 : loop 횟수를 지정, loop=20
• 예제
• 동영상
- 비디오 형식 : avi, mpeg, QuickTime, wmv
- 파일의 크기 주의 : 다운로드 형태로 진행, 다운로드 속도를 고려해 가능하면 파일의 크기는 작게
- 동영상을 볼 수 있도록 해주는 링크 : <a>, <embed> - <body>에서 사용
- <a> : href에 동영상 파일명을 넣음, 파일 다운로드 후 윈도우의 플레이어 실행 혹은 저장
- <embed> : 플러그 인을 사용 - 윈도우 미디어 플레이어가 웹 페이지에 나타남
* 속성 : width, height - 크기, 컨트롤 부분 크기, autostart - 자동시작, loop - 반복, hidden - 플레이어 감추기
- <img> : 자동 시작
ex) <img dynsrc="images/jkoh.wmv" height=200>
• 플래시
- 웹 페이지에 플래시 swf도 볼 수 있음.
- 플래시 볼 수 있도록 해주는 태그
* embed, a : body에서 사용
* 플래시에서 "publish" 사용
- embed
* 플러그 인을 사용 : 윈도우 미디어 플레이어가 웹 페이지에 나타남
* 속성 : width, height - 플래시 크기 지정
- a
* href에 동영상 파일명을 넣음
* 웹 브라우저에서 실행됨
• DTD선언
- Document type Definition(문서형 정의)란? * html은 태그와 속성을 사용하여 의미를 부여
* html/xhtml 문서에 대한 가장 기초적인 명세
* 웹 브라우저가 HTML을 해석하는 기준
* 문법 검사기가 유효성을 판단하는 기준
* 종류 : strict DTD, Transitional DTD, Frameset DTD 3개 중 적당한 것을 골라 소스 코드에 삽입
- 문서형 선언
* 문서형 정의를 나타내는 문자열을 소스코드에 입력
* <!DOCTYPE 으로 시작
* <!DOCTYPE HTML PUBLIC "공개 식별자" "시스템 식별자">
* 공개식별자 : -//W3C//DTD HTML 4.01 Transitional//EN
* 시스템식별자 : http://www.3c.org/TR/html4/loose.dtd
웹 서버에서 파일을 다운로드 해서 소스 코드 해석에 사용
- html 4.01 strict DTD
* <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.3c.org/TR/html4/strict.dtd">
* HTML 4.01에서 정의된 표준 요소만 사용
* 일반적으로 프레임과 Target 사용 제외 시
- html 4.01 Transitional DTD
* <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.3c.org/TR/html4/loose.dtd">
* strict DTD의 정의요소 + html 4.01에서 없어진 이전 버전의 html요소도 사용 가능
* Target 속성을 사용하는 경우 이용
- html 4.01 Frameset DTD
* <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.3c.org/TR/html4/frameset.dtd">
• 내부요소 설정
* html의 head부분에 들어가는 내용
- 웹 서버나 브라우저 내부에서 처리할 때 사용
- 내용이 브라우저 창에는 보이지 않음
- title, meta, style, script, link등의 요소 사용
* meta 태그
- 속성과 속성값을 이용해 내부 정보 설정
- 위치는 중요하지 않음
