Buffer

Design A Web Page Tips

Elvis Elvis

When you start out to design a web page it may seem like a task that only the gurus and professional web designers can do, but if you understand the basic steps in the building process, building a website isn’t very hard at all and can actually be easier if you have the tools that simplify the workload.

Follow these steps below and you should end up with your first fully functional web page.

1. Gathering the Tools

There are several ways that you can start to design a web page. You can easily get started if you happen to have a web page designer software installed in your computer like the old Microsoft FrontPage or newer Microsoft Expression Web or the popular Adobe Dreamweaver.

These programs are WYSIWYG (What You See Is What You Get) programs that make web page designing as easy as using a word processor. There are plenty of help files and templates that you can use to make a simple, but detailed web page in minutes.

You can also find free templates online that you can use as a basis for your design so you can focus more on filling them up with content and images that you can easily accomplish using the editor.

Templates really lessen the work required, but if you want to stay original, you need to code the design and content from the ground up.

Coding is the most accurate choice for making a webpage and has more of a learning curve, but the knowledge really pays off and this guide makes it simple to design a web page. Start out by loading your favorite text editor such as Notepad in Windows.

2. Understanding the Basic HTML Tags

HTML tags are interpreted by the browser so the webpage generates. HTML tags can affect the format of the text and the positioning of the content. Most of the tags require you to begin and end at a certain point.

Every webpage tag is identified by the brackets that surround them.
< . . . and
> . . . are the basic examples on what they look like.
Basically, the less than and greater than symbols are used.

Design A Web Page Tips

The tag is the first tag that you should put in your blank Notepad as it indicates that the file is a webpage. As mentioned earlier, the tag needs to be closed so you must have a signifying its end. Many other tags have a closing tag as well.

Following the tag should be the tag which identifies the header. You can optionally put text there or set the title of the page by using the tag as well as nothing else is put on the basic pages.

Right after the tag should be the tag which is where the bulk of the content will be placed. Any text, images, tables, links, and other elements will be placed there. Understanding the different formatting tags will help you make a more detailed page.

3. Understanding the Formatting Tags

Adding plain text without tags isn’t a very good idea as it would make your page extremely boring. You can use the basic tags including the and tags which will bold and italicize text respectively.

Don’t forget to close these tags to make any following text normal again. Some tags have more customization options like the tag where you can set the size, color, and type of the font.

A hex color table for references or use a webpage editor for easier color setting.

If you want to make paragraphs, simply surround all the text involved with <p> and </p> tags.

Try practicing these tags and observe proper formatting as shown in the example and see what comes out.

4. Saving the File as a Webpage

If you are using Notepad or another text editor to make your webpage, you won’t be able to see a preview after you design a web page until after you saved it and viewed in a browser.

After you are satisfied with the work that you did and checked that the HTML is correctly structured, save the file and make sure the filename ends with an .html extension instead of a .txt or .doc. This allows you to view the webpage by double clicking the icon.

5. Viewing the Webpage

Now that your new webpage is saved, try double clicking the file and you should see your work on your favorite web browser. If you see some HTML tags, you most likely made a mistake or forgot to close a tag. Otherwise, congratulations! You have made your first web page.

You can always edit your design by loading up Notepad or your favorite website editor and make any changes. It takes some practice to design a web page and there are plenty of other tags to learn to make your website even better and more interactive.

It always helps to get templates or a web page editor if you don’t wish to learn the HTML tags. Knowing the HTML tags still helps a lot though.

In order to be a designer in general, you need to possess a fair set of skills to be successful. This doesn’t apply though if you want to design a web page.