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

초급자를 위한 html /css 를 활용한 레이아웃과 인터렉티브 반응형웹 클론코딩

4.67 (3 reviews)
Udemy
platform
한국어
language
Web Development
category
instructor
40
students
5 hours
content
Dec 2023
last update
$19.99
regular price

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

감사합니다.

Content

돕다 사이트 제작 Intro

돕다 사이트 제작 Intro
브라켓 설치 방법 및 최종 결과물

header 영역 제작하기

header 영역 제작하기

visual 영역 제작하기

visual 영역 제작하기

contents 영역 제작하기

contents 영역 제작하기 (section.about 영역)
contents 영역 제작하기 (section.premium 영역)
contents 영역 제작하기 (section.global 영역)

footer 영역 제작하기

돕다_footer

Screenshots

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

Charts

Price

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

Rating

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

Enrollment distribution

[실전웹사이트제작(초,중급)]따라하면서 쉽게 배우는 인터렉티브웹 -돕다 반응형웹 - Distribution chart
4314606
udemy ID
9/23/2021
course created date
10/28/2021
course indexed date
Bot
course submited by