HTML & CSS

  • 일반
  • 재직자
닫기

국가직무능력표준(NCS)은 무엇인가요?

국가직무능력표준(NCS, National Competency Standards)은 산업현장에서 직무를 수행하기 위해 요구되는 지식·기술·태도 등의 내용을 국가가 체계화한 것입니다.

닫기

다른 분야 · 훈련과정을 한 눈에 볼 수 있습니다.

HTML & CSS

HTML(CSS)코딩



디지털디자인(웹)분야에 사용되는 웹기획, 웹 표준, 웹 접근성, HTML5의 기술을 습득할 수 있다.
HTML을 이용한 디지털디자인 콘텐츠-웹페이지를 제작하여 직업능력개발을 할 수 있다. 디지털디자인 분야 직무종사자와 관련분야로 전/이직을 희망하는 교육/훈련생을 대상으로 훈련을 실시하며 웹문서를 제작할 수 있다.
  • 강의대상실업자, 미취업자
  • 취업준비생
  • 고교졸업자, 대학졸업생
  • 사이버대학교 또는 야간대학교 재학생, 자영업자
교과목교육내용비고
html&css 실무활용
  • - html문서의 개념
  • - html의 구조 파악하기
  • - 사이트설정을 통해 로컬사이트와 웹사이트 개념 학습
  • - 미리보기기능을 통하여 여러 브라우저 설치
  • - 좋은 디자인과 나쁜 디자인의 비교
  • - 텍스트 관련 태그를 이용한 문단 정리
  • - 디자인모드에서의 문단 정리, 목록과 관련된 태그의 활용
  • - 이미지 태그를 사용하여 이미지 링크하기
  • - 앵커태그를 이용한 text링크와 image링크
  • - 디자인모드에서 텍스트링크와 이미지링크 걸기
  • - 이미지 맵의 사용방법과 활용법, 롤오버이미지 만들기
  • - 네임앵커의 사용법과 활용법, insert메뉴를 이용해 테이블 제작
  • - 속성패널에서 테이블 편집하기
  • - 테이블을 이용해 웹사이트 레이아웃 만들기
  • - 프레임으로 웹사이트 다단나누기
  • - 하이퍼링크의 target속성으로 frame설정하기
  • - iframe의 이해, iframe으로 멀티미디어 삽입하기
  • - css(cascading style sheet)의 이해
  • - 태그 및 문서 내부에서 정의하는 style로 문서꾸미기
  • - 태그선택자, 아이디선택자, 클래스 선택자의 이해
  • - apdiv의 이해, apdiv로 자유롭게 레이아웃을 구성하기
  • - form문서의 이해, 여러 가지 문서 입력 양식만들기
  • - apdiv의 이해, apdiv로 자유롭게 레이아웃을 구성하기
  • - form문서의 이해, 여러 가지 문서 입력 양식만들기
  • - 폼문서 만들기
  • - apdiv 팝업 만들기, 문서에서 div팝업 이동하기
  • - 브라우저팝업 만들기, 롤오버 메뉴바 만들기
  • - 무료호스팅에서 웹계정 만들기
  • - ftp프로그램의 사용방법과 활용
  • - 무료게시판 설치 하고 연결하기

강다운 강사

황성진 강사

변경섭 강사

권대승 강사

  • 변수*
    변수*스마트기기 UXUI 디자인(디지털 앱, 웹퍼블리셔)
  • 이미*
    이미*일류투어 여행사이트 리뉴얼
  • 오수*
    오수*[NCS]인터렉티브웹디자인(별관)
  • 정*종
    정*종웹디자인취업과정
