How To Build A Basic Web Page

With so many tools available today to build a web site, so few people actually get to see what happens behind the scenes. This tutorial will walk you through constructing a basic HTML web page, uploading the page to the web server, and viewing your page in a browser using nothing but very simple and FREE tools. Regardless of the complexity of software today, underneath all the glitz and glitter there is really some very simple things happening.

Why do you need to know about the HTML?

Most tools today give you an option of working directly with the HTML. The reason for this is that there are things you need to do occasionally that you can only do in the HTML -- which is why tools give you this option. For instance, imagine that you just signed up for the Google AdSense program (see also: the adsense project), logged into your account, customized your Adsense code, and copied the generated code. You now have to insert that generated code into a page or pages on your web site.

Now, lets imagine that you've signed up with a service to help you track visitor stats to your web site. Guess what? You will have to generate some code and insert into your pages.

It helps to be able to not only view the source HTML, but actually understand some of the basics of HTML so you know where to insert the code. Also, sometimes, it is necessary to inspect the HTML directly to determine why a page isn't displaying properly.

Watch this video to discover how simple the basics of constructing a web page really are. More tutorials will be added to do more advanced things like linking to pages, using CSS for separating presentation from structure, and using the HTML codes to construct a document hierarchy (all of which are important for search engine optimization).

Video Size: 3 M
Sound: Yes
Time Est: 9 Minutes
Tools Required To Complete This Project:

Notepad for creating and editing the HTML
FileZilla for uploading the HTML file to the web server
Web Browser for viewing the completed project

Watch the Video
(will popup in a new browser window - close the new browser window to return to this page)

See more tutorials about how to build a web page.

Comments?

Back To: Free Online Website Development Tutorials