멀티미디어웹페이지제작과제물

마귀근육인
개인인증판매자스토어
최초 등록일
2021.04.22
최종 저작일
2021.04
10페이지/한글파일 한컴오피스
가격 4,000원 할인쿠폰받기
다운로드
장바구니
퀴즈OX 이벤트

목차

1. CSS
2. 자바 스크립트
3. Semantics
4. Offline&Storage
5. Device Access
6. Web Socket
7. Video & Audio
8. 3D, Graphics & Effects
9. Geo-Location
10. Styling Effects

본문내용

CSS
-HTML5 관련 기술들중에 대표적인 것으로 CSS3가 있다. HTML 태그를 이용하여 웹 문서를 설계하고 변경하는 데에는 많은 제약이 따른다. 문서의 전체적인 구조와 틀은 태그로 정의할 수 있지만 화면에 표현되는 다양한 스타일은 정의할 수 없기 때문이다.
스타일 시트(STYLE SHEETS)는 이런 문제점을 보완하고 웹 문서에 다양한 레이아웃과 장식을 하기 위하여 사용한다.
CSS3는 스타일 시트 표준안으로, 웹 문서에 글꼴, 색상, 정렬과 각 요소의 배치 방법 등과 같은 디자인 요소를 적용하는 데 사용된다. CSS3는 선택자, 속성, 속성값으로 구성된다.
▶선택자(Selector) : 스타일 시트를 적용할 대상을 지정한다.
▶속성(Property) : 어떤 속성을 적용할지 선택한다.
▶속성값(Value) : 속성에 어떤 값을 반영할지 선택한다.

<중 략>

▶애니메이션
animation-name : @keyframes 애니메이션의 이름을 지정한다.
animation-duration : 애니매이션의 지속 시간을 초 단위로 설정한다.
animation-timing-function : 애니메이션의 시작과 끝 타이밍을 지정한다. 예를 들어 빠르게 시작해서 느리게 끝나는 애니메이션을 만들 수 있다.
animation-delay : 애니메이션 시작을 지연시키는 시간을 초 단위로 설정한다.
animation-iteration-count : 애니메이션이 반복 재생되는 횟수를 설정한다. infinite로 설정하면 무한 반복된다.
animation-direction : 애니메이션의 방향을 설정한다.
animation-fill-mode : 애니메이션을 재생하고 있지 않을 때 속성값을 설정한다.
animation-play-state : 애니메이션 재생 상태를 설정할 수 있다.

박스모델은 웹 문서에 텍스트, 이미지, 테이블 등의 요소를 배치하기 위해 사용하는 개념이다.
▶content : 실제 내용이 표현되는 곳
▶padding : 콘텐츠와 테두리 사이의 여백
▶border : 박스의 테두리 두께
▶margin : 테두리와 박스의 최종 경계 사이의 여백

참고 자료

e-그린 원격 평생 교육원 -컴퓨터 그래픽1 학습교안 자료-
e-그린 원격 평생 교육원 -웹 디자인 학습교안 자료-
e-그린 원격 평생 교육원 -멀티미디어 웹페이지 제작 학습교안 자료-
e-그린 원격 평생 교육원 -인터넷 프로그래밍 학습교안 자료-
맛있는 디자인 포토샵&일러스트레이터 cc2021 -한빛미디어출판사 2021년 2월 17일 출간 빨간고래,윤이사라 지음-
Photoshop10년 사용할 수 있는 테크닉 사전 -길벗출판사 2017년 1월25일 초판 발행 후지모토 케이 지음-
차세대 웹 프로그래밍 HTML5+CSS3+JavaScript –한빛아카데미 2019년 8월 2일 발행 홍성용 지음-
Do it! HTML5+CSS3 웹 표준의 정석 –이지스퍼블리싱 출판 2020년 1월 28일 개정판발행 고경희 지음-
https://www.opentutorials.org/course/3083 -생활코딩 web강의 동영상-
https://www.youtube.com/watch?v=vgrd5sY_gFo -유튜브 Do it! HTML5+CSS3 웹 표준의 정석 동영상 강의-
https://www.youtube.com/channel/UCBH3pRrWYB4mZLApy-ZCfLw -판다코딩 동영상 강의-
https://namu.wiki/w/HTML5 -나무위키-
https://itwiki.kr/w/HTML5 -IT위키-
http://wiki.hash.kr/index.php/HTML5 -해시넷-
https://ko.wikipedia.org/wiki/HTML5 -위키백과-
마귀근육인
판매자 유형Gold개인인증

