1. 앞에서 배운 html을 이용해서 자바스크립트를 시작해 봅니다. 아래와 같이 코드를 작성합니다. -1) 소스코드 -2) 실행화면

1. 자바스크립트(JAVASCRIPT)란? 자바스크립트는 썬 마이크로시스템 사와 네스케이프 사가 공동으로 제작하여 보급한 언어로, 사용자와 웹페이지 간의 상호작용이 가능한 언어입니다. 자바스크립트는 별도의 다른 프로그램이 필요하지 않고 html 안에 작성하면 되므로 간단히 메모장과 같은 기본 프로그램에서 작성이 가능합니다. 도한 별도의 실행 도구 없이 각종 웹 브라우저( 인터넷익스플로러, 크롬, 사파리, 오페라 등 ) 에서 실행할 수 있습니다. 2. 자바스크립트 실행하기 구분 설명 메모장에 코딩 메모장에 자바스크립트로 코딩합니다. HTML로 저장 저장할 때 파일 확장자를 웹 페이지인 html, htm으로 합니다. 웹 브라우저로 확인 윈도우즈에서는 익스플로러나 크롬과같은 웹브라우저로 확인합니다. 3. 자바..

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 ..