Tag Archives: web design in the classroom

STEM and Web Design for Kids

Why should you consider incorporating STEM and web design into curriculum? Do students really need to know how to build web pages? After all, how likely is it that they will choose jobs in computer science or careers requiring any these skills? What benefit is an understanding of web design if becoming a web designer is not a future goal?

STEM and web design

Learning how to create a web page has substantive value. Knowledge of website construction and the decisions that need to be made in its creation empower students. Following are some of the benefits to teaching STEM and web design.

Provides an Authentic Audience

When students make a website and publish it in the public domain, they are aware that not just their teacher or classmates will be viewing their results. Anyone in the world will be able to see it. They are motivated to provide the best quality of their work by having an unlimited number of actual, legitimate viewers. This is strong incentive for putting their best efforts into their creations.

Builds Digital Citizenship

In designing a web page, a student becomes a producer of information. With this power comes responsibility. The website should be a meaningful contribution to the World Wide Web. To achieve this goal students must apply Internet search strategies to link to trustworthy sources of information. They must also respect copyright laws in regards to the use of media. Moreover, they need to create content that is respectful of others. These activities promote digital citizenship as it requires them to behave appropriately when online.

Develops Media Awareness

Considering the perspective of the audience is a critical skill in web page design. In planning an online publication, students should first reflect on their target audience. Whether it is their peer group, younger kids, or the public in general, the website should be appropriate. Decisions about wording, types of graphics, and suitability of hyperlinks is affected by the type of viewer. A clear navigation system through the site, information blocked into organized headings, appealing images, and working and informative links all contribute to a site attractive to the consumer. Understanding what engages an online audience is essential.

Fosters STEM Career Skills

Very few students will become actual web page designers. However, a very large proportion of students will pursue careers related to technology skills. Whether they become online marketers, bloggers, programmers, software developers, scientists, systems analysts, or engineers, the future will favor young adults who have STEM skills. Building a website can spark an interest in pursuing other STEM areas.

stem and web design

Promotes Creative Arts

STEM has been amended to STEAM to include the value of the Arts. When publishing a web page, creative decisions need to be made: background themes, layout, image choice and type, text typeface and formatting, and overall page appearance. These choices are all important in keeping the viewer engaged. Eye catching and aesthetically appealing websites will attract and hold a viewer’s attention.

Encourages Collaboration

STEM and web design

Effective communication skills are an integral part of many STEM job skills postings. It’s a rare career that doesn’t require proficiency in working as a group. And website creation isn’t done in isolation. Before publication, a site should be submitted to peers for comments and constructive critique. The written or spoken teamwork between designer and testers is a key component in the development of a successful project.

TechnoSite to Teach STEM and Web Design Using Google Sites

STEM and web design

TechnoSite is a project in which students become web designers. Using Google Sites and following illustrated, step-by-step instructions, they construct a website that includes links to fun places for kids on the World Wide Web. Develop vital career skills by teaching STEM and web design. Learn more about TechnoSite and how you can purchase and download it today!

Web Design For Kids – Google Sites Features to Love

Web design for kids has never been as easy. Google Sites is an ideal app to construct fun, engaging, and useful websites for use in the classroom. Not only is Google Sites free with a Google account, but the tools are simple to use yet students can create professional looking results. Captivate interest and develop essential skills for the future by making websites with your students.

TechnoSite is an all new TechnoKids project that uses Google Sites to transform students into skilled web designers. In this TechnoKids project, they learn how to build a website that includes links to fun places for kids on the World Wide Web. Here are some of the nifty features that we like about web design for kids with Google Sites.

Insert Unique and Fun Elements

web design for kids

  • Themes
    When starting to make a web page, students can choose a theme. This creates a consistent, professional looking site. The font and color can also be chosen to create a one-of-a-kind design. However, there are a limited number of choices so that students are bogged down in making a decision.
  • Image Carousel
    This ‘gadget’ allows you to use a picture frame that with automatically display multiple images. Simply select two or more pictures and insert them into an image carousel. The website viewer can click the arrows to see each picture or it can be set to loop through the set of pictures automatically.
  • Layouts
    To add text and images, a selection can be made from the Layouts gallery. These preset designs contribute a polished, ‘expert’ look to the website.

Elementary students can make professional looking websites using Google Sites.

Customizable Web Page Banner

The banner at the top of the page can include text and a background image. There is a gallery of designs in Google Sites to choose from, or the web page creator can search for an image. Since it’s tricky to find a simple themed picture that looks great in the short and wide banner space, add the keyword wallpaper to the search term. Google Image Search narrows down the results to more appropriate images for the banner.

Set Navigation Mode

By default, the navigation bar automatically appears at the top right of the banner on the Home Page. Navigation settings can be adjusted to move the bar to the left side of the page. This is convenient if the layout or images look better if the page is narrower or simply if the designer wants to personalize the navigation settings.

Add a Logo to Create an Instant Color Theme

To make the website unique, a small logo can be added at the top left of the banner. Search for a simple small image or upload one to suit the webpage topic. The colors from the logo will be automatically used to produce a custom color theme.

Make Quick and Easy Changes

Want to change the order of the pages in the website? It’s easy: under the Page tab, just drag the pages to set the order you want. The navigation bar automatically adjusts too!

Test Responsive Design

With the extensive variety of devices that are commonly used to view web pages, it’s convenient to be able to preview how the website in different modes. When previewing the page, you can switch to see how it will look on a phone, tablet, and large screen. Compare how the layout changes depending on the screen of the device.

web design for kids

Responsive Design in Google Sites allows you to preview what the layout will look like on a wide screen, tablet, or phone.

Web Design for Kids Made Easy

Certainly Google Sites is an outstanding yet simple and intuitive tool for the classroom. The features are fun and powerful yet allow kids to create and publish projects that they will be eager to share. And TechnoSite is the all new TechnoKids project that empowers kids to build STEM skills using Google Sites. Find out more about TechnoSite here.