캠퍼스선택바로가기 주메뉴바로가기 본문바로가기

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프로그램의 사용방법과 활용
  • - 무료게시판 설치 하고 연결하기
  • 김동주
  • 강정자
김동주
  • 김동주
  • 현) 그린컴퓨터아트학원 신촌캠퍼스
  • → 웹디자인/웹퍼블리셔 강사
  • [실무]
  • 전) 우리한복아카데미 차장
  • → 웹개발 / 온라인 마케팅 강의
  • 전) ㈜상상애드윌 차장
  • → 온라인/브랜드 마케팅
  • 전) 한국한복조합 정보화센터 팀장
  • → 정보화클러스터 PM & 운영
  • 전) ㈜크리스타 팀장
  • → 인트라넷 쇼핑몰 구축
  • PROJECT
  • 멀티미디어콘텐츠제작 전문가
  • 직업훈련교사(멀티미디어)
  • 직업훈련교사(정보처리)
  • 직업훈련교사(산업디자인)
  • 한국한복공업협동조합 조합포털 사이트 제작
  • www.kimhyesoon.com 사이트제작
  • www.my―stage.co.kr 홈페이지 제작
  • www.gmcnc.com 사이트 제작 운영
  • www.sallydress.co.kr 사이트제작
  • www.yngcareer.com 사이트제작
  • www.zoe.co.kr 사이트외 다수 사이트 제작
강정자
  • 강정자
  • 현)그린컴퓨터아트학원강사
  • → 웹디자인, 프론트앤드 강사
  • 전)인크레파스융합SW교육센터
  • → 미국취업연수 웹퍼블리셔 강의
  • → 웹표준 재직자 강의
  • 전)노사발전재단 전직지원센터 강의
  • 전)영등포구청,은평구청 직원 교육
  • 전)대영직업전문학교 웹표준 강의
  • PROJECT
  • [자격사항]
  • 사무자동화직업훈련교사
  • 멀티미디어직업훈련교사
  • 정보처리직업훈련교사
  • 2015 Fashion Design Festival
  • 2014 Fitness Center 웹사이트 제작
  • 2013 Shoes Shoppingmall 제작
  • 2003 Cut Cartoon 표지 color 작업
  • 2002 Animation color 작업
  • 손민*
    손민*[NCS]인터렉티브웹디자인(별관)
  • 주*영
    주*영프론트엔드
  • 이경*
    이경*[NCS]인터렉티브웹디자인(별관)
  • 유*영
    유*영[NCS]웹퍼블리셔&프론트엔드 전문가
포트폴리오 더 보기 +
  • 하드코딩 굳굳 입니다이승*

    좀더 전문적인 지식을 잘 배워 너무 좋습니다! 특히 하드코딩으로 배워 더 좋네요~
  • 박은숙 강사님 감사합니다~^^전이*

    처음  접하는 분야이고  무언가 배운지 오래되서 걱정되고 겁도 났는데  선생님의 도움 덕분에  재밌게 배우고 잘 마무리 된것 같습니다 .
    전혀 모르는 수강생에게도 친절하고 자세한  재설명도 해주셔서 부담없이  배울수 있었습니다~
    저같이 처음 배우시는 분들 걱정없이 선생님 강의 신청하셔도 좋으실거에요~
    앞으로도 좋은 강의 부탁 드려요~^^
  • 만족스러운 과정이였습니다jj*

    수업내용도 전반적으로 만족스러웠고 한가지 아쉬운점은 컴퓨터가 조금 좋지않았다는 점입니다
  • UI/UX 웹디자인 전문가 취업과정 김세지 쌤 정말 고맙습니다..대장*

    전공과 전혀 다른 분야를 선택해서 처음에 좀 걱정했는데
    좋은 선생님을 만난 덕분에 끝까지 잘 따라갈 수 있었어요.
    쌤이 잘 가르쳐주신 덕분에 새로운 분야에서 저의 장점을 발견할 수 있는 계기가 되었고
    앞으로도 이 길로 가도 괜찮겠다는 생각과 잘 할수 있겠다는 자신감이 생겼어요.

    처음 부터 끝까지 체계적으로 짜여진 커리큘럼과 
    학생들의 요구사항을 적극 반영해 효율적으로 수업을 조정하는 것, 
    그리고 모든 부분에서 유능하신 점이 선생님의 제일 강점인 것 같고 정말 좋았습니다.
    많이 배웠고 잘 배운 것 같습니다.

    지난 4개월 동안 정말 고생많으셨고 고마웠습니다...
    앞으로도 건강하시고 항상 웃을 일만 가득하시길 바랄게요!!

    수원 캠퍼스 직원분들 모두 감사했고
    취업지원실 쌤들 모두 한마음으로 응원해주셔서 감사했습니다.
  • ? UI/UX 웹 디자인 전문가 취업과정을 듣던 학생입니다![김세지선생님]조우*

    2017년 새해를 맞이하고 1월  어느 추운날에 우연히 찾아 강의를 듣게 되었습니다!
    짧은 시간이였지만, 정말 알차다고 생각해요. 아르바이트를 해본 경력도 없고, 기술도 없던 저에게 큰 힘이 되어주셨습니다. 그 힘에는 무엇보다 선생님의 큰 가르침이 제게 크게 다가왔어요. 항상 웃으며 '모르는 문제가 있으면 언제든 말씀하세요.' 라고 말씀하시던 선생님 덕에 저도 선생님께 부담없이 물어보고 많이 배우게 된  시간이였습니다. 언제나 한결같고 학생들보다도 부지런히 수업을 준비하시고 길잡이를 정말 잘 잡아주십니다. 꼼꼼하시고, 때론 지적이 필요하면 마다치 않으시고 지치고 힘들때마다 땅어리를 꺼져라 한 숨도 쉬어보고 여럿 고민에 휩싸인 제게 상담도 곧 잘 들어주시던, 바쁘심에도 걱정 어린 따뜻하고 친절한 말씀 얼마나 위안이 되고 힘이 되던지 덕분에 처음에서 부터 지금에까지 올 수 있던 것 같습니다. 마지막에 선생님께서 말씀하신 이야기도 감명이 깊네요. 동굴에서부터 나와 앞으로를 나아갈 꺼라는 말씀, 잊지 않겠습니다. 저에게 무엇보다도 보람되고 뜻 깊은 따스한 그런 시간이였습니다. 앞으로도 꾸준히 나아가도록 노력하겠습니다.

    항상, 감사하고 늘 밝게 웃으시던 웃음 잊지 못할 것 같아요. 앞으로도 꾸준히 나아가며 일을 해낼 것 같습니다.
     감사합니다 김세지 선생님!
수강후기 더 보기▶

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

개강임박
그린컴퓨터아트학원 그린컴퓨터아카데미 (주)지아이티아카데미
  • 주소 : 서울시 마포구 노고산동 31-11(신촌로 104) 신촌웨딩홀 5F 
  • 대표자 : 김상곤 
  • 사업자등록번호 : 105-85-14179 
  • 통신판매업신고 : 2013-서울마포-0725호 
  • 학원등록번호 : 제 02200000091호 
  • COPYRIGHT GITACADEMY ALL RIGHTS RESERVED[수강료게시]
상담
문의
02-715-2111