Common Sense

TOP PICKS | 10 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 | Save as PDF

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.

Lucidchart

Intuitive editor helps users create and share dynamic visual diagrams

Bottom line: Students and teachers can use this tool alone or collaboratively to build and share stunning, effective visuals that stretch thinking.

Weebly

Easy-to-use website design tool lets teachers monitor kids’ creations

Bottom line: Teacher-monitored sites and drag and drop elements make attractive website design safe and accessible for students.

Codecademy

Terrific coding site a fun way to learn real-world skills

Bottom line: For both introductory and higher skill levels, Codecademy teaches the breadth and depth of skills for the modern computer field workplace.

Adobe Spark

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

Bottom line: This 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 easy, intuitive drag-and-drop features

Bottom line: With a few clicks, students can design a basic but custom, responsive website that allows for easy collaboration with their peers.

Grafio 3 - Diagram Maker

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