Thumbnail
개발 · 프로그래밍 웹 개발

빠르게 훑는 HTML + CSS 기초 대시보드

(4.7)
11개의 수강평 ∙  93명의 수강생

19,800원

지식공유자: 현진타임
총 19개 수업 (2시간 41분)
수강기한: 
무제한
수료증: 발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변이 제공되는 강의입니다
폴더에 추가 공유

초급자를 위해 준비한
[웹 퍼블리싱, 웹 개발] 강의입니다.

다양한 응용 예제로 HTML과 CSS의 기초 지식을 익힐 수 있는 강의입니다. 이 강의를 수강한 후 HTML과 CSS에 자신감을 가져보세요!

✍️
이런 걸
배워요!
HTML, CSS 기초
HTML, CSS 응용법

웹 퍼블리셔가 많이 사용하는
HTML, CSS의 핵심기술을 배워보세요!

웹 퍼블리셔가
되고 싶으신가요?

HTML과 CSS에 대해 공부하고 싶으신가요? 그런 분들께 저의 지식을 공유해드리고 함께 나아가기 위해 강의를 제작했습니다. 웹 퍼블리셔가 되기 위해 알고 있어야 하는 HTML과 CSS의 기초를 다지는 이 강의를 듣고 스스로의 능력을 향상시켜 보세요! 


이런 분들께 추천드려요.

✅ HTML과 CSS의 기초를 다지고 싶으신 분
✅ 웹 퍼블리셔로 취업하고 싶으신 분
✅ 다양한 예제로 배운 내용을 응용해보고 싶으신 분
✅ 수동적인 강의가 아닌 능동적인 강의를 듣고 싶으신 분


