Create a Website Using HTML5
Step Into the Future with RWD
The future of web design is in Responsive Web Design
That simply means building one website that can be accessed with any device: desk top, cell phone and anything in between.
Get started right by spending a few minutes in one of our 2 NEW Tutors that introduce you to the world of RWD.
You'll see how web pages are built by DOING just that.
Your finished page will be Mobile Ready with RWD features.
Or try our simple tutorial for creating Fluid Web Pages that can be viewed in a cell phone or on a desk top. Fluid Web Page Tutor
Note: The information presented here is entry level. If you can get grounded in the BASICS early it will be easier when you realize the magnitude of what CSS has brought to the web development industry.
Free 6 Page RWD Kit
Once through the tutors, grab our free 6 page Responsive Web Design Template Kit #402 and start building your website.
It comes ready to perform on a full size desk top or your Android cell. Scored 100 on PageSpeed Insights
When you're ready to go online grab the same web hosting we use, get a free domain name and host it for as little as $3.99 a month.
Create a Free Website?
If you've visited the SERPS for that search phrase you realize what a joke it is. Yes, they are all FREE until you are ready to PUBLISH or put the pages online.
How are we different? We actually teach you to code your own web pages right on your desk top, lap top or tablet. Then you have the option of publishing with us or whoever else you choose.
SO, who's really FREE?
What Responsive Web Design Does
Web pages built using Responsive Web Design techniques will adjust to each different device width or resolution that visits. Below you see screenshots of the 402 template when viewed on 3 different devices.
Template #402 when viewed on a 1920 desk top with max-width set to 1440 pixels.

Template #402 when viewed on an Ipad Mini at 768 pixel width.

Template #402 when viewed on a Samsung Galaxy cell phone at 360 pixels.

Just to let you know, we rebuilt this entire website using the #402 template kit.
Our Tutorial Process
Beginners will start with a simple approach to learning:
Seeing + Doing = Learning
You will SEE HTML5 code:
<html>
<body>
<p>Paragraph code</p>
</body>
</html>
You will copy it and paste it into a web page you created.
You will SEE CSS code:
p {
font-family: arial, tahoma, serif;
font-size: 16px
}
You will copy it and paste it into a style sheet you created.
Then you will learn to look at the HTML document with a browser and see how HTML and CSS work together.
Tutorial Overview
Beginners might need:(Provided in Tutorial)
- How to find and use Notepad
- Learning to Copy and Paste code (HTML & CSS)
- Learning to Create New folders on your computer
- How to Preview your web pages in a browser.
7 Step Tutorial (Using NotePad - Copy and Paste)
- HTML Page Structure - Create Style Sheet(CSS) <---Start Here!!
- Styling the header, footer and division tag with CSS
- Add an H1 tag and style it using CSS
- Add Nav Element and Use List to build a menu
- Add content using paragraph tag
- Add an image
- Build a drop down menu and make it Mobile Ready
Beginners are encouraged to work through the 7 Step tutorial several times.
You'll be surprised at how much of the information sinks in about the third time through just by copying and pasting.
Why We Recommend cafwhosting
1..Because we've used it for over 20 years
2..We don't oversell our servers
3..We guarantee 30 minute or less tech response
4..We guarantee 99.9% uptime
Check Our Hosting First
Other Stuff You'll find on CaFW
You can increase your knowledge using the other HTML5/CSS tutorials on this website, including:
HTML:
- header element
- h1 to h6 elements
- section element
- nav element
- footer element
- division tag
- anchor tag
- lists
- paragraph tag
- tables
- forms
CSS:
- color
- background
- border
- text-shadow
- box-shadow
- float
- width
- lists
- border-radius
- max-width
- many more
Advanced Helps:
- Uploading your site
- Setting up a localhost
- Testing forms on a PC
- Responsive Web Design
This site will teach you the fundamentals you need to create a website with HTML.
We Focus On
Using as little HTML code as possible.
Learning a lot of CSS
Free Tools We Recommend
- FREE HTML Editor (Windows): NoteTab Light
- All the features of a commercial HTML editor.
- FREE Photo Editor (Windows): PhotoScape
- Resize, optimize and enhance your website pictures.
- FREE Apache Server (Windows): IndigoAmpp
- Set up a real time server environment right on your PC. Test forms and scripts before uploading to your web space.
- Linux Users
- If like us, you've finally left the insane world of Microsoft Windows, we highly recommend the BlueFish HTML editor. You'll find it in your software repository. It does have some QUIRKS, but it's FREE.
Planning Your Website
This HTML tutorial teaches the mechanical side of creating web pages.
Before you begin the actual construction of your website, you should visit our Website Design Tutor for information on Research and Planning your website. Includes entry level information on page layout and the use of color.