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 created as a resource for students to use.

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.

It isn't necessary to know HTML/CSS to learn WordPress. I have my curriculum on the WordPress 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!
Computer screen with e-commerce on it.

Planning Your E-Commerce Website

By Susan Metoxen | September 3, 2022 | Comments Off on Planning Your E-Commerce Website

What you need to know before you hire a developer When you decide that you want to make an e-commerce website, there are a lot of decisions to be made. You need to know what you want to sell and be prepared to present your products to the world. In addition, you need to make…

Social Media Post

How to Correctly Prepare a Post or Product for Social Media Sharing

By Susan Metoxen | July 10, 2022 | Comments Off on How to Correctly Prepare a Post or Product for Social Media Sharing

When you are planning to share a new product or post on Facebook or other social media, it is important to prepare your web page before sharing it. If you skip this preparation, then you are less likely to bring users to your website. After all, isn’t the goal to bring people to your website…

How To Start a Website Blog on a Budget

By Susan Metoxen | July 10, 2022 | Comments Off on How To Start a Website Blog on a Budget

Interested in blogging? You really can make a website on a budget, and this article shows you how to do it. Website blogging is a way to have a voice on the Internet and can be a way to make money. It takes a lot of content to make money from advertising, but if you…

Dollar Sign

How to Make Money Making Websites

By Susan Metoxen | June 25, 2022 | Comments Off on How to Make Money Making Websites

While learning web development skills you can make money making websites. In fact, as a student of web development, you have the added benefit that any time you spend making websites not only provides you with monetization opportunities but also adds websites to your portfolio. My Path To Monetizing My Work When I first changed…

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.