Beginner Web Design Tutorials

HTML Tutorials

What is HTML? HTML is the code used to build web pages. It includes a series of tags that tell the web browsers how to structure the content on your web page. It is basically a series of simple commands and it is easy to learn. HTML is written with TEXT.

Smooth Strides from HTML to HTML5
This beginner HTML5 tutorial will help you make smooth strides towards a basic understanding of HTML and HTML5. You'll become familiar with these three related terms: Elements, Tags and Attributes.

Creating a Simple HTML5 Web Page
This YouTube video was created by Webucator, a provider of customized web design training. It was inspired by the "Smooth Strides from CSS to CSS3" tutorial listed below.

Understanding Web Browsers: From HTML to Web Pages
HTML documents are the building blocks of a website. They include HTML tags as part of the "RAW" technical code. But these files cannot become the elegant web pages that you see online… without the help of a web browser.

Baby Steps from XHTML to HTML5

If you are a web designer, then you know that HTML is the language used to create web pages. XHTML came along next, followed by HTML5. Here are some helpful tips to learn the basics of HTML5.

future of web designHow Technology is Shaking up the Future of Web Design
Interested in web design? Let’s take a glimpse at this fast-changing profession and see what’s “shaking up” its future. Most days start out simple for web designers. But there are forces dragging us down and pushing us forward all at once. New technologies can threaten our very existence.

3 Simple Steps Towards Mobile Friendly Web Design
How do we make our websites mobile friendly? Responsive Web Design is the most popular approach to creating mobile friendly websites. Responsive Design is a way to develop websites where CSS is used to change the way a page renders on different display sizes. Implementing a basic responsive design in your new and existing websites isn't as difficult as it sounds.

How Websites Work: Tutorial for Small Business Owners
It's hard to understand web design when you are not computer savvy. But if you run a small business today, your business needs to be found on the web. This mini-tutorial is aimed at the small business owner looking for a jump-start guide that explains the basics of "How Websites Work."

How Websites Work: Tutorial for small business owners

CSS Tutorials

What are Cascading Style Sheets? Cascading Style Sheets (CSS) are a set of rules used to style the look of web pages. You can use it to tell the web browsers what colors, fonts, and layouts you want to use. CSS can be embedded into an HTML web page or placed in an external file called a style sheet that will control individual pages on your web site.

A Beginner's Guide to HTML & CSS
A Beginner's Guide to HTML & CSS is a simple and comprehensive guide dedicated to helping beginners learn HTML and CSS.

smooth strides from css to css3Smooth Strides from CSS to CSS3
In this beginner CSS tutorial, we'll start slow with simple explanations of HTML and CSS, then we'll push forward into CSS3, the latest version of CSS, and explain a few things about HTML5's wonderful sidekick.

Building Your First Web Page
Before learning HTML and CSS, it is important to understand the differences between the two languages , their syntax, and some common terminology. This tutorial will help you get started.

A Beginner's Guide to Styling Your (Wordpress) Website With CSS
This tutorial includes tips for beginners for styling a WordPress site.

CSS Beginner Tutorial
This is a beginner's tutorial about Cascading Style Sheets and how to use them in Web Design. The purpose of this CSS guide is to teach the bare essentials - just enough to get started.

CSS3 Media Queries for Beginners
With CSS3 media queries, we can write CSS that delivers an optimal web experience for visitors viewing our websites at different screen sizes.

PHP Tutorials

What is PHP? PHP is a scripting language that can be embedded into HTML. It can be used on a website to process html forms, send mail from a web page, manipulate images, manage databases, and much more. You can tell if PHP is included in a web page because the page name ends in .php instead of .html.

When someone visits a PHP web page, the web host processes the PHP code. It then translates the PHP into HTML, and sends the web page to the visitor's web browser.

php jump start guideHTML, CSS, PHP and SEO Jump-Start Guide
This simple tutorial utilizes a red velvet cupcake and a dash of humor to explain these common web design terms: HTML, CSS, PHP and SEO. It is aimed at web design beginners, small business owners and everyday internet surfers.

PHP 101: PHP For the Absolute Beginner
This set of tutorials intended for everyone new to PHP. You'll find a series of informal, entertaining tutorials.

PHP 5 Tutorial
At W3Schools you will find PHP tutorials, references of PHP functions and a PHP 5 Quiz Test. You'll also have fun with their "Show PHP" tool which shows both the PHP source code and the HTML output of the code.

Learn PHP in 8 Weeks
Want to learn PHP? Try this simple 8 week program. By spending just a few minutes every week, before you know it you'll know all the basics of this language. Each lesson is short, and can be read and mastered very quickly.

SEO Tutorials

What is Search Engine Optimization? Search Engine Optimization (SEO) is the process of making a site search engine friendly. There is no magic thing you can do to get top placement at a search engine. But you can do a bunch of small things that will add together to improve your placement. Start with unique title tags and meta descriptions on every page.

web crawlerWhat The Heck is SEO and Why Should I Care?
This Beginner's SEO Guide shows the history of SEO (search engine optimization), keyword phrase search examples and the difference between on page SEO and off page SEO.

Beginner's Guide to SEO
The Beginner's Guide to Search Engine Optimization (SEO) is an in depth tutorial on how search engines work that covers the fundamental strategies that make websites search engine friendly.

Image Optimization and SEO: A Pixel Perfect Match
If you don’t optimize your images, your website can become sluggish and out-of-shape. The more bloated images you have, the slower your pages become. The search engines will visit your site and measure your page speed. Those bloated images will have a negative effect on your score. Here are 4 Basic Steps to getting an image in tip top shape for your website.

SEO Tutorial – Step-By-Step Search Engine Optimization Guide
This SEO tutorial for beginners covers the essential fundamentals of Search Engine Optimization. It is divided into three sections: Introduction to Search Marketing, Internal SEO and External SEO.

SEO blocks

Friends with Benefits: Boosting SEO with Social Media
There are six simple steps you can take to harness the power of your social media outlets to improve your company's SEO.

Also see Website Analysis Tools.

Back to Top

Copyright © 2017 Crimson Designs Studio
Blog Privacy Policy Blog Admin Site Map