Add these tools to your toolbox:

HTML, CSS, Bootstrap, JavaScript, PHP, MySQL, Beaver Builder, and WordPress

Learn the HTML and CSS mark up languages! HTML and CSS are great first coding languages. This curriculum is broken up into 14 modules and includes slide shows and videos.

Learn HTML and CSS with these flashcards and place-in-order exercises. These were created to help students of Saint Paul College study for the HTML and CSS exam.

If you are interested in designing websites, then WordPress with Beaver Builder is a low-cost solution. Learn to design websites with minimal coding with this tutorial.

Looking for some cool tools for developing websites? Check out our list. Google fonts, Font Awesome, and CSS Generators, and much more!

Susan Metoxen
Susan Metoxen, Instructor and Web Developer

About Web Dev Students

When I started teaching Web Fundamentals at Saint Paul College, I wanted to provide my students with resources they could use after class was over. I created as a resource.

If you are just getting started with Web Development, you can see the resources I use with my students on the HTML/CSS Curriculum page.

If you want to learn to make WordPress websites with Beaver Builder, check out my Beaver Builder Tutorial. You don't need to know how to code to make websites with WordPress and Beaver Builder, although it is very helpful if you can code.

If you are looking for some fun exercises to improve your HTML and CSS, check out my Practice Exercises.

I hope you can find something helpful on this website to help you add tools to your developer toolbox!


10 Learn the coding languages that drive the Web: HTML and CSS!
9 HTML and CSS are the ideal languages to learn first. Markup languages are easier to learn than traditional programming languages.
8 HTML and CSS are the foundations of the Video Game Design Program at Saint Paul College.
7 Students will learn web design principles and explore cutting edge  tools to edit their designs in code.
6 You will be able to make a website for your family or friend's business!
5 The demand for web-based software continues to grow at a rapid rate, as does the demand for employees with these skills.
4 CSCI 1450 is required for both the Web Design (Layout/Graphic Design) and Web Development (Programming) degrees.
3 Web Design pushes students to use problem solving and creative thinking skills for practical applications.
2 Recruiters want employees with experience in Bootstrap, Javascript, PHP, jQuery and React, all of which are built on HTML and CSS.
1 Making websites is a blast!

The Bootstrap Grid System

By Susan Metoxen | May 26, 2022 | Comments Off on The Bootstrap Grid System

Modern websites are made with rows and columns for good reason…we need the columns in a desktop layout to stack on mobile devices. You want your website to look great on a large screen, and that requires that you build a wide design. But, you also need your website to look great on very narrow…

Pixel Art

By Susan Metoxen | October 5, 2021 | Comments Off on Pixel Art

One class exercise is to create a sprite on Animated PNGs and GIFs can be displayed on websites in the <img> tag, like any other image. Here are some examples.

Young Web Designer Working on Her Laptop

A Career in Web Design

By Susan Metoxen | July 14, 2021 | Comments Off on A Career in Web Design

What is it like to work as a Web Designer? Web design is a combination of art and problem solving. On the art side, a web designer crafts websites that are a beautiful reflection of the brand and are intuitive to use. On the problem-solving side, a web designer creates a fluid layout that works…

Recommended Website Hosting Plans

By Susan Metoxen | June 4, 2021 | Comments Off on Recommended Website Hosting Plans

As the owner of White Buffalo Websites, I have worked with many website hosting plans. I am hosting over 100 websites for my clients and students. From my experience I recommend two website hosts, Flywheel and SiteGround. In addition, I have worked with the following website hosts: Big Scoots, GoDaddy, Dream Host, WP Engine, Green…

Photographer Scam Targeting Website Owners

By Susan Metoxen | December 14, 2020 | Comments Off on Photographer Scam Targeting Website Owners

When you own a website, you can be a target for scam. The scam described in this email is comes from someone impersonating a photographer, accusing the website owner of using their photos without permission. Have you received an email message that starts like this? Hello there! This is Meleena and I am a certified…

Why I Love Coding

By Susan Metoxen | August 22, 2020 | Comments Off on Why I Love Coding

After working 30 years in health care administration, I was bored at my job and wanted to do something completely different. I had opportunities to make job changes within Health Care Administration, but none of those appealed to me.

On on whim, I went on to and looked for a book on programming. The book I picked out was actually for teens, a book on how to learn to program with GameMaker by On a Saturday afternoon, I opened up the book and started to go through the first tutorial. After a few hours, I had followed all of the many steps in the tutorial, and I was ready to push the “Compile” or “Run” button, to see the result.

Purchasing a Domain Name

By Susan Metoxen | June 2, 2020 | Comments Off on Purchasing a Domain Name

Ready, Set, Go! Purchasing your domain name is your first step in making a website. Purchasing a domain name is one of the most important and lowest-cost tasks on your to do list in making a website. All you do is go to a website registrar, like, and start to type in domain names…

Domain Registry Scam

By Susan Metoxen | May 13, 2020 | Comments Off on Domain Registry Scam

Don’t be fooled by an official-looking letter from Domain Registry. If you have purchased a domain name and not added privacy services, your personal information, like your email address, home address, and phone number, are available on the World Wide Web. You will receive emails from a variety of Internet scammers who would like to…

Website Files and Folders: Explaining the Magic

By Susan Metoxen | April 25, 2020 | Comments Off on Website Files and Folders: Explaining the Magic

A website is a set of files and folders that work together. When I first started making websites, I had a hard time wrapping my head around the fact that a website is made up of a host of folders and files that work together to make the app. The files and folders reference each other based on their location in relation to each other.

What should I study after learning HTML and CSS?

By Susan Metoxen | April 25, 2020 | Comments Off on What should I study after learning HTML and CSS?

After learning HTML and CSS, what’s your next challenge? Well, that likely depends on what you liked most about learning HTML and CSS languages. HTML and CSS may be your first coding languages and are a great introduction to the coding world. At the same time, learning HTML and CSS teaches you to design websites.

Answering this question may help to see your best direction. When you were learning HTML and CSS, which did you enjoy more?