![[웹 퍼블리싱 실습] 반응형 사이트 만들기강의 썸네일](https://cdn.inflearn.com/public/courses/328215/cover/336533da-bae5-46bd-888f-0f5f0fea43cd/328215-eng.png?w=420)
[웹 퍼블리싱 실습] 반응형 사이트 만들기
webstoryboy
모바일, 태블릿, 웹 환경에 따라 자유자재로 스크린 사이즈를 변경하는 반응형 웹을 제작해봅시다.
초급
반응형 웹
개발? 디자인? 몰라도 괜찮아요! 강의에서 하나하나 세세하게 알려드리니까, 따라오기만 하면 개발과 관련 없는 분들도 생애 첫 웹사이트를 완성할 수 있어요!
코드 없이 Bubble.io로 반응형 웹사이트 제작
피그마 디자인 시안을 활용해 웹사이트 그대로 구현
페이지, 메뉴, 버튼 등 주요 UI 요소 제작 및 스타일링
워크플로우 설정을 통한 사이트 내 인터랙션 구현
반응형 디자인 적용으로 모바일에서도 완벽한 웹사이트 만들기
학습 대상은
누구일까요?
개발 지식 없이 웹사이트를 만들고 싶은 분
Bubble.io를 처음 접하는 완전 초보
디자인 시안을 보고 그대로 웹사이트를 구현하고 싶은 분
개인 웹사이트, 포트폴리오, 랜딩 페이지를 만들고 싶은 분
196
명
수강생
8
개
수강평
4.6
점
강의 평점
1
개
강의
전체
19개 ∙ (1시간 5분)
해당 강의에서 제공:
3. 에디터 화면 소개
02:14
5. 커스텀 폰트 적용하는 방법
04:30
9. 헤더 만들기
08:30
10. 히어로 섹션 만들기
04:03
11. 시작하세요 섹션 만들기
05:07
12. 서비스 섹션 만들기
03:46
13. 가이드 섹션 만들기
07:27
14. 푸터 만들기
03:37
15. 스타일 수정
01:44
16. Workflow 설정하기
01:22
17. 모바일 반응형 작업하기
08:14
19. 축하합니다!
00:40
전체
8개
같은 분야의 다른 강의를 만나보세요!
무료