가장 쉽게 배우는 HTML/CSS, 기초부터 실무까지
추천강의
강의소개
강의정보
| 학습개요 |
가장 쉽게 배우는 HTML/CSS, 해커스에서 시작해보세요! 웹 페이지 제작을 시작하기 위해서 꼭 배워야 하는 HTML/CSS 다양한 실습과 함께, 나만의 웹페이지 제작, 이제 꿈이 아니라 현실로 만들어드리겠습니다! |
|---|---|
| 학습목표 |
1) HTML/CSS의 개념을 이해하고, 이를 통해 실무 웹사이트 개발에 활용할 수 있다. 2) 서비스 되고 있는 사이트를 분석하여, 더 나은 사이트로 업그레이드 할 수 있다. 3) 웹페이지 디자인 및 퍼블리싱에 필요한 내용을 습득하고, 퀄리티 높은 웹페이지 제작을 할 수 있다. |
| 학습대상 |
|
강사이력
| 해커스HRD HTML/CSS 대표강사
부산대, 부산교통공사 등 IT 강의 경력 多 전) 위픽소프트 프론트엔드 개발자
전) 큐리어스 융합코딩학원 강사 |
강의목차
-
강의정보 번호 강의명 1강처음 시작하는 HTML- HTML
- [실습] 프로젝트 세팅하기
- [실습] 웹페이지 분석하기
2강HTML 기초: 기본 문법, 태그 요소- 태그
- [실습] 나만의 미니프로필 페이지 만들기
3강처음 시작하는 CSS- CSS
- 포지션 & 배경화면 문법
- [실습] 홈페이지 대문사진 만들기
4강레이아웃 기초: Float, Inline-block- 레이아웃
- [실습] 홈페이지 글 목록 만들기
5강레이아웃 기초: Flex, Grid- Flex
- Grid
- [실습] 홈페이지 네비게이션 바 만들기
- [실습] 감각적인 SNS 틀 만들기
6강로그인 화면 제작하기: Form, Input- Form & Input
- [실습] 로그인 화면 제작하기
7강개발 필수! Table 태그 완전정복- Table 태그 & 스타일링
- [실습] 상품 목록 페이지 만들기
8강움직이는 웹 UI 제작하기- 움직이는 웹 UI 만들기
- [실습] 상품 목록 페이지 업그레이드하기
-
강의정보 번호 강의명 9강페이지 디자인 업그레이드하기: 폰트, 아이콘- 웹 폰트 & 아이콘 삽입
- [실습] 화면에 폰트, 아이콘 적용하기
- [실습] 홈페이지 대문사진 리뉴얼하기
10강반응형 레이아웃 만들기- 반응형 레이아웃
- [실습] 반응형 레이아웃 구성하기
- [실습] 사이트 발행하기
11강CSS 업그레이드: SASS- 스타일링 SASS
- [실습] SASS 세팅하기
- [실습] SASS 활용 알람 박스 만들기
12강나만의 랜딩페이지 만들기 1- [실습] 랜딩페이지 기획하기
- [실습] Head 부분 구현하기
- [실습] 페이지 제작 기본 세팅하기
13강나만의 랜딩페이지 만들기 2- [실습] Body 부분 구현하기
- [실습] 상단메뉴 구성하기
- [실습] 푸터 구성하기
14강나만의 랜딩페이지 만들기 3- CSS 작명법
- [실습] 상단메뉴 디자인하기
- [실습] 푸터 & 콘텐츠 디자인하기
15강부트스트랩으로 더 나아가기- 부트스트랩
- [실습] 부트스트랩 세팅하기
- [실습] 반응형 타임라인 구현하기
16강부트스트랩으로 페이지 제작하기- 다양한 템플릿 페이지 비교하기
- [실습] 부트스트랩 페이지 만들기
