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 WebDevStudents.com 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!

Susan

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!
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 Bootstrap. 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…

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…