로그인

|

내 강의실

|

마이페이지
프로그래밍

디지털역량 제고를 위한 웹구조 언어 & 웹스타일링 언어 기초

웹/앱 화면을 구현하기 위해 비주얼 스튜디오 코드(VS code)를 이용하여 HTML과 CSS의 기본지식을 학습할 수 있는 과정입니다. 

웹 표준을 준수한 웹페이지의 기본구조를 구성하기 위하여 HTML 문법 규칙들을 익히고, 논리적인 문서 구조가 나올 수 있도록 마크업하는 방법에 대해 학습합니다. 

CSS 명령어를 입력하여 웹/앱 화면을 디자인하고 이에 해당하는 속성값들을 활용하여 적절한 UI를 구현할 수 있습니다.

* 활용 소프트웨어 : visual studio code​

영상 30

총 학습시간 17:10:31

학습기간
  • 수강료

    225,000원

  • 지원금액

    -225,000원

  • 결제금액

    0원

고용24 과정 바로 신청
학습기간
사업주 직업능력개발 지원 과정
제도안내 Go
  • 수강료

    225,000원

수강 문의
학습기간

* 학습기간 1개월

  • 수강료

    225,000원

  • 지원금액

    -0원

  • 결제금액

    225,000원

학습대상

  • HTML, CSS 언어를 처음 접하는 분
  • 프론트엔드 개발 분야에 관심이 있는 분
  • 관련 직군 및 직무 : 정보기술개발, 응용SW엔지니어링, 디지털디자인​ 

학습목표

  • HTML, CSS 언어의 개념을 학습하고 이를 활용하여 적절한 웹페이지 화면 구조를 설계할 수 있다.
  • HTML의 기본 문법을 학습하고 명령어 태그들과 요소들을 이해할 수 있다.
  • CSS의 기본 개념과 박스 속성 및 레이아웃 관련 속성들을 이해할 수 있다.​ 

강사 경력 사항

    박소영강사님

    그린컴퓨터아트학원 / 강사

  • (현) 그린컴퓨터아트학원 훈련교사
    - (전) 디큐브커뮤니케이션 / 팀장
    - (전) 엠지에스 / 디자인팀장
    - (전) 우림인포텍 근무
     

학습내용

1

학습을 시작하며

00:31:42
2

에디터 소개 및 설치 환경설정

00:47:07
3

문서의 기본

00:43:43
4

섹션 요소

00:35:49
5

콘텐츠 그룹1

00:32:51
6

콘텐츠 그룹2

00:31:03
7

텍스트 레벨1

00:33:22
8

텍스트 레벨2

00:32:22
9

멀티미디어 & 내장 콘텐츠

00:31:30
10

표 제작

00:32:16
11

양식

00:33:41
12

CSS의 기본 개념1

00:34:18
13

CSS의 기본 개념2

00:38:24
14

요소의 위치1

00:32:15
15

요소의 위치2

00:43:23
16

텍스트 디자인1

00:30:40
17

텍스트 디자인2

00:34:02
18

색상과 배경1

00:34:18
19

색상과 배경2

00:30:52
20

박스 디자인

00:32:59
21

CSS 선택자1

00:32:22
22

CSS 선택자2

00:37:16
23

애니메이션 효과

00:32:43
24

변형1

00:33:52
25

변형2

00:32:29
26

플렉서블 박스1

00:33:07
27

플렉서블 박스2

00:33:37
28

그리드 박스1

00:30:43
29

그리드 박스2

00:31:52
30

레이아웃

00:35:53