Create a Website Using HTML5
You want to create a website, but you just don't know where or how to start.
Before you start, answer this question.
Is your web page building experience going to be a one time venture or do you have intentions of learning the art so that you can create websites for yourself and others down the road?
If it's a one time venture, try the 'Free Website Builder' advertised on the top of this page. It's Easy, Fast and Affordable!
If you're interested in a future in web site building, get started right!
The best way to create websites is to learn a little HTML code and a lot of CSS (Cascading Style sheets).
I Don't Want to Learn HTML!!
You may need an EASIER solution to your website needs.
That is why we promote the Wix Website builder. It's easy to learn, fast and affordable. If you can point and click, you can build a website with Wix.
You'd probably be surprised at the number of commercial websites created using the SIMPLE Wix system.
And just as advertised on TV, you can Try it FREE for 10 days with full support.
They'll guide you right through the entire process.
If you're not satisfied with the results, it's simple to cancel your free account.
Rates for keeping your finished website are about the same as purchasing web hosting and building it from scratch. $4/mon, $9/mon, $12/mon, $16 and $24/mon. Rates determined by bandwidth and addition of Shopping Cart.
Wix removes all the CONFUSION!
Start Your Free Website at Wix.com
Build It for Free Learning Just 4 HTML Tags!
Learn just 4 HTML tags. Build your website using a web template. Then host it with us for $39 a year.
We'll even show you how to put it online.
Free domain name and better than 99.9% up time. Get the same web hosting we've been using for over 15 years.
What You'll Learn Using This Website
Beginners will start with a simple approach to learning:
Seeing + Doing = Learning
You will SEE HTML5 code:
You will copy it and paste it into a web page you created.
You will SEE CSS code:
font-family: arial, tahoma, serif;
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.
And There's More
I think I've covered all the bases for first time web page authors and advanced students.
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)
- Basic HTML Page Structure - Creating a Style Sheet(CSS) <---Start Here!!
- Styling the header & footer elements(HTML5) & division tag with CSS
- Add an H1 tag and style it using CSS
- Create Columns - Add Nav Element(HTML5) - Line them up using CSS
- Add content and links
- Add an image
- Create multiple pages
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.
The First Advanced tutorial teaches you to change the entire appearance of the web pages you built in the 7 Step, just by modifying the style sheet.
Then go right into our tutorial on Building a website with a Template
We'll guide you through the process of taking one of our free web templates and converting it into a website.
In the last step you'll add an HTML form and processing script.
Learn to use this amazing HTML editor. Increase your production 100 fold using this tool.
We'll guide you through the set up process, show you how to build web pages and even how to put your finished pages on the internet.
Lesson #1... Set Up HTMLPad 2014
Lesson #2... Less Typing - Code Snippets and Templates
Lesson #3... Setting Up Projects and FTP
Lesson #4... Creating a Web Page and Style Sheet/Previewing
More Coming Soon!!
Where to Start
Start learning using a HANDS-ON approach with the simple 7 Lesson copy and paste tutorial.
You can also increase your knowledge using the other HTML5/CSS tutorials on this website, including:
- header element
- h1 to h6 elements
- section element
- nav element
- footer element
- division tag
- anchor tag
- paragraph tag
- many more
- Uploading your site
- Setting up a localhost
- Testing forms on a PC
- Use of liquid 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: NoteTab Light
- All the features of a commercial HTML editor.
- FREE Photo Editor: PhotoScape
- Resize, optimize and enhance your website pictures.
- FREE Apache Server for Windows: IndigoAmpp
- Set up a real time server environment right on your PC. Test forms and scripts before uploading to your web space.
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 information on page layout and the use of color.