PRACTICAL EXAMPLE
Building pages simply explained step by step
by Lino Bertuzzi

We tallk here only about main elements used to build this site, referring them to the various pages to show how they work. CSS elements and SCRIPTS can also be downloaded directly or copied and pasted.

In order to follow examples step by step, you should need to use a software editor such that allows you to see the effects at the very moment you write the code. To do this, I suggest Adobe Dreamweaver CS6 or other equivalent program. With this type of program there's many open context menus that allow you to automatically pick up a language element.  Make a particular directory to store your web pages. Of course you could use different methods:

  1. Do your page using Microsoft Word and save the page as html. (save as) in the folder that you created for this exercise. Then you should open in the specialize editor and clean the code by the editor tool.. But I do no recommend this method because the files are largest and the code is difficult to read and adapt.
  2. Open a pageof a website that  you like then save it in your PC by your browser tool. This serves because you'll find attachged a new directory almost all the files related, perhaps excepting those that are linked from outside the page. But you can find and downoald them copying and pasting their address in the browser. Today are

Since the languages, it is important to learn the English language in writing, so as to better understand the meaning of each item. So I'm always using all the software versions in English, which facilitates the manuals' study and simplifies the use of the software itself. I've been a developer VFP9 and without trouble I can use FoxPro database and its hierarchical and relational tables, but the software has reached the end of life and is no longer supported by Microsoft, as it happened with Windows XP.
Using SQL database and similar tools on the web is another thing. I promise that as soon as I find a decent manual it will study this technique and add it to the site.

Now we will use the following

  • HTML for page files;
  • DIV and iframes to arrange the elements in places;
  • CSS to give the characteristics of DIV and pages.

Unfortunately still I have not managed to find time to study how to use tables with SQL and manipulate databases and tables. Please follow the step by step the menu's to the pages' structuring, Enjoy!

Lino