검색

US$18

per class
수업

"Sweet Spot Ice Cream" 웹사이트의 탐색 막대에 코드 작성

연령대: 11-14 세
실시간 일회성 수업
초보자에게 친화적이고 즐거운 수업입니다. 학생들은 코딩의 기본을 배웁니다. HTML과 CSS를 사용하여 매력적인 내비게이션 바를 만듭니다. 실습을 통해 Sweet Spot Ice Cream 웹사이트의 생생한 디자인을 코딩합니다.

실시간 화상 수업
1회 수업
1-12 수업 정원
55분

무엇이 포함되어 있나요?

1개의 라이브 미팅
수업 55 분 시간
숙제
주당 1시간. 주 1-2회
문자 등급
수업 중 1-2회
보고계신 지문은 자동 번역 되었습니다

수업 소개

영어레벨 - A2
미국 6학년 - 8학년 학년
레벨 Beginner
What will be taught?
We will began learning how to use HTML and CSS to code our first project-  which is code a navigation bar for a fictional ice cream parlor website called Sweet Spot Ice Cream. Throughout the program students will learn the foundational skills of HTML and CSS to code and design their own websites. By the end of the Learn to Code Program, they will be able to structure web pages using HTML and style them effectively with CSS.

What topics will you cover?
Introduction to HTML – Understanding what HTML is and how it works.
HTML Elements – Exploring different tags and their usage in building web pages.
Introduction to CSS – Learning how CSS enhances website design and layout.
CSS Properties – Applying common CSS properties such as colors, fonts, spacing, and positioning.
Hands-on Project – Students will build a simple web page from scratch, applying what they’ve learned.

How is your class structured?
Each session will follow a structured yet engaging format:
Warm-up & Welcome – Brief introduction, expectations, and class objectives.
Concept Explanation – Step-by-step breakdown of HTML and CSS concepts.
Live Demonstration – I will code alongside students, explaining each step.
Hands-on Practice – Students will apply what they’ve learned in real-time.
Q&A and Troubleshooting – Addressing issues, debugging, and reinforcing concepts.
Project Submission & Feedback – Students will submit their work for review.

How will you teach?
I will guide students step by step through coding exercises and projects. We will build together using an online text editor, where I will explain how to write, edit, and test code. Students will also learn how to submit their completed projects via a shared link for assessment. 
In addition, students enrolled in the Learn to Code Websites 6-week Bootcamp program will be given targeted practice lessons designed to reinforce key concepts and deepen their understanding through hands-on application, which needs to be turned in by the due date to receive a grade. Late assignments are not accepted.
What is your teaching style?
My teaching style is the Demonstrator Style (Coach or Facilitator)—a teacher-centered but highly interactive approach. This means:
I will demonstrate coding concepts while students observe.
Students will immediately apply what they learn through hands-on practice.
I will actively guide, support, and troubleshoot alongside students.

How much will learners interact with you?
Students will have continuous opportunities to interact with me through:
 Live Q&A – They can ask questions at any point during the session.
Screen Sharing – If a student needs help, they can share their screen so we can troubleshoot together.
Collaborative Learning – We will debug and refine code as a group to reinforce problem-solving skills.
 Multimedia Support – I will use slides, video clips, and live coding demonstrations to enhance learning.

Final Thoughts
This class is designed to be engaging, practical, and supportive. My goal is to make sure students not only understand the concepts but also gain the confidence to code independently.

학습 목표

Learning Goal:
Students will learn to code a functional navigation bar using HTML and CSS. They will be able to:
Identify and use unordered lists (<ul>) to structure navigation menus.
Implement anchor tags (<a href="">) for linking web pages.

그 외 세부 사항

학부모 가이드
All instructional materials will be age-appropriate, ensuring a safe and suitable learning environment for all students. Students will utilize a free online text editor, which requires setting up an account with a valid email address. This process will be guided to ensure students can easily access and use the tool effectively.
사전 요구 사항
This class is perfect for beginners with no prior coding experience. Students should be comfortable typing on a computer. We'll use a collaborative, code-along approach, where you'll follow along as I guide you step-by-step.
수업 자료
The Student needs a computer with a wi-fi connection, email for Google Classroom and Codepen set up. Resource website links for fonts, colors, code tip sheet and pictures, will be provided. Students will be provided all lessons via Google Classroom.
Outschool 외 필요 앱/웹사이트
이 수업에서는 아웃스쿨 교실 외에도 다음의 툴을 사용합니다:

선생님을 만나보세요

가입일: February, 2025
프로필
교사 전문성 및 자격증
Hello Famiy,

My name is Mrs. W. I have been a web developer for 7 years who turned technology educator with experience teaching middle school students how to code websites for 3 years now and counting.  I will be teaching "Building Navigation Bars: An Introduction to HTML and CSS," as my first course offered on outschool.

Course Overview: This course is meticulously designed to introduce students to the fundamentals of web development through the practical task of coding navigation bars. By focusing on this essential component of website design, students will gain hands-on experience with:

HTML Elements: Understanding and implementing unordered lists (<ul>) and anchor tags (<a href="">) to structure navigation menus.
CSS Properties: Applying styling techniques to enhance navigation bars' visual appeal and functionality.


