자주 찾는 메뉴

QUICK MENU

내 강의실 주문/결제 내역 카톡 상담

마감 임박! 등록 마감까지 남은 시간은?

DAY

:
:
수강 신청하기

내배카(근로자)

사업주

평교육

일반

[웹 퍼블리싱 전문가] HTML & CSS로 시작하는 실무 웹코딩

수강료

129,360

자부담금

45,280

학습일

30일

NCS 분류

응용SW엔지니어링

12시간(20강)

강의목록
강의 탐색
강의 썸네일
과정소개서
강의구성

12시간(20강)

수강기간

30일

교재유무

난이도

초급

내배카(근로자)

사업주

평교육

일반

[웹 퍼블리싱 전문가] HTML & CSS로 시작하는 실무 웹코딩

과정분류

NCS 직무분류 (20010202 : 응용SW엔지니어링)

훈련분류

수료증에 NCS 직무분류코드 포함

수료기준

진도 80% 이상,시험 1회,과제 1회

수료기준 상세보기
강의구성

12시간(20강)

수강기간

30일

교재유무

난이도

초급

강의금액

129,360

지원금액

84,080

총 결제금액

45,280

이런 분들이 신청하면 좋아요.

  • 01웹 개발 및 퍼블리싱을 처음 접하는 입문자
  • 02웹 디자인 및 UI/UX에 관심이 있는 디자이너 및 실무자
  • 03기본적인 웹페이지 제작이 필요한 프리랜서 및 취업 준비생

이 과정의 강의 목표.

  • 01웹 퍼블리싱 기초 역량 습득
  • 02HTML과 CSS의 기본 문법을 익히고, 웹페이지의 구조와 스타일을 직접 구현할 수 있도록 한다.
  • 03웹 표준을 준수한 HTML 작성법을 학습하고, 실무에서 활용할 수 있는 기본적인 퍼블리싱 능력을 갖춘다.
  • 04CSS를 활용한 레이아웃 및 디자인 구성
  • 05플렉스 박스(Flexbox) 및 포지션(Position) 속성을 활용하여 다양한 웹페이지 레이아웃을 구성할 수 있다.
  • 06폰트, 색상, 배경, 박스 모델 등 스타일 요소를 활용하여 시각적으로 완성도 높은 웹 디자인을 구현할 수 있다.
  • 07CSS 애니메이션 및 효과(Transition, Animation)를 적용하여 동적인 웹페이지 제작이 가능하다.
  • 08디자인 참조 및 실전 적용 능력 배양
  • 09포토샵(Adobe Photoshop) 디자인을 기반으로 HTML과 CSS를 활용하여 웹페이지를 제작할 수 있다.
  • 10실무에서 요구되는 기본적인 웹 퍼블리싱 작업을 수행할 수 있도록 프로젝트 중심의 학습을 진행한다.

과정소개

  • 웹사이트 구축의 기초를 탄탄하게 다질 수 있는 과정입니다. 

    비주얼 스튜디오 코드(VS Code)를 활용하여 HTML 문서의 개념과 구조를 이해하고, 다양한 태그를 사용하여 웹페이지를 구성하는 방법을 학습합니다.

    웹 퍼블리싱과 웹 개발을 처음 접하는 입문자를 대상으로 하며, 실무에서 활용할 수 있도록 포토샵 디자인을 참조하여 HTML과 CSS를 적용하는 실습 중심의 교육을 제공합니다. 

    웹 표준을 준수하면서도 직관적이고 반응형 웹페이지를 제작하는 핵심 기술을 익히게 됩니다.

    특히 CSS3를 활용한 스타일링과 레이아웃 기법(FLEX, GRID 등), 폰트 및 색상 조합, 박스 모델과 애니메이션 효과(TRANSITION, ANIMATION) 등을 배우며, 실전에서 바로 적용할 수 있도록 구성하였습니다.

    또한, CSS RESET과 normalize.css를 활용한 초기화 기법을 익히고, 링크 및 버튼 스타일링, 폼 요소 디자인 등 웹사이트의 필수 구성 요소를 효과적으로 디자인하는 방법을 학습합니다.

    이 과정을 통해 수강생들은 단순한 웹페이지 제작을 넘어, 실무에 적합한 웹 퍼블리싱 역량을 갖출 수 있도록 합니다.

    *활용 소프트웨어 : Visual studio code, Adobe Photoshop CS6 버전 이상

    [학습자료 안내]

    본 과정은 별도의 교재가 제공되지 않습니다.
    학습에 필요한 자료는 PDF 파일로 제공되며, [내 강의실 > 수강중인 과정 > 학습자료실]에서 다운로드하실 수 있습니다.
    자료 이용 시 개인 학습 목적 외 사용은 제한됩니다.

수료기준을 꼭 확인해 주세요.

  • 필수

    진도율 80% 이상, 평가 성적 평균 60점 이상 시 수료

수료기준

항목

진도율

진행단계평가

최종평가

과제

수료점수

수료기준

80% 이상

없음

필수

필수

60점 이상

평가비율

-

0%

60%

40%

강의목차

  • [웹 퍼블리싱 전문가] HTML & CSS로 시작하는 실무 웹코딩

    20차시, 14시간 09분
  • 01차시학습전 준비사항과 HTML 문서 기초 1

    47분

  • 02차시HTML 문서 기초 2

    35분

  • 03차시HTML 문서 기초 3

    38분

  • 04차시섹셔닝과 리스트 태그

    44분

  • 05차시링크

    39분

  • 06차시이미지

    36분

  • 07차시폼기초

    45분

  • 08차시디자인 참고 코딩하기

    64분

  • 09차시CSS 기본 문법과 색상구현

    39분

  • 10차시CSS 단위

    43분

  • 11차시CSS 기본 선택자

    36분

  • 12차시CSS 폰트

    32분

  • 13차시배경 스타일

    42분

  • 14차시디스플레이 속성

    39분

  • 15차시박스모델

    38분

  • 16차시Position 기초

    37분

  • 17차시Flex 속성 1

    30분

  • 18차시Flex 속성 2

    37분

  • 19차시디자인 참고 CSS 작성하기 1

    56분

  • 20차시디자인 참고 CSS 작성하기 2

    64분

강사소개

  • 프로필 이미지

    안녕하세요
    김동주 강사 입니다.

  • 정보기술개발 분야 강의 경력 9년 이상웹개발, 관리, 온라인 마케팅 근무 경력 10년 이상저서 : 웹 디자인 & 웹 퍼블리싱을 위한 피그마 완벽 활용서(비제이퍼블릭/2021.07. 출간)