18 US$
per classCodifique una barra de navegación para el sitio web "Sweet Spot Ice Cream"
Edades 11-14
Clase única en vivo
Videoconferencias en vivo
Se reúne una vez
1-12 alumnos por clase
55 min
Qué está incluido
1 reunión en vivo
55 minutos horas presencialesTarea
1 hora por semana. 1-2 por semanaLetra de calificación
1-2 durante toda la claseExperiencia de clase
Nivel de inglés - A2
Grado de EE. UU. 6 - 8
Nivel 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.
Metas de aprendizaje
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.
Otros detalles
Orientación para padres
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.
Requisitos previos
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.
Lista de útiles escolares
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.
Recursos externos
Además del aula de Outschool, esta clase utiliza:
Conoce al profesor
Experiencia y certificaciones del docente
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.
Reseñas
A los padres también les gusta
Diseño web para niños: HTML, CSS y WordPress
AI Code Academy
4.7
(1,793)
21 US$ por clase
Próxima sesión a las 11:30 PM el Monday
Clase grupal
10 semanas, 1/semana, 1 hora
9-14
Campamento de verano: Diseño web para niños: HTML, CSS y Wordpress
AI Code Academy
4.7
(1,793)
22 US$ por clase
Próxima sesión a las 3 PM el Mon 6/16
Clase grupal
2 semanas, 5/semana, 1 hora
10-15
Tutoría personalizada individual: crea tu primer sitio web con HTML y CSS
Antonia Burroughs
60 US$ por sesión
Lecciones 1 a 1
Bajo demanda
3-18
Codificación - Introducción a HTML y CSS para la creación de sitios web para principiantes Nivel 1
Einsteins Square: Chess, Coding, Math, Art, Games
4.8
(5,867)
20 US$ por clase
Próxima sesión a las 5 PM el Thu 5/15
Clase grupal
10 semanas, 1/semana, 50 min
9-14
Codificación - Introducción a HTML y CSS para la creación de sitios web para principiantes Nivel 2
Einsteins Square: Chess, Coding, Math, Art, Games
4.8
(5,867)
20 US$ por clase
Clase grupal
10 semanas, 1/semana, 50 min
10-15
Taller de programación en el campamento de verano: crea tu propio sitio web con HTML, CSS y Javascript
Coding Doctors Learning Lab, Inc.
4.8
(1,254)
15 US$ por clase
Próxima sesión a las 2 PM el Mon 5/19
Clase grupal
2 semanas, 4/semana, 55 min
10-14
Crea sitios web increíbles con HTML, CSS e IA (ideal para principiantes)
PopSkool: English, Music, Art, Math, Coding & More
5.0
(5)
15 US$ por clase
Próxima sesión mañana a las 11 PM
Clase grupal
8 semanas, 1/semana, 55 min
10-14
Desarrollo web avanzado: proyectos de HTML, CSS y Javascript de un año de duración para niños
Faruk Hasan
4.8
(149)
12 US$ por clase
Próxima sesión a las 11 PM el Tue 7/1
Clase grupal
1/semana, 35 min
11-15
HTML Safari - Codificación y tecnología - Se reúne una vez por semana
Teacher Lee
15 US$ por clase
Próxima sesión a las 6 PM el Monday
Clase grupal
1/semana, 55 min
9-14
Desarrollo de sitios web | Principiantes - Codificación
Codingal - #1 AI & Coding | Backed by Y Combinator
4.8
(8)
18 US$ por clase
Próxima sesión mañana a las 3 PM
Clase grupal
4 semanas, 2/semana, 1 hora
12-17
Campamento de una semana de programación web
MissB aka Bhavana R (Coding)
4.9
(38)
80 US$ por clase
Próxima sesión a las 7 PM el Mon 7/14
Clase grupal
1 semana, 5/semana, 1.50 hora
10-15
"Kids, Coding Quest: Cómo crear sitios web increíbles juntos"
MS. JEN of ARTISTIC KIDS WORKSHOP
4.7
(6)
9 US$ por clase
Próxima sesión a las 11 PM el Mon 6/2
Clase grupal
4 semanas, 2/semana, 55 min
9-14
Sesiones de codificación 1:1: Java, Python, HTML, CSS, JavaScript (personalizable)
MissB aka Bhavana R (Coding)
4.9
(38)
70 US$ por sesión
Lecciones 1 a 1
Bajo demanda
9-18
Diseña, codifica y lanza tu sitio web HTML5 con objetos, música y sonidos. De 7 a 12 años
Raymond Mullikin (Raytoons Comics)
4.9
(503)
16 US$ por clase
Próxima sesión a las 6 PM el Sunday
Clase grupal
6 semanas, 1/semana, 50 min
7-12
Campamento de verano de 5 días de Desarrollo Web y Diseño Gráfico
Fleming Tech Camps
4.9
(26)
60 US$ por clase
Próxima sesión a las 8:15 PM el Mon 6/9
Clase grupal
1 semana, 5/semana, 2.92 hora
10-15
Diseña, codifica y lanza tu sitio web HTML5 con objetos, música y sonidos. A partir de 12 años
Raymond Mullikin (Raytoons Comics)
4.9
(503)
16 US$ por clase
Próxima sesión a las 8 PM el Mon 5/19
Clase grupal
6 semanas, 1/semana, 50 min
13-18
Más para explorar
Proyecto Java
Dibujando zorros
Oraciones de diagrama
Ruso 5
Recetas para perros
Dibujo 330 Pm
Aplicación móvil de codificación
Análisis de lectura
Pubertad P Word
Debate anticipado
Gatos kawaii de primavera
Rocas y minerales
Escritura a través de los géneros
Suma Resta
Historia de la caca
Relleno
Descubrimiento de la carrera de arquitectura
Multiplicación privada
Ensayo para la universidad
Indiana Jones