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!

Price Promotion Options with WooCommerce

By Susan Metoxen | April 5, 2023 | Comments Off on Price Promotion Options with WooCommerce

There are many free price promotion options with WooCommerce, the plugin that is used in combination with WordPress for e-commerce. With WordPress and the WooCommerce plugin you are able to run an e-commerce website at a very low cost. WordPress and WooCommerce are both free. Without adding paid plugins to WooCommerce, you can run the…

Don’t Make Me Think Discussion Questions

By Susan Metoxen | January 22, 2023 | Comments Off on Don’t Make Me Think Discussion Questions

In the Web Design course I teach at Saint Paul College we read Don’t Make Me Think, Revised (3rd Edition)*  by Steve Krug. I searched the Internet for existing study questions and failed to find them. Hence, I will be writing my own discussion questions. I hope you find these discussion questions useful. If you…

Getting Started on a New Web Design

By Susan Metoxen | January 9, 2023 | Comments Off on Getting Started on a New Web Design

When I am working on a new website, it sometimes can be hard to know how to get started on the design. I start by looking at competitor websites and I ask my clients to send me links to websites that they like. While not everything is done exactly in the order below, the process…

Programmer Portfolio Websites

By Susan Metoxen | December 6, 2022 | Comments Off on Programmer Portfolio Websites

In the Web Fundamentals course I teach at Saint Paul College, I require students to create a final project website. The final website project gives students an opportunity to develop and publish a website demonstrating the skills that they learned in class. Most students choose to make a portfolio website for their final project website.…

Young Web Designer Working on Her Laptop

Ten Simple Design Rules for Web Design

By Susan Metoxen | November 18, 2022 | Comments Off on Ten Simple Design Rules for Web Design

In my Web Fundamentals course (CSCI1450 at Saint Paul College), I primarily teach college students how to use HTML, CSS, and some common frameworks to make websites. The focus is less on design and more on learning how to code. Even so, I created this list of simple design rules for web design so they…

SEO for Infographics

By Susan Metoxen | November 13, 2022 | Comments Off on SEO for Infographics

Human readers love infographics. Infographics make it easier to teach your readers by laying out the answers with a combination of text and images. However, there is a bit of a problem with SEO for infographics. Google will be reading the alternative text for the image to decide what is in the image. The image…

What Can You Do With Bootstrap?

By Susan Metoxen | November 10, 2022 | Comments Off on What Can You Do With Bootstrap?

Developers know that they can use Bootstrap to make stackable columns on responsive websites. But Bootstrap has prebuilt classes that allow you do so much more. Here is a short list of what you can do with it. So when you want to try something new on your website, check first to see if Bootstrap…

How to Center Web Page Elements Horizontally

By Susan Metoxen | October 22, 2022 | Comments Off on How to Center Web Page Elements Horizontally

Centering HTML elements on a web page is a bit tricky. How you center elements depends on the type of element on the web page. There are three different ways to horizontally center elements on the web page, depending on what you want to center. Is the element you want to center: A text element;…

tool box image showing a box shadow

How to Add Additional CSS in the WordPress Customizer

By Susan Metoxen | October 15, 2022 | Comments Off on How to Add Additional CSS in the WordPress Customizer

WordPress is a Content Management System (CMS) that is open source and highly customizable with a knowledge of CSS and how to add it in Customize -> Additional CSS. Many of my clients know WordPress well. A few of my clients know more about WordPress than I know! Since I know how to code and…

Computer screen with e-commerce on it.

Alternatives to Creating an E-Commerce Website

By Susan Metoxen | September 3, 2022 | Comments Off on Alternatives to Creating an E-Commerce Website

Before you create an E-Commerce Website, Consider these Alternatives If you have a product to sell, you may be considering an e-commerce website. An e-commerce website is a great way to control your branding and make your products available to the world. However, there are alternatives to creating an e-commerce website that you may want…