Part of the Arizona Technology Council

K-12 Categories

Advanced Search

Submit a Resource

Girls Who Code: Building an Activist Toolkit Pt. 2 - Design

At the end of Part 1, you synthesized your experience, ideas, and research about your cause into a message and call to action.

Now it’s time to start planning the visual design of your website using two new tools: a wireframe and a mockup. You will use the wireframe to brainstorm and choose a layout. Once you have selected your layout, you will use a mockup to choose your design elements, things like the color palette, fonts, images, text, and more. Both of these will serve as roadmaps for you once you start building the website in Part 3.

Beginner – Intermediate

STEAM Topics STEM Careers Resource Audience Grade Level Tags PDFs

Technology Topics

Wireframes & Mockups

Engineer (Software), Entrepreneur

Middle School, High School

7th Grade, 8th Grade, 9th Grade, 10th Grade, 11th Grade, 12th Grade

Download PDFs

Descriptions of PDFs

Download activity.

RELATED LISTINGS

Girls Who Code: Building an Activist Toolkit Pt. 5 - Responsive Design

Girls Who Code

In this lesson, you will learn how to make sure your website looks great on different screen sizes like laptop, tablet, and mobile devices.

https://girlswhocode.com/programs/code-at-home

Girls Who Code: Building an Activist Toolkit Pt. 4 - Add CSS Style

Girls Who Code

Now that you have some HTML written for your website, it’s time to beautify it with some CSS, or Cascading Style Sheets!

https://girlswhocode.com/programs/code-at-home

Girls Who Code: Building an Activist Toolkit Pt. 3 - Build with HTML

Girls Who Code

Part 3 of our Summer Series, is an introduction to HTML.

https://girlswhocode.com/programs/code-at-home

Girls Who Code: Building an Activist Toolkit Pt. 1 - Plan

Girls Who Code

In this project, you will learn the basics of project planning, HTML, and CSS to build a website around a cause that is important to you.

https://girlswhocode.com/programs/code-at-home

What are you looking for?

Organization

Girls Who Code

Website URL

https://girlswhocode.com/programs/cod...

Type of Resource

PDF File
Tutorial

Assigned Categories

STEM Careers
Technology
Technology - Computer Science
STEM Careers - in Technology

About SciTech Institute

SciTech Institute is a nonprofit organization dedicated to enhancing and promoting STEM education and awareness in Arizona and beyond. It works to achieve this through some of the strongest STEM initiatives in Arizona, including the Arizona SciTech Festival, the Chief Science Officers program, the RAIN grant, the Arizona STEM School Community of Practice, Science For All and more.

CONTACT US

SciTech Institute
1438 W. Broadway Rd., Ste 101
Tempe, AZ 85282

contactus@scitechinstitute.org

SciTech Institute is a collaborative initiative with the Arizona Commerce Authority and the Arizona Technology Council Foundation.