이론은 이제 그만!

    커리큘럼마다 속해있는 다양한 예제를 만들어보며 HTML 태그와 CSS 스타일링을 더 재밌게 공부할 수 있습니다. 어렵지 않습니다! 초급자의 눈높이에 맞춰 제작된 강의로 어렵지 않게 학습할 수 있습니다. 강의를 들은 후 여러 디자인을 코딩할 수 있는 능력을 길러보세요!


    학습 내용 📚

    • div 태그 개념 설명
    • div 태그로 알아보는 position
    • div 태그로 알아보는 flex box
    • span, p 태그 개념 설명
    • span, p 태그로 알아보는 font style
    • a 태그 개념 설명
    • a 태그로 알아보는 hover 효과
    • ul 태그 개념 설명
    • table 태그 개념 설명
    • input 태그 개념 설명

    예제 1 - 영화 리뷰창 만들기
    div, span, p 태그를 이용하여 영화 리뷰창을 만들어봅시다.

    ✅ 예제 2 - 회원가입 폼 만들기
    table, input 태그를 이용하여 회원가입 폼을 만들어봅시다.

    ✅ 예제 3 - 서브 메뉴가 있는 메뉴바 만들기
    a, ul 태그 등을 이용하여 메뉴바를 만들어봅시다.

    ✅ 예제 4 - 로그인 화면 만들기
    배운 태그들을 이용하여 실무에서 많이 만드는 로그인 화면을 만들어봅시다.

    ✅ 예제 5 - 상품리스트 만들기
    배운 태그들을 이용하여 상품 리스트를 만들어봅시다.


    안녕하세요, 김현진입니다 ✒️

    안녕하세요, 웹 퍼블리셔 김현진입니다.
    현재 웹 퍼블리셔로 근무하면서 여러 스킬들을 쌓고 있고 4년간 관련 전공 지식을 습득하며 저만의 스타일을 갖춰왔습니다. 또한 지금은 지식공유자로 여러분께 지식을 공유해드리는 일까지 하고 있습니다.


    예상 질문 Q&A 💬

    Q. 비전공자도 들을 수 있는 강의인가요?

    물론입니다. 비전공자도 쉽게 배우실 수 있도록 어렵지 않게 만들었습니다!

    Q. 강의를 듣기 전 준비해야 할 것이 있나요?

    아무것도 준비하지 않은 상태로 오셔도 상관없습니다! 모든 것을 여러분께 떠먹여드릴 거예요.

    Q. 수업 내용을 어느 수준까지 다루나요?

    HTML 주요 태그들에 대한 설명과 CSS 선택자, 간단한 스타일링 등을 배우고 응용하는 법까지를 배웁니다!

    이런 분들께 추천드려요!

    🎓
    학습 대상은
    누구일까요?
    웹 퍼블리셔로 취업하고 싶으신 분
    HTML, CSS로 뭐든 만들어보고 싶으신 분
    📚
    선수 지식,
    필요할까요?
    HTML, CSS 기본 개념

    안녕하세요
    현진타임 입니다.
    현진타임의 썸네일
    커리큘럼 총 19 개 ˙ 2시간 41분의 수업
    이 강의는 영상, 수업 노트, 첨부 파일이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
    섹션 0. 강의소개
    강의 소개 미리보기 01:09
    강의 준비물 01:10
    강의 자료
    섹션 1. HTML 주요 태그와 CSS 기초
    div 태그 개념 설명 03:38
    div 태그로 알아보는 position 미리보기 04:16
    div 태그로 알아보는 flex box 개념 05:44
    span, p 태그 개념 설명 01:46
    span, p 태그로 알아보는 font style 05:32
    첫번째 예제-영화 리뷰창 만들기 22:31
    a 태그 개념 설명 03:15
    a 태그로 알아보는 hover 효과 미리보기 09:04
    ul 태그 개념 설명 03:26
    두번째 예제-navbar 만들기 18:44
    table 태그 개념 설명 06:34
    input, select 태그 개념 설명 09:27
    세번째 예제-회원가입 폼 만들기 19:35
    섹션 2. 응용 예제
    로그인 화면 만들기 21:41
    서브메뉴가 있는 navbar 만들기 08:32
    상품리스트 만들기 15:49
    강의 게시일 : 2021년 07월 26일 (마지막 업데이트일 : 2021년 07월 26일)
    수강평 총 11개
    수강생분들이 직접 작성하신 수강평입니다.
    4.7
    11개의 수강평
    5점
    4점
    3점
    2점
    1점
    VIEW 추천 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
    mrloveletter thumbnail
    4
    완전 처음 하는 분들 보다는 한 번 배우신 분들이 예제로 따라 만들기 하실 때 많이 도움이 되실 것 같아요. 기본적인 용어 설명 같은 것보다는 이미 안다는 전제 하에 바로 적용하는 방식으로 설명해주십니다. 집중해서 코딩하실 때 말씀이 잠깐 없으신데, 의식적으로 계속 말씀을 해주시면 더 좋을 것 같아요. 강의 따라서 코딩을 하다보니 말씀을 해주시면 바로 입력할 수 있을 것 같은데 꼭 화면을 봐야 하더라구요. 그리고 선생님께서 코딩을 다 마치셨을 때 잠깐 한 1~2초라도 멈췄다가 진행 해주시면 그 화면에서 일시정지 누르고 제 코드랑 비교하기가 수월할 것 같은데 너무 바로 넘어가셔서 코드 완성된 화면을 찾아가서 일시정지를 하면서 하다보니 조금 번거로운 느낌이 있었어요. 꿀팁을 많이 알려주셔서 좋았습니다~ 한 번 배우시고 복습 겸으로 짧은 강의로 훑고 싶으신 분들께 추천드립니다-!
    2022-01-24
    안안재형 thumbnail
    5
    제가 원했던 강의 스타일입니다. 불필요한 내용 하나도 없고 정말 필요한 내용만 있고 실무팁도 포함되고. 간단명료해서 너무 좋습니다. 가격까지 저렴하네요
    2022-03-27
    재롱이 thumbnail
    5
    가끔식 복습하기 정말 좋습니다!
    2024-03-28
    seol2ya thumbnail
    5
    오래전 배웠던 퍼블의 기억을 살리고자 들었는데 도움이 많이 되었습니다. 감사합니다
    2022-05-31
    비니 thumbnail
    3
    완전 초보자입니다. 음.. 목차 부분은 알차고 좋아요. 조금 아쉬운 부분이 있다면 이 영상은 html/css를 이미 어느 정도 알고 계시는데 까먹어서 다시 들으시는 분들에게 조금 더 적합한 강의 같아요! 초보자분들이 들으셔도 좋지만 조금 아쉬운 강의였습니다ㅠㅠ
    2022-07-09