[실전웹사이트제작(초,중급)]따라하면서 쉽게 배우는 인터렉티브웹 -돕다 반응형웹

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의 사용법에 대해 제대로 이해하고 경험해가시기 바랍니다.

감사합니다.

What You Will Learn!

• HTML, CSS 기초
• CSS 기초 문법
• HTML, CSS 레이아웃 디자인
• Position 개념에 대한 이해와 적용
• 가상선택자 이해와 적용
• Float 개념 이해와 적용
• 웹사이트 레이아웃 제작 이해와 적용
• CSS Animation 적용
• 스크롤 시 디자인이 변경되는 FixHeader jQuery
• 스크롤 이벤트 애니메이션 jQuery(scrolla .js) 활용과 응용
• 애니메이션이 들어간 이미지 슬라이드 (slick. js) 활용과 응용
• Open 버튼 클릭 시 나타나는 GNB navBar 제작하기

Who Should Attend!

• 이제 막 HTML, CSS Tag를 익히신 분
• 태그는 알지만, 레이아웃을 직접 제작해 보지 못하신 분
• HTML, CSS 입문자 분들로 기초부터 인터렉티브웹까지 차근차근 공부하시고 싶으신 분
• CSS Animation 그 이상의 화려함과 액티브함을 구현하고 싶으신 분
• 웹에서 필요로 하는 JavaScript와 jQuery의 기본을 알고 싶으신 분
• 업무 속도와 확장성을 위해 단시간에 액티브한 웹을 구현하고 싶으신 분
• 웹디자이너/퍼블리셔로 취업을 위해 포트폴리오를 제작하고 싶으신 분
• 현재 그래픽 디자이너로서 웹디자이너/퍼블리셔로 전향하고 싶으신 분

TAKE THIS COURSE