주의사항

저작권 자료의 정보 및 내용의 진실성에 대하여 해피캠퍼스는 보증하지 않으며, 해당 정보 및 게시물 저작권과 기타 법적 책임은 자료 등록자에게 있습니다.
자료 및 게시물 내용의 불법적 이용, 무단 전재∙배포는 금지되어 있습니다.
저작권침해, 명예훼손 등 분쟁 요소 발견 시 고객센터의 저작권침해 신고센터를 이용해 주시기 바랍니다.
환불정책

해피캠퍼스는 구매자와 판매자 모두가 만족하는 서비스가 되도록 노력하고 있으며, 아래의 4가지 자료환불 조건을 꼭 확인해주시기 바랍니다.

파일오류 중복자료 저작권 없음 설명과 실제 내용 불일치
파일의 다운로드가 제대로 되지 않거나 파일형식에 맞는 프로그램으로 정상 작동하지 않는 경우 다른 자료와 70% 이상 내용이 일치하는 경우 (중복임을 확인할 수 있는 근거 필요함) 인터넷의 다른 사이트, 연구기관, 학교, 서적 등의 자료를 도용한 경우 자료의 설명과 실제 자료의 내용이 일치하지 않는 경우

찾던 자료가 아닌가요?아래 자료들 중 찾던 자료가 있는지 확인해보세요

  • 워드파일 [서평] 속이 깊은 HTML 5 & CSS 3 3페이지
    중복투자라는 낭비를 불러왔다. 만일 html5 기술을 활용하게 되면 ... 콘텐츠를 올려놓는 것인데 HTML5의 특징 가운데 하나가 바로 시맨틱 ... 디바이스와 운용체제에 종속적이지 않은 HTML5를 이용하여
  • 한글파일 프로젝트로 배우는 자바 프로그래밍 1장~8장 연습문제 해답 16페이지
    구성되며 텍스트 파일이다. - 자바스크립트(Java Script ... ) : 자바와 문법구조가 유사한 클라이언트 개발 언어로 해석의 주체가 ... (Servlet)은 자바 플랫폼에서 컴포넌트를 기반으로 하는 애플리케이션을
  • 한글파일 [서평] HTML5 프로그래밍 입문 3페이지
    구동하는 중요한 툴이다. 314쪽은 자바스크립트에 대한 이야기다. ... 있습니다. HTML 에서 요소라고 부른 것을 자바스크립트에서는 문서객체라고 ... [서평] HTML5 프로그래밍 입문 (IT CookBook) 윤인성
  • 한글파일 프로젝트로 배우는 자바 프로그래밍 1~14장 연습문제 해답 23페이지
    구성되며 텍스트 파일이다. - 자바스크립트(Java Script ... ) : 자바와 문법구조가 유사한 클라이언트 개발 언어로 해석의 주체가 ... 자바 플랫폼에서 컴포넌트를 기반으로 하는 애플리케이션을 개발할 때
  • 한글파일 액티브 콘텐츠의 위험성과 대체 기술 조사 1페이지
    문서와 자바 스크립트를 이용한 기술을 제시하고, 파일 다운로드는 HTML ... 제시한다. 표준인 HTML5과 TLS 등이 또한 대안으로 제시된다 ... . HTML5로 개발된 사이트는 각기 다른 브라우저나 운영체제를
  • 한글파일 액티브 Active 콘텐츠의 위험성과 대체 기술 1페이지
    문서와 자바 스크립트를 이용한 기술을 제시하고, 파일 다운로드는 HTML ... 제시한다. 표준인 HTML5과 TLS 등이 또한 대안으로 제시된다 ... . HTML5로 개발된 사이트는 각기 다른 브라우저나 운영체제를 사용하더라도
  • 파워포인트파일 시맨틱 32페이지
    . 시맨틱 의 기초가 되는 기술 3. 시맨틱 을 구성하는 기술 4 ... . 시맨틱 을 이용한 가상 시스템 5. 가상 시스템의 구현 6. 시맨틱 ... 기술의 비젼으로 시맨틱이 제시되었다. 시맨틱은 기존 을 확장하여
더보기
최근 본 자료더보기
상세우측 배너
멀티미디어웹페이지제작과제물