Understanding
HTML CSS 1
언더스탠딩 HTML CSS 1 파운데이션
- 날짜
- 시간
- 장소
- 수강료
- 할인혜택
- 2023.11.06 ~ 2023.11.29
- 19:00 ~ 22:00 / 월 수
- 봄아카데미 오렌지룸
- 240,000원
- 1+1 친구와 함께 등록 시 5% 할인
단과과정 강의 25% 할인 (1년간 유효)
OVERVIEW
일상생활과 업무를 위해서 우리는 매일 인터넷을 사용합니다.
인터넷 서비스 중에서 가장 많이 사용되는 것이 웹(Web) 서비스입니다.
HTML CSS는 바로 그 웹 사이트와 웹 페이지를 구현하는 언어로
누구나 쉽게 이해하고 바로 활용할 수 있는 프로그래밍 언어입니다.
언더스탠딩 HTML CSS 강의를 통하여
웹의 동작 원리와 웹표준 기술을 배우게 되면
아름답고 체계적인 웹을 당신도 자신있게 구현할 수 있게 됩니다.
이런 분들에게 추천해요
나도 들을 수 있을까? 주저 말고 봄아카데미로 문의해주세요.
자세한 상담으로 도와드리겠습니다.
-
Hello!
HTML/CSS를 배우려는
디자이너, 기획자, 학생 -
Hello!
웹표준 개념이 선명하지 않아
구현 작업이 우연하게 이루어지는 분 -
Hello!
웹퍼블리셔나 웹개발자가
되고자 하는 분
이런 결과를 얻을 수 있어요.
-
1
-
웹의 동작원리와 HTML CSS 문법 이해
-
2
-
시멘틱하게 웹 페이지를 구현하는 기술
-
3
-
웹에서의 컨텐츠 배치 및 폼의 이해
-
4
-
실무 웹페이지 구현 기술
-
5
-
반응형 웹사이트 구현 기술
왜 많은 학원 중
봄아카데미일까요?
스포츠 선수 생활을 잘 했다고 아무나 훌륭한 감독이 되는 것은 아닙니다.
코치 생활에 맞는 철저한 준비와 경험이 필요합니다.
마찬가지로, 프론트엔드 실무를 했다고 아무나 강의를 잘 하는건 아닙니다.
봄아카데미의 강사들은 풍부한 실무 경력 뿐만 아니라 철저히 준비된 강의
자료를 바탕으로 수 많은 수강생들에게 이미 검증받은 강사로만 구성됩니다.
타 학원처럼 1명의 강사가 전담하기 보다는 각 파트의
경험과 노하우를 가진 3명 이상의 전문가 팀이 더욱 심도 있게 교육합니다.
"풍부한 실무 경력" + "검증된 교육 경험"
최고의 교육환경
무거운 노트북을 매일 들고 다니며 수업을 받는 것이
진짜 학생을 위한 것일까요?
봄아카데미는 개인별 1인 1대의 애플 매킨토시 컴퓨터와
개인별 타블렛이 완비되어 있습니다.
최고의 커리큘럼
현업에서 10년 이상, 강의 경력 5년 이상의 강사진이
실무를 위한 커리큘럼으로 철저하게 준비하고 다듬었습니다.
비교 불가한 수준 높은 커리큘럼으로
Front-end Developer길을 시작해보세요.
Portfolio
Understanding HTML/CSS 시리즈를 거치게 되면
아래와 같은 작업물을 스스로의 힘으로 코딩할 수 있게 됩니다.
좌우 스크롤을 통해 웹페이지 전체를 감상해보세요
-
Part 1
예술과 기술, 융합의 준비
미디어와 시멘틱 웹
웹 표준 HTML/CSS 소개
웹타입 셋팅이란?
어떻게 익힐 것인가? (Why & Doing)
-
Part 2
시멘틱 마크업
HTML 기초 문법
Hello World!
제목(heading)
문장(paragraph)
목록(list)
이미지(image)
그룹핑(grouping)
인용(quotation)
부가정보(additional)
강조(strong) 링크(link)
페이지 정보(page info)
-
Part 3
HTML에 CSS 적용하기
CSS 기초 문법
Reset.css 준비하기
Id와 Class 사용하기
기초선택자, 가상선택자
Font 스타일링
Text 스타일링 상속
우선순위
속성선택자 -
Part 4
일러스트 작업을 위한 설정, 변형, 선택
능률을 높이기 위한 Directpref
효율적인 PSD Export 방법
색상 실험 Edit Color
Type을 이용한 등각투상 제작 사례 및 실습
오브젝트 배열을 위한 Brush, Symbol
선긋기
배경색과 배경이미지
overflow, display, visibility
-
Part 5
웹에서의 배치란?
마크업에서 배치까지
관계성 있는 배치
Block formatted context
Inline formatted context
Position:relative
플롯팅
클리어링 -
Part 6
관계성 있는 배치
Position:absolute
Position:relative
Position:fixed
-
Part 7
브래드커럼스 / 서브메뉴 / 푸터
접근성을 고려한 마크업
추가되는 메뉴를 고려해 확장성있는 메뉴와 푸터 작업 -
Part 8
입력양식 및 게시판
접근성있는 입력양식 디자인
다양한 테이블에 규칙을 부여하고 스타일링 작업
Understanding
HTML/CSS Teacher
풍부한 실무경력과 강의 경험을 가진 전문 강사님들이 함께합니다.
-
봄아카데미 CEO
Career
(현) 경기과학기술대 디지털미디어디자인과 출강
(현) 성지정보기술 크리에티브 디렉터
(현) MOVE Interactive 디자인 팀장
(현) 봄아카데미 편집디자인 및 Digital Publishing 강사
(전) 서울인쇄센터 편집디자인 및 DIgital Publishing 강사
(전) CCC 출판 디자인 팀장
(전) CCC 편집 디지털 에디션 Creative DirectorProject
KOSAF Korea/Engilsh 웹사이트 개발 프로젝트
CCC 모바일 컨텐츠 개발(P4U, 솔라리움, S4U 등)
다수의 디지털 앱북 개발
(I Love Gangnam Style, 제주 여행, Smart Transition)
ACA (Rich Media Communication using Adobe Flash)
ACA (Print & Digital Media Publication using Adobe Indesign)
Apple & Android Developer -
前) 펜타브리드 수석 디렉터
Career
(현) 봄아카데미 웹퍼블리싱 강사
(전) (주)펜타브리드 수석 디렉터
(전) (주)메가존 웹표준화 대리
(전) 한국관광공사 ITIS 웹표준화 퍼블리싱 PL
(전) 청년취업아카데미사업 웹표준 분야 강사
(전) 인터넷전문가협회 HTML/CSS Training 강사
(전) 웹디자이너를 위한 HTML/CSS 강사
(전) 수원여자대학교 모바일미디어과 강사
(전) 아카데미정글 웹표준 HTML/CSS 강사Project
2017. 한국뉴욕주립대학교 웹사이트
2017. 서울대학병원 연구검색 프로그램
2016. 아리따움 샘플바 UI/UX 디렉터
2016. 서울시 건강지웬센터 강사 역량강화 매뉴얼 서비스디자인
2016. 슈어소프트 Controller Tester UI.UX 컨설팅
2016. Clovir VDI 2016. 삼성탭탭카드 전문가 자문 평가
2016. 아넬라코리아 서비스디자인
2015. 현대자동차 플랫폼 서비스
2015. 삼성디지털서비스 경쟁력 평가
2015. 행정자치부 "민원서류 간소화 개선연구
2014."SEVEN GREAT" 서비스 컨설팅
2013. "(주)명가아침" 서비스 컨설팅
2013. 삼성에스원 웹사이트 웹접근성 고도화
2013. 현대자동차그룹 장애인차별법 대응 접근성 세미나
2013. 삼성에스원 웹사이트 구축
2012. 현대 아산정주영닷컴 구축
2012. 현대자동차국내판매 웹사이트 구축
2012. 삼성 HAPOSM.com 구축
2012. 코스콤 웹접근성 인증마크 취득
2012. 광주 아시아문화전당 어린이 문화관 서비스디자인
2012. 아산정주영닷컴 제안 수주
2011. SK Smart Insight
2011. U+ 통합웹사이트구축
2011. 올림푸스, 삼성화재, 이비카드, 골프존글로벌, u+ 제안참여
2010. 신한카드 구축 퍼블리싱 2009. 웹표준, 웹접근성 관련 R&D
2009. 삼성모바일닷컴 구축 퍼블리싱
2008. 옥션 도서마을 퍼블리싱
2008. 엔크린닷컴 구축 퍼블리싱
2007. 한국관광공사 웹사이트 구축 퍼블리싱
생생한 수강 후기를 확인해 보세요
이미 봄아카데미의 Understanding HTML/CSS를 경험한
수강생들의 이야기를 그대로 담았습니다.
-
"마냥 어려운 외계어로만 보이는 코딩이어서 엄두도 못내던 차에, 강사님이 디자이너 출신이시면서 설명을 매우 쉽게 해 주신다는 추천을 받고 강의를 듣게 되었습니다. 추천받은 대로 한 달 동안 배운 강의 내용이 알차게 머리 속에 정리되었어요. 감사하구요! 요즘 주변 디자인 전공 친구들에게도 추천중입니다 호호~”
-
"유재용 실장님 소개로 수강을 듣게 되었습니다. 웹표준, HTML, CSS … 막연하게 생각하던 개념을 쉽고 재밌게 가르쳐 주셔서 듣는 내내 집중하게 되었구요. 디자인만 오래 하다가 새로운 분야에 첫 발을 잘 내딘 것 같아서 좋구요~ 앞으로 궁금한 사항이나 질문들 지속적으로 커뮤니케이션이 되었으면 좋겠습니다.”
-
"아직까지 많이 부족하지만 웹표준의 개념이 자리 잡히게 되서 너무나 좋았습니다. 구조나 여러 방면에서 아직 공부해야하고 생각할 것들이 많지만 열심히 노력해서 가르쳐 주신 부분들 잊지 않고 발전해 나가겠습니다. 그동안 수고하셨어요!!”
-
"웹표준 실전편이라 어려워 혹시라도 수업에 따라가지 못할까봐 걱정도 되었지만 강사님이 하나하나 자세히 알려주셔서 웹표준 공부에 큰 도움이 되었고 자신감도 붙은 것 같습니다. 수강생 한명 한면의 눈높이에 맞춘 강의라 너무 재미있게 배울 수 있었습니다. 지난 3개월동안 수고 많으셨고 감사합니다. ^_^”
-
"봄아카데미에서는 매킨토시를 사용하는 새로운 경험을 할 수 있어서 좋았습니다. 정을수 강사님이 실무에서 해온 노하우를 잘 설명해주시고 모르는 부분들은 이해하기 쉽게 알려주셔서 현업에서 사용하기에 너무 좋은 것 같습니다.”
-
"수강생들이 이렇게 하면 어떨까요 할때 "그것도 좋은 생각이네요" 하면서 한 방향의 일방적인 수업이 아니라 서로 의견을 주고 받을 수 있는 수업이라서 학생들에게 생각할 수 있는 기회들을 주고 적용하게 되는 수업입니다.”
자주 하는 질문
#비전공자
#과제
#교재 및 준비물
코딩을 전혀 모르는 사람도 이 과정을 들을 수 있나요?
예, 가능합니다. 본 과정은 비전공자의 눈높이에서 기초부터 차근차근 배울 수 있도록 진행합니다. 과정이 진행되는 동안 교육 내용을 이해하고, 잘 따라온다면 좋은 결실을 맺을 수 있습니다.
수강생 제공 혜택
-
자습실
강의 시간 외에도 학습을 위한
자습실을 저녁까지 운영합니다. -
개인별 컴퓨터
애플 iMac PC와 와콤 타블렛이
학생별로 배정됩니다. -
실무 활용 자료
디자인 서적, 목업, 폰트, 이미지
등의 자료를 제공합니다.
-
장학혜택
수강생 중 노력과 실력 향상에
따른 장학금을 수여합니다. -
기수별 네트워킹
팀워크 작업과 회식 등 동기간에
활발한 교육이 이루어집니다. -
단과과정 25% 할인
수료 후에도 지속적인 커리어
개발을 지원합니다.