[실전웹사이트제작(초,중급)]따라하면서 쉽게 배우는 인터렉티브웹 -돕다 반응형웹
초급자를 위한 html /css 를 활용한 레이아웃과 인터렉티브 반응형웹 클론코딩
What you will learn
HTML, CSS 기초
CSS 기초 문법
HTML, CSS 레이아웃 디자인
Position 개념에 대한 이해와 적용
가상선택자 이해와 적용
Float 개념 이해와 적용
웹사이트 레이아웃 제작 이해와 적용
CSS Animation 적용
스크롤 시 디자인이 변경되는 FixHeader jQuery
스크롤 이벤트 애니메이션 jQuery(scrolla .js) 활용과 응용
애니메이션이 들어간 이미지 슬라이드 (slick. js) 활용과 응용
Open 버튼 클릭 시 나타나는 GNB navBar 제작하기
Description
초급자를 위해 준비한 [웹 개발, 웹앱 디자인] 강의입니다.
[웹사이트제작 Step By Step] Basic-course로, 돕다 메인페이지를 그대로 제작해 보는 과정입니다. 본 Basic Course는 CSS 레이아웃 제작과 애니메이션에 대해 다루며, 이어서 Application-course에서는 이미지슬라이드 효과, 반응형제작, 스크롤 애니메이션, Fix Header 등의 인터렉티브 요소를 추가하여 개설될 예정입니다.
본 강의는 HTML, CSS 기초부터 레이아웃 작성까지 실제 웹페이지를 그대로 구현하며 진행됩니다. HTML, CSS 입문자 분들이라도 강의 내용을 따라서 태그 하나하나 작성하다 보면 마크업과 CSS 문법에 대해 저절로 알아가실 수 있습니다.
이제 막 HTML과 CSS Tag를 익히신 분, 태그는 알지만 레이아웃을 직접 제작해 보지 못하신 분, 기업웹의 전형적인 레이아웃을 직접 만들어보며 레이아웃 제작에 대한 기본과 활용을 익히기에 아주 적합한 강좌라 할 수 있습니다.
웹페이지 제작에 필요한 HTML, CSS의 기초부터 활용까지 배울 수 있으며, CSS Animation과 Transform, Transform을 활용해 동적인 요소를 제작할 수 있도록 여러분을 도와드립니다.
HTML, CSS 기초부터 공부하고 싶으신 분
HTML, CSS 기초는 있으나 레이아웃 제작이 어려우신 분
Float 개념과 Position 개념을 확실하게 익히고 싶으신 분
CSS Animation 제작을 확실하게 공부하고 싶으신 분
가상선택자 사용법을 제대로 익히고 싶으신 분
개발자도구 사용법을 확실하게 익히고 싶으신 분
본 강의를 통해 HTML과 CSS의 사용법에 대해 제대로 이해하고 경험해가시기 바랍니다.
감사합니다.