Common Sense

TOP PICKS | 11 TOOLS

Best Web-Design Apps and Websites for Students

Help students understand how the web works with these web design and development tools. Are your students interested in learning HTML, CSS, PHP, and the nuts-and-bolts of how websites get designed, built, and maintained? Maybe they just want to brush up on the basics of coding so that they can better understand their increasingly web-filled world. Or, perhaps they're just looking to launch a personal site or publish content with a WYSIWYG tool like Squarespace or Wordpress. On this list, we've assembled a nice mix of tools for each scenario.

 

Continue reading

Top Picks

RELATED

PrintPrint list

Codemoji

Emoji-based coding tool demystifies web design and animation

Bottom line: Emoji-based lessons engage and empower kids to explore web design and animation, with instant website creation.

Mozilla Thimble

Inspiring platform teaches coding through remixing

Bottom line: Thimble is an excellent, free resource for teaching students to code through experimentation.

Weebly

Impressively easy-to-use website-creation tool

Bottom line: Helpfully walks students through each step of website creation, and teachers can control access and monitor progress.

Mozilla X-Ray Goggles

Remix tool reveals code, can strengthen kids' understanding of the web

Bottom line: It's a blast to use and an easy way to get experimentation and prototyping going with plenty of student choice -- kids are really in the driver's seat!

Codecademy

Terrific hands-on coding practice with live feedback

Bottom line: In this excellent coding application, in-game practice and real-time guidance crack open the world of programming and turn your students into whiz kids.

Adobe Spark

Super-flexible design tool for crafting fab images, videos, and sites

Bottom line: This free, one-stop shop for creating sleek graphics, web stories, and animated videos is incredibly easy to use and challenges students to think critically about visual presentation.

CodeHS

Computer science curriculum offers great feedback, fun challenges

Bottom line: Effective tools and clear lessons teach real programming, but you'll have to spend some cash to help kids master it.

Google Sites

Make your own website with customizable templates

Bottom line: With a few clicks, kids can design and populate a unique website, but customization requires multiple layers of directions.

Grafio 3 - Diagrams & ideas

Flexible app transforms sketches into pro-level designs and diagrams

Bottom line: A terrific choice for creating simple diagrams or presentations on iOS.

Treehouse

Fun, self-paced web development and coding lessons offer high value

Bottom line: A solid learning solution for self-starting students who want to grasp the wide array of programming topics.

WordPress.com

Solid blogging tool and content management system offers DIY blogs

Bottom line: This is a great tool to get kids blogging and creating online content.

Get tips for using these tools in the classroom

See related resources