Outschool
Abrir configuración de moneda, zona horaria e idioma
Iniciar sesión

HTML | Principiante | Semana 04 | Aprende HTML con 2 Hero Chickens, Buk Buk y Nugget

En este curso de cuatro partes, los estudiantes aprenderán a crear una página web HTML, aprenderán varias etiquetas HTML y experimentarán con diseño, javascript y CSS #builder.
Sidney - KidsSpeakCode
Puntuación media:
4.8
Número de reseñas:
(1,187)
Clase

Qué está incluido

4 lecciones pregrabadas
4 semanas
de apoyo docente
1 año de acceso
al contenido
Tarea
1 hora por semana. Each module in this course has weekly homework. Students are encouraged to follow the modules and examples, and code their own web page using our repl.it and send in the page for feedback each week.

Experiencia de clase

Welcome to the amazing story of two hero chickens, Nugget and Buk Buk! In this course, we will cover HTML tags, and look at how to build a web page using some very silly chickens and their stories. In this class we will focus on learning the fundamentals of HTML in four modules, each focusing on a different aspect of web page building while contributing to the overall project. Prior knowledge of HTML or coding is not required, a positive attitude towards hero chickens is recommended. In this course students will create creative webpages based on any theme they like (this does not have to be chicken based), and share it with the teacher for feedback, and are welcome to share the results with each other in the classroom each week. This is a great course to both learn the technical aspects of HTML tags and coding, and at the same time experiment with the artistic side of pictures, colours, background, fonts and placement.

Students are encouraged to share the links to the pages they create each week in the classroom for feedback from the instructor and other students. Collaborating on a page together each week (links will be provided to example code) will help students get ideas of what can be added to their web pages.
Metas de aprendizaje
Students will learn HTML tags, understand what HTML is and how it works, and create a web page of their own using colors, pictures, and text that they code and position while having a lot of fun creating something new.
objetivo de aprendizaje

Programa de estudios

4 Lecciones
más de 4 semanas
Lección 1:
Getting Started with HTML
 In the first lesson, students will dive into the world of HTML, the cornerstone of web design. We'll begin by exploring basic HTML tags and structure, teaching students how to set up a simple web page. The focus will be on understanding the function and syntax of various HTML elements such as headers, paragraphs, links, and images. By the end of this module, students will create their own HTML page featuring a mix of these elements to solidify their learning. 
Lección 2:
Exploring Intermediate HTML
 Building on foundational knowledge, this week introduces more complex HTML elements and attributes. Students will learn to enhance the functionality and aesthetics of their web pages through the use of additional tags like <table>, <form>, and advanced formatting options. Emphasis will be placed on the practical application of HTML links and using color effectively. The session will conclude with students updating their web pages to incorporate these new ideas. 
Lección 3:
Styling with CSS
 CSS is an essential tool for styling web pages. Students will learn the basics of CSS, including selectors, properties, and values, and how to apply these to HTML structures to alter appearance and layout. Practical exercises will include creating stylesheets from scratch and modifying existing ones to make web pages visually appealing and responsive. Students will apply CSS to their ongoing projects, experimenting with layout techniques and design principles. 
Lección 4:
Interactive Elements with JavaScript and Advanced HTML
 The course introduces JavaScript, enabling students to add interactive and dynamic content to web pages. We'll cover basic JavaScript syntax and functions, how to manipulate the DOM, and how to integrate JavaScript with HTML and CSS for real-world applications. Additionally, students will explore advanced HTML features like templates and special effects. 

Otros detalles

Lista de útiles escolares
Nothing is required to be installed for this course. We will be using the repl.it site to create and share our HTML documents, links, and getting started directions will be provided with the first module.
Recursos externos
Además del aula de Outschool, esta clase utiliza:
  • Replit
Se unió el October, 2020
4.8
1187reseñas
Perfil
Experiencia y certificaciones del docente
I love teaching programming using fun and interesting examples because it helps students go farther than learning hard to contextualize concepts. Understanding what we are doing and why means that students will be able to apply algebraic concepts (like x+y) having understood examples like (red bike + blue bike) in a way that has context and meaning. 

Reseñas

Curso a su propio ritmo
Compartir

16 US$

semanalmente o 64 US$ por todo el contenido
4 lecciones pregrabadas
4 semanas de apoyo docente
Elige tu fecha de inicio
1 año de acceso al contenido

Completado por 76 alumnos
Elige tu fecha de inicio
Edades: 13-18

Paga y comienza después
Acerca de
Apoyo
SeguridadPrivacidadPrivacidad de CAPrivacidad del alumnoAdministrar preferencias de datosTérminos
Obtener la aplicación
Descargar en la App StoreDescargar en Google Play
© 2024 Outschool