포트폴리오 더 보기 +
  • 김철학 선생님 박소현 실장님 고생하셨습니다이찬*

    적절한 내용으로 비전공자로써 이해할수있었고 박소현 실장님의 상담덕에 자신감이 생겼습니다 감사합니다
  • 김철학 선생님, 박소현 취업 상담 실장님 !!!!!!!!!홍유*

    선생님~~ 5개월간 9시부터 6시까지 수업 하시느라 고생 많으셨습니다. 비전공자여서 초반에는 엉뚱한 질문도 많이 했지만 이해될때까지 알려주셔서 감사했어요. 그리고 박소현 상담 실장님, 자소서 작성부터 면접까지 엄청 많은 도움주셔서 감사합니다. 처음 도전하는 분야이기 때문에, 혼자 준비한다면 너무 막막했을텐데 실장님께 너무 많은 도움 받았습니다!!! 취업을 간절히 원한다면 박소현 실장님께 적극적으로 질문하고 도움을 요청한다면 좋을 거 같습니다. 다들 취뽀~ 아자!
  • 김철학 선생님, 박소현 실장님 감사합니다!오수*

    전공자로서 웹 개발에 대한 기본적인 이해는 있었지만, 이번 교육을 통해 AI Worker, AI UX 전략, RAG 인프라와 같은 새로운 기술을 접하며 시야를 넓힐 수 있었습니다. 특히 Java와 Spring 기반의 웹 서비스에 AI 기술을 어떻게 자연스럽게 연결할 수 있는지 직접 배우고 경험한 점이 인상 깊었습니다. 단순히 기능을 구현하는 것을 넘어 사용자의 경험과 서비스의 방향까지 함께 고민할 수 있었고, 앞으로 AI를 활용한 웹 서비스를 개발하는 데 좋은 밑바탕이 될 것 같습니다. 새로운 기술을 배우며 한 단계 더 성장할 수 있었던 의미 있는 시간이었습니다.
  • 컴활 1급 필기실기(김경미쌤) 수강후기문소*

    혼자 집에서 독학했으면 한 달안에 이정도의 양을 소화하지 못했을 것 같은데, 한 번 다 돌아볼 수 있어서 좋았습니다!! 아무래도 내용이 많다보니 뒤로 가면서 앞 부분을 까먹게되는데 사소한 부분도 하나하나 다시 설명해주셔서 복습하는 데 편했어요. 그리고 질문도 꽤 많이 드렸는데ㅜ 엄청 빠르게 답장주셨어요. 추천드립니당
  • 26.02 - 26.07 수강 후기배은*

    관심은 있는데 혼자 공부하긴 어려웠던 툴을 기초부터 심화 과정까지 배울 수 있어서 좋았습니다. 짧으면 짧고 길면 긴 기간 동안 개인 프로젝트도 하고 협업 프로젝트도 하면서 실무 경험을 할 수 있다는 점이 좋았던 것 같습니다! 5개월 과정 동안 수고하셨습니다 ????
  • 하경미 강사님, 정은주 강사님 그동안 고생하셨습니다. 이상*

    만나 뵈어서 행운이었습니다. 덕분에 많은 것을 배우고 갑니다. 감사합니다!
수강후기 더 보기▶

그린이 추천하는 관련 교육과정

개강임박
paysale배너

빠른상담

이름

지점선택

연락처

- -

이메일

@

상담내용

2023 강남(본점)

5년 인증 우수
훈련기관 선정

2023 신도림

5년 인증 우수
훈련기관 선정

2023 노원

5년 인증 우수
훈련기관 선정

2023 인천(부평)

5년 인증 우수
훈련기관 선정

2024 인천(청라)

5년 인증 우수
훈련기관 선정

2023 수원

5년 인증 우수
훈련기관 선정

2023 의정부

5년 인증 우수
훈련기관 선정

2023 청주

5년 인증 우수
훈련기관 선정

2023 대전(둔산)

5년 인증 우수
훈련기관 선정

2023 울산

5년 인증 우수
훈련기관 선정

2023 부산

5년 인증 우수
훈련기관 선정

2022 역삼

5년 인증 우수
훈련기관 선정

2022 종로

5년 인증 우수
훈련기관 선정

2022 신촌

5년 인증 우수
훈련기관 선정

2022 부천

