Thumbnail
크리에이티브 웹 퍼블리싱
빠르게 훑는 HTML + CSS 기초
(5.0)
4개의 수강평 ∙ 31명의 수강생

19,800원

지식공유자 : 현진타임
총 19개 수업˙총 2시간 41분
평생 무제한 수강
수료증 발급 강의
입문 초급 대상 중급이상
폴더에 추가 55 공유
초급자를 위해 준비한
[웹 퍼블리싱] 강의입니다.

다양한 응용 예제로 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일)
    수강평 총 4개
    수강생분들이 직접 작성하신 수강평입니다. 수강평을 작성 시 300잎이 적립됩니다.
    5.0
    4개의 수강평
    5점
    4점
    3점
    2점
    1점
    VIEW 좋아요 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
    김도형 thumbnail
    백앤드 중급 개발자입니다. 프론트앤드는 부트스트랩을 이용했으나, 순수 CSS 만으로 구현을 하고 싶어서 이 강의를 들었어요. 결론은 강의비 대비 매우 만족스러웠습니다. 한가지 아쉬운점은 직접 타이핑 하는것도 좋겟지만 초급이 아닌 수강생들을 위해 소스만 보고 응용하거나 필요한 부분만 발췌할 수 있도록, 완성 소스를 목차에 업로드 해주었으면 더 좋았을거란 생각이 듭니다. 조금 더 심도있는 두번째 강의가 나왔으면 좋겠습니다.
    2021-09-07
    ㅁㅅ thumbnail
    html, css 를 어떻게 활용해야 할지 많이 배운 강의였습니다. 더 배우고 싶어요!
    2021-07-30
    지식공유자현진타임
    ㅁㅅ님, 강의가 도움이 된 것 같아 다행입니다. ㅁㅅ님이 앞으로 공부해나갈 모든 시간들과 노력을 응원하겠습니다 :) 수강평 감사합니다!
    2021-08-03
    Jiyoung Kim thumbnail
    css 기본 다지기에 좋은 강의에요! 추천합니다
    2021-09-13
    유성현 thumbnail
    배우기 좋아요
    2021-10-11

    19,800원

    폴더에 추가 55 공유
    지식공유자 : 현진타임
    총 19개 수업˙총 2시간 41분
    평생 무제한 수강
    수료증 발급 강의
    입문 초급 대상 중급이상
    지식공유자 되기
    많은 사람들에게 배움의 기회를 주고,
    경제적 보상을 받아보세요.
    지식공유참여
    기업 교육을 위한 인프런
    “인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의를
    자유롭게 학습하는 환경을 제공하세요.
    인프런 비즈니스