Español
Iniciar sesión
Campamento de verano: Diseño web para niños: HTML, CSS y Wordpress
Este curso está diseñado para proporcionar a los estudiantes una introducción a HTML y CSS utilizados en el diseño y creación de páginas web. ¡Los estudiantes tendrán una completa y amplia libertad de personalización en la creación de sus propias páginas web!
Experiencia de clase
This course is designed to provide students with an introduction to Hypertext Markup Language (HTML) and Cascading Stylesheet (CSS) used in designing and creating web pages. Students will have a complete and wide array of customization freedom in the creation of their own web pages! Through project-based lessons, students will become proficient in basic website design and formatting. Our project-based lessons allow students to practice key HTML concepts while expressing their creativity. For...
10 lessons//2 Weeks
Week 1Lesson 1Setup and PreparationDesigned to provide students with an introduction to the environment used for this class and provide a more in-depth description of HTML/CSS/JS and how they are used. Task: Environment Setup Set up and explore the environment. Use the browser inspector to show HTML of websites.Lesson 2HTML BasicsIntroduction to HTML, including background, description of tags, and use of entry-level tags. Task: Wishlist Page Students develop a wishlist using HTML lists and images.Lesson 3CSS BasicsIntroduction to CSS, including background, examples, and use of basic styling in web pages. Task: Wishlist Styling Use classes and ids to style the wishlists students created in the last lesson.Lesson 4Advanced HTML TagsStudents learn how to create more complex webpages through the use of advanced tags. Task: Creating a Recipe Book Students create a webpage full of recipes with pictures, internal links, tables, and basic styling.Lesson 5Advanced CSS StylingStudents learn about more complex styling of webpages through the use of different fonts and font formats. Task: Creating a stylesheet reference page Students create a page with examples of fonts and font sizes that they can refer to when creating future projects.Week 2Lesson 6CSS Page LayoutStudents learn more about using CSS for web design, including positioning, margins, padding, and borders. Task: Design the layout of a website Students add CSS styling to a template website to come up with their own design.Lesson 7Introduction to WordPressStudents are introduced to WordPress, create an account, and use it to create a website. Task: Create a WordPress Page Students create a page in WordPress using the features learned in the lesson. They select a theme and name for their site, and get familiar with the structure of the page builder in preparation for the next class.Lesson 8Advanced WordPressStudents learn more about WordPress features and apply this to the creation of a website with multiple pages. Task: Add a WordPress Page Add and design a page in WordPress to link to the page that was created in class.Lesson 9Review and Final Project WorkshopReview course concepts through competitive live review games. Class time is dedicated to helping students apply concepts from class to their final project websites.Lesson 10Final Project PresentationsAllow students to share their final projects and get feedback.
- This course introduces students to HTML and CSS for web page design, emphasizing creativity through project-based learning.
- Students will create their own websites, reinforce learning with quizzes, and participate in review games to solidify their skills.
2 - 4 horas semanales fuera de clase
Proyectos
Frecuencia: 1-2 durante toda la claseComentario: incluidoDetalles: Projects are not mandatory but we strongly encourage students to complete themEvaluación
Frecuencia: incluidoDetalles:
Course Material Needed: Students in this course are asked to have access to the following (all bolded items are needed for the first class): • A computer (MacOS or Windows) with ability to download/install programs o (Note: Chromebooks are not preferred, but we can work with students to set the appropriate environments up for this class) • An accessible email (For use with GitHub Pages for Web Hosting) • A web browser (Chrome, Edge, Safari, Firefox) • A Replit.com Account (this can be set up in class or prior)
Dear Parents Welcome to our Web Design with HTML & CSS & WordPress program. This course is designed to provide students with an introduction to HTML and CSS used in designing and creating web pages. Students will have a complete and wide array of customization freedom in the creation of their own web pages! All lessons are project based and each lesson contains one fun project. All students will be asked to finish a final project with their own ideas which will be presented on the last day. There will be some quizzes for students to finish at home. If you want to learn other STEM Coding and AI programs, please check our class list: https://docs.google.com/document/d/1plycCFbPLN0qFCUKMTp7gBGdJlewQsIWrgQw1ABccuw/edit?usp=sharing To get started, please set up a https://replit.com/ account, which we will be using both in and out of class for this course. Important notes: As per Outschool Policy: For the safety of all students, all cameras must be on during the entire class duration, or at least for the first few minutes of the class session in certain circumstances. Please mute your audio (keep video enabled) during the class session. For those that have never used Outschool before, please follow this link for some awesome preparation before our first class: https://support.outschool.com/en/articles/802757-how-to-prepare-for-your-first-class To join the class, please login to your Outschool account and click the scheduled session to get into the classroom, where you click “Join live meeting” to join the zoom classroom. There is no zoom link needed. If you have any questions/concerns please feel free to reach out through us on Outschool. We are beyond excited to have this opportunity to go on this amazing coding adventure with you all. Please come prepared and ready to learn for our first class, see you soon! Best regards, AI Code Academy
Reseñas
Clase grupal
219 US$
por 10 clases5 x por semana, 2 semanas
60 min
Completado por 93 alumnos
Videoconferencias en vivo
Edades: 10-15
4-10 alumnos por clase
Asistencia financiera
Tutoría
Más para explorar
Estudio efectivoDibujo Estudio GhibliHacer rimas con tiemposAjedrez sin estrésFelicidadCineasta fuentecuerpo de dibujos animadosIntroducción a la biología equinaDnd 102Escritura InglésVamos a escribir un curso de ficción fabulosaActuación de televisiónsábado inglésJuicios de brujas de Salemmaquillaje privado