5년 인증 우수
훈련기관 선정

2022 안산

5년 인증 우수
훈련기관 선정

2022 안양

5년 인증 우수
훈련기관 선정

2022 성남

5년 인증 우수
훈련기관 선정

2022 전주

5년 인증 우수
훈련기관 선정

2022 대구(동성로)

5년 인증 우수
훈련기관 선정

2022 대구(교보타워)

5년 인증 우수
훈련기관 선정

대한민국 교육브랜드 대상

대한민국 교육브랜드 대상
IT· 디자인 교육 부문 1위

사랑나눔 사회공헌 대상
교육사회공헌 부문 부총리 겸 교육부 장관상

대한민국 교육대상
디자인·IT 교육 부문 대상

사랑나눔 사회공헌 대상
전문인력육성 부문 고용노동부장관상

고객신뢰도 1위 프리미엄 브랜드
디자인·IT 취업교육 부문 대상

국가브랜드 대상
디자인·IT 교육 최우수 브랜드

한국의 가장 사랑받는 브랜드 대상
디자인·IT 교육 부문 대상

소비자추천 1위 브랜드 대상
디자인·IT 교육 부문 1위

대한민국브랜드평가 1위
디자인·IT 교육 브랜드 1위

훈련 이수자 평가

2024 강남(본점)

훈련 이수자 평가
디자인

훈련 이수자 평가

2024 역삼

훈련 이수자 평가
출판

훈련 이수자 평가

2024 종로

훈련 이수자 평가
출판

훈련 이수자 평가

2024 신촌

훈련 이수자 평가
건축설계·감리

훈련 이수자 평가

2024 신도림

훈련 이수자 평가
출판

훈련 이수자 평가

2024 노원

훈련 이수자 평가
출판

훈련 이수자 평가

2024 인천(부평)

훈련 이수자 평가
건축설계·감리

훈련 이수자 평가

2024 안산

훈련 이수자 평가
문화콘텐츠제작

훈련 이수자 평가

2024 성남

훈련 이수자 평가
건축설계·감리

훈련 이수자 평가

2024 대전

훈련 이수자 평가
건축설계·감리

훈련 이수자 평가

2024 대구

훈련 이수자 평가
건축설계·감리

훈련 이수자 평가

2024 부산

훈련 이수자 평가
건축설계·감리

훈련 이수자 평가

2023 역삼

훈련 이수자 평가
디자인

훈련 이수자 평가

2023 종로

훈련 이수자 평가
건축설계·감리

훈련 이수자 평가

2023 신촌

훈련 이수자 평가
정보기술개발

훈련 이수자 평가

2023 신도림

훈련 이수자 평가
디자인

훈련 이수자 평가

2023 인천(부평)

훈련 이수자 평가
디자인

훈련 이수자 평가

2023 부천

훈련 이수자 평가
회계

훈련 이수자 평가

2023 안산

훈련 이수자 평가
문화콘텐츠제작

훈련 이수자 평가

2023 성남

훈련 이수자 평가
디자인

훈련 이수자 평가

2023 대전

훈련 이수자 평가
디자인

훈련 이수자 평가

2023 대구

훈련 이수자 평가
출판

훈련 이수자 평가

2023 부산

훈련 이수자 평가
디자인

훈련 이수자 평가

2022 종로

훈련 이수자 평가
일반사무

훈련 이수자 평가

2022 노원

훈련 이수자 평가
일반사무

훈련 이수자 평가

2022 인천(부평)

훈련 이수자 평가
일반사무

훈련 이수자 평가

2022 부천

훈련 이수자 평가
문화콘텐츠제작

훈련 이수자 평가

2022 안산

훈련 이수자 평가
일반사무

훈련 이수자 평가

2022 대전

훈련 이수자 평가
일반사무

훈련 이수자 평가

2022 대구

훈련 이수자 평가
정보기술개발

훈련 이수자 평가

2022 부산

훈련 이수자 평가
정보기술개발