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!

About Web Dev Students
When I started teaching Web Fundamentals at Saint Paul College, I created WebDevStudents.com 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!
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! |
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…
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…
In the past I have recommended purchasing domains from hover.com. Hover has a great purchasing experience and a helpful chat service. However, since the prices have moved up at Hover, I recently started recommending that students purchase from domains.google.com instead. Google being Google, there is no service provided. Moreover, they make an effort to upsell,…
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.…
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…
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…
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…
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;…
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…
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…