닫기
빠른전화상담
손쉽고 간편하게
전문가와 전화상담!
안내받고 싶은 지점을 선택해 주세요.
야간 및 주말 상담 전화 안내

빠른 안내를 위해
평일 야간(오후 6시 ~ 오후 10시)
주말(오전 9시 ~ 오후 6시)에도 안내해 드리고 있습니다.

QUICK
MENU

Hyper Text Markup Language5 / Cascading Style Sheet3

HTML/CSS 기초

웹퍼블리싱의 시작 HTML/CSS

구조적인 언어 HTML과 스타일 정의 언어 CSS를 활용하여 웹페이지의 보여지는 부분을 구성하는 기본 코드를 학습하는 과목입니다.

웹에서 기준이 되는 웹 표준과 웹 접근성의 개념을 정확히 이해하고, HTML 기본틀을 활용하여 레이아웃을 구성, CSS media query를 활용하여 디바이스 크기에 따라 해상도가 변하는 반응형사이트를 구현할 수 있습니다.

  • 01
    취업을 위한 1:1 맞춤형 멘토링
    교육과정 설계
  • 02
    사전 등록시 역대급 할인혜택
    최대 30%할인
  • 03
    복습할 수 있는 온라인 강의
    시스템 구축
  • 04
    취준생 필수 이력서 & 자소서 첨삭
    취업상담 및 취업처 연계

교육과정 상세정보

  • 1개월(4주)
  • 입문 ~ 고급
  • 15명 내외 인터뷰 및 레벨 테스트 후 입학
  • 02-312-1320 주말·공휴일 상담 및 접수가 가능
평일반 (월~금)
1교시 09:00~11:00 2교시 11:00~13:00 3교시 14:00~16:00 4교시 16:00~18:00 5교시 18:00~20:00 6교시 20:00~22:00
주말반 (토~일)
1교시 09:00~12:00 2교시 12:00~15:00 3교시 15:00~18:00

  • 개원 17년의 역사 꾸준한 성장과 취업생 배출

    · 누적 수강생 544,409명

    · 소통하고 공감하는 취업 지원 프로그램

    · 개인별 최적 업체 선정

SBS아카데미는 결과로 증명합니다.
학력, 경력, 경험이 없어도 취업에 성공합니다.

  • 카페 매니저에서 웹디자이너로 취업
  • 광고 디자이너에서 웹 사이트 제작, 관리자로 이직
  • 공무원 준비생에서 웹 기획자로 취업
  • 비전공자에서 프론트엔드 개발자로 취업!
팀팩토리
이한솔 취업생
제 생각보다 더 체계적으로 수업들이 진행되었고 무엇보다 팀원들과 함께 작업을 했던 것이 정말 좋았습니다. 선생님 또한 열정적으로 중간중간 보충수업까지 해주시고 너무 감사합니다!
(주)엔유비즈
이수현 취업생
저도 웹디자이너를 늦은 나이에 새로운 도전이라고 생각해서 뛰어들었지만 전혀 후회하지 않습니다. 취업담당자 선생님이 계시니 너무 성급하게 생각하지 말고 천천히 하고 있으면 언젠가 좋은 기회가 찾아 올거라 생각합니다.
로빈ICT
박원휘 취업생
친한 동기가 생겨서 같이 서로 도와주면서 자격증 준비도 많이 하고, 멘토나 선생님들이 칭찬과 격려 따로 문자로 도움을 많이 주시기도 해서 잘 준비하였습니다!
㈜JOYFULSOFT
김연희 취업생
학원 내부도 엄청나게 깨끗했고, 교육을 받으면서 제가 모르고 있던 팁 같은 걸 알게 되어 엄청나게 좋았습니다. 내가 몰랐던 팁을 아는 그 순간이 제일 즐거웠습니다. 머릿속에 전구가 팟! 하고 켜지는 느낌이었달까요.
(주)아이텍씨앤씨
고지현 취업생
이력서와 자소서, 포트폴리오를 컨펌해 줌으로서 제가 가진 부족한 부분을 말씀해주시며 보완할 기회를 주셨고, 취업관련 공고와 면접질문, 채용사이트에서 확인해야 할 점 등 필요한 정보들을 다루며 같이 상의해 주시는 친절한 상담이 정말 많은 도움이 됐다 생각합니다.
온메이커스
송창현 취업생
취업지원해주시는 선생님께서 항상 자기 일처럼 취업 자리를 알아봐주셔서 취업에 성공할 수 있었던 것 같습니다. 또한 수업을 해주시는 선생님께서 단순한 강의가 아닌 다양한 이야기와 여러가지를 도와주셔서 취업에 성공할 수 있었던 것 같습니다.
(주)데이타이음
송지민 취업생
학원 등록 전에는 학원에 반신반의하면서 등록했는데 학생의 의지만 있다면 멘토님과 선생님들 모두가 한 명의 취업에 진심으로 대해주셔서 놀라웠고 감사했습니다.
Cross Shock
장소영 취업생
비전공자이지만, 학원을 믿고 따라와서 결국 IT분야에 원하는 직종으로 취업할 수 있었습니다. 마지막으로 허지훈 강사님, 박진수 멘토님, 취업담당자 차지연 선생님께 감사 말씀 전하고 싶습니다.
델타인덱스
김도영 취업생
학원에서 배웠던 HTML과 CSS 기술 덕분에 업무에 빠르게 적응할 수 있었습니다. 후에 디자인 작업에도 투입될 예정인데, 포토샵과 일러스트레이터 프로그램을 배운 것이 큰 도움이 될 것 같습니다.
케이앤제이 컴퍼니
채지안 취업생
디자인 업계에서는 창의성을 많이 발휘해야 하는데 강사님께서 색감을 잘 활용할 수 있는 방법을 제시해주시고 다양한 포트폴리오를 볼 수 있는 사이트를 제공해 주셨습니다.
이런 분들이 배우시면 좋아요!
· 홈페이지 기획, 디자인, 제작에 관심이 있는 분
· 웹사이트에 관심이 있는 분
· 웹파트 진로 고민자
· 코딩입문자(비전공자)
· 홈페이지 제작 방식이 궁금하신 분
· 자신만의 홈페이지를 만들고 싶으신 분
· 나만의 포트폴리오 홈페이지를 만들고 싶으신 분
웹페이지 마크업의 기본-HTML/CSS

