컴퓨터가 이해하는 페이지를 만들기 위해 필요한 것이 마크업 언어입니다. 마크업은 "문서의 논리적인 구조를 묘사하기 위해 텍스트나 워드프로세싱 파일의 특정 위피에 삽입되는 일련의 문자들이나 기로들을 말하고, 그런 기호들로 문서구조를 작성하는 행위"도 포함됩니다. HTML은 SGML(Standard Generalized Markup Language)에서 파생된 언어로 가장 많이 활용되는 언어입니다. HTML은 1989년 유럽 입자 물리 연구소의 계약자였던 물리학자 팀 버너스리가 인터넷 기반이 하이퍼텍스트 체계를 제안하는 메모를 작성하고, 1990년 말에 HTML을 명시한 후 브라우저와 서버 소프트웨어를 작성하면서 만들어지게 됩니다. 1991년 말에 버너스리가 처음으로 인터넷에서 문서를 "HTML tag"로 ..

1. 웹 표준(Web Standards)이란? 웹 표준을 어떻게 정의할 수 있을까요? Wikipedia에서 "World wide Web의 측면을 서술하고 정의하는 공식 표준이나 기술 규격을 가르키는 일반적인 용어이다. 최근에 이 용어는 웹 사이트를 작성하는 데 중요도가 높아지고 있으며 웹 디자인, 개발과 관계가 있다."라고 정의하고 있습니다. 웹 사이트를 개발할 때에는 HTML, XML, CSS, JAVASCRIPT 등 여러 가지 언어를 사용하게 되는데, 미리 정의된 규칙과 규격에 맞춰서 만든다면 그것이 웹 표준이라고 볼 수 있겠습니다. ISO에서 제정한 품질경영시스템에 관한 국제규격 ISO9001이란 것과 같이 웹 표준이란 것도 "웹 페이지 저작 도구와 기술에 대한 규격"으로 볼 수 있습니다. 웹 표준..

1. 지금까지 배운 html의 모든 내용을 활용하여 나만의 홈페이지를 만들어 봅니다. html5 이전의 홈페이지는 다음 그림과 같이 프레임을 나누어서 사용하였습니다. 2. 최근에는 프레임을 구분하지 않고 영역을 나누어서 한 페이지로 구성하는 방법을 주로 사용합니다. html5에서는 CSS를 이용해서 각 영역을 미리 지정하여 사용할 수 있습니다. 3. 나만의 홈페이지를 만들기 위 홈페이지 레이아웃을 구성합니다. 4. 내비게이션 부분의 메뉴에 연결할 웹 페이지를 만듭니다. 메뉴 연결할 페이지 나의 소개 2-1.html(소개 페이지) 나의 앨범 4-3html(앨범 페이지) 포트폴리오 6-3.html(동영상 페이지) 최근에는 연결할 페이지도 모든 영역이 포함된 코드로 만들어져 페이지가 전체적으로 변경되는 방법을..

1. 지금까지는 디자인에 상관없이 요소에서 속성을 사용하여 여러 가지 색상이나 글꼴, 크기 등을 바꾸어 보았습니다. 최종적으로html을 이용한 나만의 홈페이지를 만들려면 홈페이지 전체의 디자인을 생각해야 합니다. 따라서 여기에서는 html에서 디자인을 담당하고 있는 CSS( Cascading Style Sheets )를 사용하여 다양한 디자인을 만들어 봅니다.2. 간단한 CSS를 만들어서 사용해 봅니다. CSS를 만들어 봅시다! 3. CSS를 사용하는 3가지 방법 1. 인라인 방식 : 2. 임베디드 방식 : head 태그 안에 style 태그를 사입하는 방식입니다. ( 3과 같은 방식 ) 3. 외부 링크 방식 : css 파일을 만들어 놓고 연결하여 사용하는 방식입니다. .css파일을 미리 만들어 놓고 사용

1. 홈페이지를 만들 때 이미지뿐만 아니라 다양한 멀티미디어를 삽입하면 어떨까요? 동영상이나 멀티미디어를 홈페이지에서 바로 보여 줄 수 있도록 만들어 봅니다. 2. 비디오를 사입하는 방법을 알아봅니다. 브라우저에서 비디오를 지원하지 않습니다. 3. html5에서 지원하는 비디오 파일의 종류와 브라우저 버전을 알아봅니다. 파일 형식 설명 OGG (.ogg, .ogv) 스트리밍 방식의 멀티미디어 표현을 위한 공개 소스 기반의 파일형식 입니다. MPEG4 (.mp4, .m4v) MPEG-4에서 규정된 비디오 파일 형식이니다. WebM (.webm) 구글이 html5의 동영상에 사용하기 위해 개발한 오픈 소스 방식의 멀티미디어 파일입니다. 브라우저 버젼 MP4 WebM Ogg 크롬 4.0 YES YES YES ..

1. 홈페이지를 만들 때 이미지뿐만 아니라 다양한 멀티미디어를 삽입하면 어떨까요? 동영상이나 멀티미디어를 홈페이지에서 바로 보여 줄 수 있도록 만들어 봅니다. 2. 오디오를 사입하는 방법을 알아봅니다. 브라우저에서 오디오를 지원하지 않습니다. 3. html5에서 지원하는 오디오 파일의 종류와 브라우저 버전을 알아봅니다. 파일 형식 설명 MP3 (.mp3) MPEG-1의 오디오 규격으로 개발된 형식으로 현재 널리 이용되고 있습니다. WAVE (.wav, .wave) MS사와 IBM이 개발한 비압축 형식의 오디오 파일입니다. 주로 윈도우즈에서 사용됩니다. OGG (.ogg, .ogv) 스트리밍 방식의 멀티미디어 표현을 위한 공개 소스 기반의 파일 형식입니다. 브라우저 버젼 MP3 WAV Ogg 크롬 4.0 ..