Скачать или смотреть Lesson 3 | Web Development Beginner | Bit by Bit Coding

#webdevelopment #computerscience #computerprogramming #website #free #freecourse
---------------------------------------------------------------
Curriculum created by Victoria Glossip
Lesson taught by Onyechi Obioma
---------------------------------------------------------------
Bit by Bit Coding Students: Please fill out the attendance form to get credit for watching this video. This form can be found in your course's text channel on Discord.
--------------------------------------------------------------
In this hands-on coding lesson, students will build a multi-page, eco-themed website using HTML and CSS in Code.org’s Web Lab. This project is a perfect introduction to front-end development, encouraging students to blend structure, style, and creativity while learning the foundational tools of the web.

What You’ll Learn:
-How to structure webpages using HTML tags.
-How to link multiple pages together using a tags and relative paths
-How to apply consistent CSS styling across multiple pages with an external stylesheet
-How to create and style forms using semantic tags and accessible inputs
-How to organize a project with separate HTML and CSS files
-How to customize a website through colors, fonts, and layout

Project Features Include:
-A fully functional 4-page website:
-A unified navigation bar on every page for smooth linking
-A custom style.css file for site-wide design
-Banner images and creative text sections that students can personalize
-A working contact form with input fields and a message box
-Clean, readable design using flexbox, hover effects, and modern color schemes

Skills Developed:
-HTML5 Semantics
-CSS Styling & Layout
-Project Structuring (multi-file organization)
-Digital Communication (form elements)
-Creativity and Personal Expression

Tools Needed:
-A Code.org account (students must set their age to 14+ to access Web Lab)
-Internet connection
-Imagination and eco-friendly ideas

Whether you're teaching in-person or virtually, this project gives students the confidence to say: “I built a website from scratch!” It's an empowering, beginner-friendly introduction to the web and a great way to build awareness for environmental issues at the same time.

Let’s code for a greener future!