HTML/CSS에 대해
SBS아카데미가 하고싶은 이야기

SBS아카데미에서 기획하고 개발한 HTML/CSS 기초과정은 전문가들이 실제 활용하는 기본적이지만 필수인 기능을 배우는데 중점을 두고, 비전공자와 전공자도 목적에 맞게 핵심내용을 중심으로 쉽고 빠르게 배울 수 있는 과정입니다.

웹에서 HTML/CSS를 배워야하는 이유가 뭘까요?

  • 웹사이트를 제작하는데 뼈대처럼 구조적 역할을 하는 HTML과 옷가지처럼 스타일을 정의하는 CSS는 웹에서 항상 기본요건으로 거론되고 있으며, 모바일 웹으로 더욱 활용도가 높아지고 있습니다.

유진아 학생 작품

정예송 학생 작품

김나윤 학생 작품

송은경 학생 작품

서진솔 학생 작품

박예린 학생 작품

박선아 학생 작품

정현실 학생 작품

김새롬 학생 작품

민지현 학생 작품

김초희 학생 작품

정지윤 학생 작품
웹표준 (Web Standards)
웹 디자인과 웹 개발을 아울러 웹 사이트를 제작할 때 공식표준이 되는 규격을 이해하는 과정으로, 다양한 웹 환경의 호환을 위한 웹 표준과 다양한 사용자들에게 평등한한 정보전달을 하기 위한 웹 접근성 개념을 학습합니다.
HTML 기본 문법 (HTML Basic Markup)
웹 표준을 준수하는 마크업을 위해 HTML 코드작성의 기본 구조를 이해하는 과정입니다. 웹 문서의 문서타입 설정부터 시작하는 기본 구조는, HTML 언어를 구현할 영역에 대한 전반적인 이해를 도와줍니다.
HTML 태그 요소 (HMTL Tag Elements)
Body영역에 HTML 태그를 이용하여 웹 페이지 화면을 구성하는 과정입니다. 역할에 따라 의미를 가진 시멘틱태그(Semantic Tag)를 이해하여 웹 문서의 구조를 효율적으로 표현 할 수 있습니다.
CSS 스타일시트 (CSS Style Sheet)
효율적인 스타일 적용을 위해 개발된 스타일시트의 개념을 이해하는 과정으로, 인라인, 내부, 외부 스타일 시트의 차이를 학습합니다. 스트립트 형태로 적용되는 스타일 시트를 이해하고, 태그에 적용되었던 비효율적인 스타일을 효율적으로 정의할 수 있습니다.
CSS 스타일 속성 (CSS Style Property)
스타일 속성을 활용하여 객체에 다양한 스타일, 동작, 효과 등을 적용하는 과정입니다. 현재 사용되는 CSS3에서는 다양한 변형 속성과 애니메이션 속성으로 간단하게 인터렉션을 구현할 수 있습니다.
페이지 레이아웃 (Page Layout)
위치 관련 스타일속성을 활용하여 웹페이지를 효율적으로 구성하는 과정으로 Margin, Position, display 관련 속성 등의 이해도를 바탕으로 웹페이지의 구조를 효율적으로 구축합니다. 작은 상자 프레임 부터 페이지 단위의 볼륨까지 순차적으로 구현해볼 수 있습니다.
반응형 웹 (Responsive Web)
미디어쿼리(Media Query)는 CSS의 일부로서, 다양한 디바이스의 특성에 따라 웹 페이지의 스타일을 동적으로 조정할 수 있는 기능을 제공합니다. 미디어쿼리를 활용하여 다양한 디바이스 및 뷰포트 크기에 대응하는 반응형 사이트 구현을 학습할 수 있습니다.

업계 최고 수준의 교육시설을 제공합니다.

SBS아카데미컴퓨터아트의 감각적 인테리어 시설과 최신의 시스템 사양을 통해 교육을 받는 동안 최상의 교육환경을 제공받게 될 것입니다.

HTML/CSS 기초
일반/국비지원 과정 수강료
바로 알아보시겠어요?

문의사항을 남겨주시면
빠른 시일 내 답변해 드리겠습니다.

T. 02-312-1320
주말·공휴일 상담 및 접수가 가능합니다.

관심있는 분야를 선택해 주세요.
가까운 지점을 선택해 주세요.
    신청하시는 분의 이름과 연락처를 입력해 주세요.
    • -
    • -
    수강료 조회하기

    HTML/CSS 기초
    상담신청하기

    닫기
    가까운 지점을 선택해 주세요.
    신청하시는 분의 이름과 연락처를 입력해 주세요.
    • -
    • -
    HTML/CSS 기초상담하기