KnowledgeResourcesResearch

It's your business & website - It's my business to help you make it the best website!

How to Make Web Pages

How to Make a Web Pag

A web page can be physically created using a basic text editor program such as Notepad or Wordpad.

Ideally, a web page is constructed using a software program such as Microsoft Web Expression, Serif Web Plus, Adobe Muse or a PHP / HTML editor. Using a software program to create web pages usually offers error checking and the ability to PREVIEW your page before publication.

Optionally, a web page can be created using a Content Management System such as Wordpress or Joomla. Content management systems are ideal for people who want to create and manage their own content (text, images, video etc.) but do NOT want to learn a web design or programming language (e.g. PHP, HTML, CSS). Content management systems are very popular and can definitely provide some fantastic features thanks to the active and vibrant developer community that offer THEMES and PLUGINS.

Regardless of the choice you make for creating a web page. There are some fundamental parts of a web page you should understand.

The Basic Parts of a Web Page

A web page is made up of three sections:- 1) the DOCUMENT TYPE, 2) the HEAD and 3) the BODY. The contents of each part are assigned a purpose and each element within each part may or may not be visible on the Client Browser (i.e. your computer monitor or mobile display). The table below explains the each sections purpose, gives examples of elements within each and indicates if the section / element is displayed or not. Hopefully this handy reference will help to explain the basic parts of a web page.

Section Contents / Tags Visibility
Document Type DOCTYPE - This declaration must be the very first thing in an HTML document (i.e. web page) Not displayed
Head TITLE - This is the title of the web page. This is visible on the browser tab and is displayed in search results.
Head STYLE - This is used to style the content on the web page. For example, paragraph text can be styled to be Arial Font, bolded and underlined. Most websites today use Custom Style Sheets (i.e. CSS) instead of web page specific STYLE tags. The result of the style (e.g. bolded, underlined, Arial text) is displayed
Head META - Meta means "data about data". There are a number of important META tags. For example, "Description" which is written as a short summary of the web page. Depending on the META tag, the information may be displayed. For example, Description is displayed in Search Results as the summary of the web page.
Head LINK - This represents a link to an external file. Most often it is used to link to the Custom Style Sheet(s) used by the website. Not displayed
Head SCRIPT - This refers to code or scripts that will execute on the "client" side (i.e. your computer or mobile device). A common script type that executes is something called Java Script. Other code that typically appears in this section is Web Analytics (e.g. Google Analytics, Yahoo Analytics) or Web Advertising code (e.g. Google Adsense) Some scripts are designed to display content. Some scripts are designed to collect information. Some scripts are designed to do both
Body BODY - this refers to the main content of the web page. The content can be text, links, images, tables, lists, video etc. The layout of the web page (e.g. Header, Navigation, Sidebar, Footer) is contained in this section. The actual content is controlled using Hyper-text-markup-language (HTML*). The result of the content is displayed.

*You can learn more about HTML here!

When you use a software program to make a web page, the basic structure of the web page is constructed for you. Depending on the program you are using, you only need to worry about the BODY section of the web page as you create the page and make it ready for publishing.

Publishing Your Web Page

Unless you are using a Content Management System (e.g. Wordpress, Joomla) you publish your web page by "uploading" it to your website using a File Transfer program. And depending on the Scripts, Links and Content of your web page, you must also "upload" additional files (e.g. images, video, CSS) so that your web page is "rendered" properly in a browser.

Resources to Help You Learn

If you do wish to learn more about making a web page and publishing it, then I recommend the following resources:

How can I help you right now?

I'm happy to share my 12 Tips for Creating the Best Business Website as a free gift. And I do mean 'free' - there's no strings attached - not even a request for your name and email address!

If you need help, advice, a friendly push in the right direction, to rant or rave about a product or service ... please don't be shy about contacting me. Perhaps I can help you achieve your business goals.

You can do it ...


"That was fast! That is exactly what I need it to do. You are amazing! You just might be the secret weapon that makes a website less  about being BUSY on the Internet and more about being a BUSINESS on  the Internet." - Stan L., advice-for-lifetime-relationships.com