★ 4.3 (354)
⏱ 1시간 32분
📚 10개 레슨
🎧 오디오 버전
이 과정 소개
Ready to step into the world of web development with a fun, hands-on project? Building a themed landing page is one of the best ways to master the basics of structuring and styling web content.
In this text-based course, you will learn how to write clean HTML and style it with CSS to create an exciting, cricket-themed landing page. You will start with the fundamental building blocks of the web, progress to styling layouts, and finish with a responsive page layout. By working through a sports-themed design, you will see how code translates directly into visual elements on a screen.
What you'll learn:
- Understand HTML boilerplate, structure, and semantic elements
- Apply CSS styling including colors, borders, and backgrounds to match a sports theme
- Structure content using block-level and inline elements like divs, spans, and lists
- Implement modern CSS layout techniques like Flexbox for responsive alignment
- Use CSS custom properties to easily manage and update your theme's color scheme
- Practice writing clean, accessible markup with proper text and image attributes
The course begins with foundational web concepts and basic syntax before guiding you step-by-step through structuring your page content and applying custom styles. You will read clear explanations, analyze code snippets, and complete written exercises to reinforce your learning.
This course is designed for absolute beginners with no prior coding experience who want a practical, project-based introduction to web development.
Start reading today and build your first sports-themed web page from scratch.
받게 되는 것
-
📜
수료증
LinkedIn 프로필에 추가
-
💬
Personal AI tutor
Stuck on a lesson? Ask your built-in tutor anything, any time.
-
🎧
오디오 버전 포함
화면 없이 어디서나 학습
-
♾️
평생 이용
언제든 다시 보세요, 만료 없음
-
📱
휴대폰 또는 컴퓨터
어디서든 모든 기기에서
-
💸
30일 환불
이유 묻지 않음
-
⚡
짧고 핵심적
1시간 32분의 실용 학습
리뷰 (4)
음, 초보자에게 이상적일지는 모르겠어요. 일부 개념은 건너뛰었고 예제들이 항상 명확하지는 않았어요.
괜찮은 입문 강의예요. 하지만 개념을 확실히 하기 위해선 실제 사례가 좀 더 필요할 것 같아요.
복습용으로 유용했어요. 완전 초보자에게는 최고의 시작점이 될지는 잘 모르겠어요, 솔직히.
음, 이건 완전 초보자를 위한 것이 아닌 것 같아요. 명시적으로 가르쳐지지 않은 사전 지식을 좀 가정하는 것 같아요. 일부 예시들이 혼란스러웠어요.
다른 학습자도 수강
프론트엔드 웹 개발: 처음부터 응답 웹사이트 구축
HTML, CSS, JavaScript를 배우고 코딩 경험이 전혀 없어도 현대적이고 대화형이며 접근성이 뛰어난 웹 사이트를 만들 수 있습니다.
★ 5.0 (6,972)
$4.99
명확한 설명과 코딩 연습을 통해 최신 HTML, CSS, JavaScript를 사용하여 처음부터 깔끔하고 반응이 좋으며 접근성이 뛰어난 웹 사이트를 구축하는 방법을 배웁니다.
★ 5.0 (6,972)
$4.99
현대적인 웹 개발: 처음부터 응답성 웹 사이트 구축
HTML, CSS, 반응형 디자인 원칙을 사용하여 최신 웹 사이트 제작의 필수 기능을 습득하여 처음부터 깔끔하고 기능이 뛰어난 웹 사이트를 구축하세요.
★ 5.0 (6,972)
$4.99
현대적인 HTML: 구조화되고 접근성이 뛰어나며 SEO 친화적인 웹 페이지 빌드
페이지를 올바르게 구조화하고, 접근성 표준을 구현하고, 최신 프론트엔드 개발을 준비하기 위해 웹의 기본 언어를 배웁니다.
★ 5.0 (6,972)
$4.99
자주 묻는 질문
이 과정을 듣는 데 무엇이 필요한가요?
+
인터넷이 되는 휴대폰이나 컴퓨터만 있으면 됩니다. 설치나 특별한 장비는 필요 없습니다.
결제는 어떻게 하나요?
+
Stripe를 통한 카드 또는 암호화폐로. 카드 정보는 저장하지 않으며 Stripe가 안전하게 처리합니다.
환불받을 수 있나요?
+
네 — 30일 이내 전액 환불, 이유를 묻지 않습니다.
얼마나 오래 이용할 수 있나요?
+
평생. 구매하면 과정은 당신의 것이며 언제든 다시 볼 수 있습니다.
수료증을 받을 수 있나요?
+
네. 수료 시 LinkedIn 프로필에 추가할 수 있는 수료증을 받습니다.
이런 분야 학습자에게
테크
디자인
금융
마케팅
의료
교육
호스피탈리티
제조업