Educational Benefits: Engaging in coding activities, such as building navigation bars, increases creativity, collaboration, and open-mindedness among students. It also enhances problem-solving skills and analytical thinking, which are invaluable across various disciplines. By learning to code, students develop a methodical approach to challenges, preparing them for future academic and professional endeavors.

리뷰

다른 인기 수업
아이들을 위한 웹 디자인: HTML & CSS & WordPress
AI Code Academy
4.7
(1,793)
US$21회당 수업료
다음 세션은 Mon 5/12 11:30 PM 에 예정되어 있습니다.
그룹 수업
10 주, 주당 1회1 시간
9-14 세
여름 캠프: 어린이를 위한 웹 디자인: HTML & CSS & Wordpress
AI Code Academy
4.7
(1,793)
US$22회당 수업료
다음 세션은 Mon 6/16 3 PM 에 예정되어 있습니다.
그룹 수업
2 주, 주당 5회1 시간
10-15 세
개인 맞춤형 1:1 튜터링: HTML 및 CSS로 첫 번째 웹사이트 만들기
Antonia Burroughs
US$60 세션당
일대일 레슨
온디맨드
3-18 세
코딩 - 초보자를 위한 웹사이트 제작을 위한 HTML 및 CSS 소개 레벨 1
Einsteins Square: Chess, Coding, Math, Art, Games
4.8
(5,862)
US$20회당 수업료
다음 세션은 Wed 6/4 10 PM 에 예정되어 있습니다.
그룹 수업
10 주, 주당 1회50분
9-14 세
코딩 - 초보자를 위한 웹사이트 제작을 위한 HTML 및 CSS 소개 레벨 2
Einsteins Square: Chess, Coding, Math, Art, Games
4.8
(5,862)
US$20회당 수업료
그룹 수업
10 주, 주당 1회50분
10-15 세
HTML, CSS, & Javascript를 사용하여 나만의 웹사이트 구축 - 여름 캠프 코딩 워크숍
Coding Doctors Learning Lab, Inc.
4.8
(1,254)
US$15회당 수업료
다음 세션은 Mon 5/19 2 PM 에 예정되어 있습니다.
그룹 수업
2 주, 주당 4회55분
10-14 세
웹 개발 마스터하기: 어린이를 위한 1년짜리 HTML, CSS, Javascript 프로젝트
Faruk Hasan
4.8
(149)
US$12회당 수업료
다음 세션은 Tue 7/1 11 PM 에 예정되어 있습니다.
그룹 수업
주당 1회35분
11-15 세
HTML, CSS 및 AI Magic을 사용하여 멋진 웹사이트 구축(초보자 친화적)
PopSkool: English, Music, Art, Math, Coding & More
5.0
(3)
US$15회당 수업료
다음 세션은 내일 7 PM 입니다.
그룹 수업
8 주, 주당 1회55분
10-14 세
HTML Safari -- 코딩 및 기술 -- 주 1회 모임
Teacher Lee
US$15회당 수업료
다음 세션은 오늘 6 PM 입니다.
그룹 수업
주당 1회55분
9-14 세
웹사이트 개발 | 초보자 - 코딩
Codingal - #1 AI & Coding | Backed by Y Combinator
4.8
(8)
US$18회당 수업료
다음 세션은 Thursday 3 PM 에 예정되어 있습니다.
그룹 수업
4 주, 주당 2회1 시간
12-17 세
웹 프로그래밍 주간 캠프
MissB aka Bhavana R (Coding)
4.9
(38)
US$80회당 수업료
다음 세션은 Mon 7/14 7 PM 에 예정되어 있습니다.
그룹 수업
1 주, 주당 5회1.50 시간
10-15 세
"어린이 코딩 퀘스트: 함께 멋진 웹사이트 만들기"
MS. JEN of ARTISTIC KIDS WORKSHOP
4.7
(6)
US$9회당 수업료
다음 세션은 Mon 6/2 11 PM 에 예정되어 있습니다.
그룹 수업
4 주, 주당 2회55분
9-14 세
1:1 코딩 세션: Java, Python, HTML, CSS, JavaScript(사용자 정의 가능)
MissB aka Bhavana R (Coding)
4.9
(38)
US$70 세션당
일대일 레슨
온디맨드
9-18 세
객체, 음악 및 사운드를 사용하여 HTML5 웹사이트를 디자인, 코딩 및 출시하세요! 7-12세
Raymond Mullikin (Raytoons Comics)
4.9
(502)
US$16회당 수업료
다음 세션은 Sunday 6 PM 에 예정되어 있습니다.
그룹 수업
6 주, 주당 1회50분
7-12 세
웹 개발 및 그래픽 디자인 - 5일 - 여름 캠프
Fleming Tech Camps
4.9
(26)
US$60회당 수업료
다음 세션은 Mon 6/9 8:15 PM 에 예정되어 있습니다.
그룹 수업
1 주, 주당 5회2.92 시간
10-15 세
객체, 음악 및 사운드를 사용하여 HTML5 웹사이트를 디자인, 코딩 및 출시하세요! 12세 이상
Raymond Mullikin (Raytoons Comics)
4.9
(502)
US$16회당 수업료
다음 세션은 Mon 5/19 8 PM 에 예정되어 있습니다.
그룹 수업
6 주, 주당 1회50분
13-18 세
더 많은 수업 보기
검색
기프트 카드 구매
통화, 시간대 및 언어 설정 열기
언어 및 지역
로그인