How to Create a Website

Create a Website

If you want to create a website and have complete control over its design and content, you need to learn a little HTML code and CSS.

Of course, if you've never built a website, you don't know what that means.

That's why we provide a 7 Step Tutorial for learning enough basic HTML and CSS to make your website from scratch.

Start out using a simple text editor that you already have.

Learn to create websites, like the one shown here, just by copying and pasting code.

It's FAST, EASY and Thorough!

What People Say About Our Tutorial

We realize that not everyone is interested in learning to create websites with HTML code.

That's why we feature ONE do-it-yourself website building package on our home page.

Squarespace is one of the BEST New Age Builders on the market.

You can try it FREE for 14 days without submitting any credit card information.

It's Versatile!

You can create anything from conventional interactive multi-media websites to blogs, portfolios, picture albums and even website stores.

It's Fully Supported!

You can make full use of some of the BEST technical support in the industry, right from the start of your 2 week free trial.

It's Fully Documented!

This is one area where many do-it-yourself products FAIL.

Squarespace is different.

They don't just provide step-by-step text based help files.

They also provide audio enhanced videos that guide you every step of the way. It's like taking a college course on website building.

It's Affordable!

Some Free Trial builders save the shock for payment time.

You complete your free trial and then find out that with all the hidden costs your website is going to cost you $35 to $50 a month.

You can purchase your Squarespace site for as little as $12 a month.

Amaze Yourself!

You won't just amaze yourself with the results you produce using this tool. You'll amaze anyone that visits your Finished Masterpiece!

Start Your FREE Trial Now!

Nothing to lose! Everything to gain!

Liquid web pages expand and contract with the width of a visiting browser. They also conform to the screen sizes and resolutions of different web viewing devices.

People are viewing web pages these days on iPads, Androids, seven inch tablets, notebooks and laptops that range in size from twelve to seventeen inches and on desktops up to twenty inches and more.

A good liquid design will conform to the size and resolution of each visiting device. Even the pictures and navigation devices will adapt when the web page is built right.

If you are building your first website and learning to use HTML and CSS, do it properly.

Static web pages define the web page size with a fixed width or absolute setting like 1000 pixels.

They remain at 1000 pixels no matter what device is used to view them.

Start in our Learning the Basics of Liquid Web Pages tutorial.

Start by copying and pasting HTML and CSS code into a text editor like NotePad.

Then get a good HTML editor like HTMLPad 2011 and learn to use it by modifying one of our Simplified Liquid Templates.

If you're an experienced web pager and you have a static website that you want to convert to liquid, here are a few tips that may help in the transformation.

1. Do not use tables except for displaying data.
2. Never place images inside of tables.
3. Add img {max-width: 100%} to your style sheet.
4. For better results on smaller devices, set max-width to less than 100%
5. To get the max-width property to scale images omit image dimensions.
6. Do not use the align attribute when placing images. Use float.
7. Don't place images within paragraphs that contain text.
8. Place very large images in separate paragraphs and center the paragraph.

9. Don't mix absolute and relative values when defining division sizes.
10. Set margins and padding using relative values for divisions.
11. If using container divisions for columns the sum of the relative values of interior divisions cannot exceed the width of the container.
12. Use one background color for the body of the document.
13. Do not use background colors for columns.
14. Use pixels for sizing fonts.
15. Don't use iframes unless the source content is liquid.
16. Don't use borders on divisions that make up the structure of your page.
17. Don't use large background images in your header.
18. Test your web pages at different monitor resolutions.

Choosing the right colors can be a major factor in determining a visitor's first impression of your website and the website's level of usability.

Follow the KEEP IT SIMPLE!! rule here and you'll improve your chances of success.

When using color on a website, the old rule of less is more holds true.

Never use more than 3 colors and be sure the colors you use are related in some way.

Nothing screams "UNPROFESSIONAL" louder than a website that has too much or clashing color combinations.

Take a little time here to learn about color relationships.

Some colors work together, others DO NOT!!

Use the free color scheme tool to learn about color relationships. Download your free copy and use it.

Read More.......

Use Our Free Resources

Check Our Free Web Templates

Over 500 Designs

Simplified Static Designs

Simplified Liquid Designs

Easy CSS Static Designs

Easy CSS Liquid Designs

Free Graphics

You can order free logos and website headings to personalize your website.

You'll find free backgrounds, heading backgrounds and buttons to spruce up your unique designs.

If you like videos, take a little Video Tour on websites and traffic building.

Tutorial - How to Create a Website

Just a few of the lessons you'll find on this website:

Getting Started

Using a Text Editor

How to find Notepad

How to Preview Web Pages in a Browser

How to Copy and Paste

Web Page Structure and CSS (Style Sheets)

How to Create the Web Page Heading

How to Create Columns on a Web Page

How to Add Content to a Web Page

How to Add Pictures to Web Pages

How to Link Web Pages

My Preferred Website Builder

I use HTMLPad 2011.
Click the pic to get a FREE Trial.

Compare it to Coffee Cup HTML Editor

Original Free Website Source

www.Buildfree.org
Build a totally free web site!
Everything needed to build a website for nothing. No hidden costs, no pop-up ads.