멀티미디어멀티미디어

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 태그

- 속성과 속성값을 이용해 내부 정보 설정

- 위치는 중요하지 않음

 

'1학기 > 홈페이지제작' 카테고리의 다른 글

4강 -2  (0) 2013.05.13
4강  (0) 2013.05.13
3강 -2  (0) 2013.05.13
3강  (0) 2013.05.13
2강 -2  (0) 2013.05.13
//

창의공학 필기창의공학 필기

Posted at 2013. 5. 13. 23:22 | Posted in 1학기/IT창의공학

1. 2진수의 표현

 

컴퓨터는 0과 1로 모든 데이터를 표현하며, 구성된 하나의 0과 1을 "비트(bit)"라고 한다.

컴퓨터에서 상태를 표현할 때 하나의 비트만 가지고는 두 가지 상태만 나타낼 수 있으므로 여러 개의 비트를 모아서 하나의 상태를 표현한다.

 

2. 문자의 표현

 

 아스키(ASCII) 코드

 

아스키 코드는 영문 알파벳을 사용하는 대표적인 표준 코드체계로서 1967년에 표준으로 제정되었고, 1986년에 마지막으로 개정되었다. 아스키 코드는 7비트를 사용하여 표현하는 코드 체계로서 33개의 제어 문자들과 공백을 포함하는 95개의 출력 가능한 문자로 구성되어 있다. 출력 가능한 문자들은 52개의 영문 알파벳 대소문자와 10개의 숫자, 32개의 특수 문자, 하나의 공백 문자로 이루어진다.

 

 유니코드(Unicode)

 

1991년 개발이 시작된 유니코드는 전 세계의 모든 문자를 컴퓨터에서 일관되게 표현하고 다룰 수 있도록 설계된 코드체계이다.

유니코드는 사용 중인 운영체제, 프로그램 언어와 상관없이 문자마다 고유의 값을 제공하는 새로운 개념의 코드 체계이다. 모든 문자들을 16비트로 표현하므로 최대 65,536개의 문자들을 표현할 수 있다.

유니코드에서 한글은 초성 19개, 중성 21개, 종성 28개를 곱한 11,172자의 한글을 지원한다.

 

3. 숫자의 표현 

 

 


'1학기 > IT창의공학' 카테고리의 다른 글

창의공학  (0) 2013.05.13
프로그램의 실행  (0) 2013.05.13
창의공학 실습  (0) 2013.05.13
창의공학 실습  (0) 2013.05.13
창의공학 실습  (0) 2013.05.13
//

4강 -24강 -2

Posted at 2013. 5. 13. 23:17 | Posted in 1학기/홈페이지제작






















'1학기 > 홈페이지제작' 카테고리의 다른 글

멀티미디어  (0) 2013.05.13
4강  (0) 2013.05.13
3강 -2  (0) 2013.05.13
3강  (0) 2013.05.13
2강 -2  (0) 2013.05.13
//

4강4강

Posted at 2013. 5. 13. 23:16 | Posted in 1학기/홈페이지제작


























'1학기 > 홈페이지제작' 카테고리의 다른 글

멀티미디어  (0) 2013.05.13
4강 -2  (0) 2013.05.13
3강 -2  (0) 2013.05.13
3강  (0) 2013.05.13
2강 -2  (0) 2013.05.13
//

3강 -23강 -2

Posted at 2013. 5. 13. 23:15 | Posted in 1학기/홈페이지제작























'1학기 > 홈페이지제작' 카테고리의 다른 글

4강 -2  (0) 2013.05.13
4강  (0) 2013.05.13
3강  (0) 2013.05.13
2강 -2  (0) 2013.05.13
2강  (0) 2013.05.13
//

3강3강

Posted at 2013. 5. 13. 23:15 | Posted in 1학기/홈페이지제작















'1학기 > 홈페이지제작' 카테고리의 다른 글

4강  (0) 2013.05.13
3강 -2  (0) 2013.05.13
2강 -2  (0) 2013.05.13
2강  (0) 2013.05.13
1강 -2  (0) 2013.05.13
//

2강 -22강 -2

Posted at 2013. 5. 13. 23:13 | Posted in 1학기/홈페이지제작







'1학기 > 홈페이지제작' 카테고리의 다른 글

3강 -2  (0) 2013.05.13
3강  (0) 2013.05.13
2강  (0) 2013.05.13
1강 -2  (0) 2013.05.13
1강  (0) 2013.05.13
//

2강2강

Posted at 2013. 5. 13. 23:13 | Posted in 1학기/홈페이지제작


















'1학기 > 홈페이지제작' 카테고리의 다른 글

3강  (0) 2013.05.13
2강 -2  (0) 2013.05.13
1강 -2  (0) 2013.05.13
1강  (0) 2013.05.13
태그정리  (0) 2013.05.13
//

1강 -21강 -2

Posted at 2013. 5. 13. 23:10 | Posted in 1학기/홈페이지제작





















'1학기 > 홈페이지제작' 카테고리의 다른 글

2강 -2  (0) 2013.05.13
2강  (0) 2013.05.13
1강  (0) 2013.05.13
태그정리  (0) 2013.05.13
태그의 특징  (0) 2013.04.09
//

1강1강

Posted at 2013. 5. 13. 23:09 | Posted in 1학기/홈페이지제작

















'1학기 > 홈페이지제작' 카테고리의 다른 글

2강  (0) 2013.05.13
1강 -2  (0) 2013.05.13
태그정리  (0) 2013.05.13
태그의 특징  (0) 2013.04.09
Table 태그  (0) 2013.04.09
//