Scribd
Upload
111 views3 pages

? Build Websites With EduBlocks

The EduBlocks course consists of 10 sessions aimed at teaching beginners how to create websites using block-based coding with HTML and CSS. Students will learn various web development skills, including formatting, styling, and creating interactive elements, culminating in a final project showcase. The course emphasizes hands-on activities and real-time webpage previews to enhance learning.

Uploaded by

Salma Mohamed Eid
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
111 views3 pages

? Build Websites With EduBlocks

The EduBlocks course consists of 10 sessions aimed at teaching beginners how to create websites using block-based coding with HTML and CSS. Students will learn various web development skills, including formatting, styling, and creating interactive elements, culminating in a final project showcase. The course emphasizes hands-on activities and real-time webpage previews to enhance learning.

Uploaded by

Salma Mohamed Eid
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

🎨 Build Websites with EduBlocks!

Course Duration: 10 sessions (1 hour each)


🌟 Hint About EduBlocks What is EduBlocks? EduBlocks is a beginner-friendly, block-based
coding platform that allows students to create web pages using HTML and CSS blocks. It helps
bridge the gap between visual coding and text-based programming.

🖥 🎨 Real-time webpage preview.


🚀
Key Features: Drag-and-drop HTML & CSS coding blocks.
Perfect for beginners transitioning to web development.

🚀 Course Overview This course teaches students how to design, structure, and style their own
websites using EduBlocks. From simple pages to advanced styling, students will develop
fundamental web development skills while creating interactive projects.
📚 Course Structure
🧊
Session 1: Introduction to Web Development & EduBlocks Objective: Understand the

🛠
basics of web pages and navigate EduBlocks. Activities: Icebreaker: Discuss favorite
websites and their features. Hands-on: Create a simple webpage with headings and
paragraphs. Outcome: A basic webpage layout.

🎨 📐
Session 2: Formatting & Styling with CSS Objective: Learn how to apply styles to web pages.
Activities: Apply colors, fonts, and backgrounds using CSS blocks. Use margins,
padding, and borders for layout. Outcome: A well-styled webpage.

🖼️ 🔗
Session 3: Adding Images & Links Objective: Enhance web pages with multimedia and
navigation. Activities: Insert images and adjust their size and alignment. Add links for
navigation between multiple pages. Outcome: A webpage with images and links.

📋 📊
Session 4: Structuring Content with Lists & Tables Objective: Organize information using
lists and tables. Activities: Create ordered and unordered lists. Build tables to display
structured data. Outcome: A webpage with lists and tables.

📝
🎯
Session 5: Forms & User Input Objective: Create interactive forms. Activities: Add text
fields, buttons, and checkboxes. Use CSS to style form elements. Outcome: A webpage with
a functional form.

🖥
🎭
Session 6: Page Layout & Positioning Objective: Arrange content effectively. Activities:
Use divs and containers for page structure. Apply flexbox for responsive layouts. Outcome:
A structured webpage with flexible positioning.

🎨 💡
Session 7: Advanced CSS Styling Objective: Enhance design with advanced CSS. Activities:
Use gradients, shadows, and animations. Implement hover effects. Outcome: A visually
appealing webpage.
📂 🔄
Session 8: Building a Multi-Page Website Objective: Create a complete website with multiple
pages. Activities: Link pages together using navigation menus. Test website usability.
Outcome: A multi-page website.

🛠
Session 9: Debugging & Optimization Objective: Refine and optimize web projects. Activities:
Fix common HTML & CSS errors. ⚙ Improve performance and accessibility. Outcome: A
polished, well-optimized website.

🎉
🏆
Session 10: Final Project Showcase Objective: Present completed websites. Students
showcase their projects. Award for creativity and functionality. Outcome: A fully functional,
styled website.

📂 Additional Resources Pre-Session Videos: https://www.youtube.com/watch?v=nE37X_fnliM

You might also like