IdeaSpark ES:Guided Project
Learning Objectives
With regard to 21st-century skills, students can:
- Improve a project by completing two iterations of the Project Development Process .
- Effectively ideate with peers
- Share their work and gather feedback
- Collaborate with other students to integrate their work into a larger project
With regard to CS skills, students can:
- Utilize a wider range of HTML elements to organize information on a web page
- Change the visual style of HTML elements using CSS
- Use a <style> block to add CSS code
- Construct basic CSS selectors that target elements by their tag name
- Use a CSS reference to find properties and values that provide the desired style
- Use hyperlinks to link
While not required, advanced students may also learn to:
- Use an element's hierarchy to construct more specific selectors
- Add classes to elements to construct even more specific selectors
- Use CSS flexbox layout to organize their content into columns
Summary
In this second project (aka the Guided Project), your team of students will work together to create a website that raises awareness for a community issue. Each pair will create one page for the website that they will link up with the other pages in session 6.
The goal of the website is to educate people about an important need in the community and suggest ideas for taking action. We’ve gone ahead and selected three topics for your team to discuss and choose from.
Over the next four weeks of the Guided Project, students will also try their hand at some new HTML elements and learn how to style their pages using another web development language – CSS or cascading style sheets. They will also get practice creating a website in multiple stages, including Explore, Ideate, Prototype, Share and Revise.
Below, we have included a suggested breakdown of each of the four sessions focused on the Guided Project. Of course, you are welcome to move forward at the pace of your students.