Simple html templates. Simple HTML templates. Pluton - Free Bootstrap HTML5 One Page Template

So, dear novice webmasters, we got acquainted with the basics of HTML.

Now, using this knowledge, let's quickly make ourselves a small website and put it on the Internet.

True, a full-fledged resource, using only html, is difficult to make, but here is a business card site of several pages, it is quite possible.

If someone has exactly this goal, and there is no desire to learn other programming languages, then this article is for them.

In short, in a self-written version, without the use of a CMS, nothing is simpler.

And for those who need something cooler, at the end of the article there are links to articles with block template code using CSS, and dynamic site code using PHP.

We will make a site on pure html right on this page, so to speak - a site within a site, quite working and ready to be filled with content.

Let's divide the whole process into three parts.

1. Create a site directory on your computer.

2. Site creation.

3. Translation of the site from our company to the hosting, that is, to the Internet.

Creating a website directory on your computer

The first point is the easiest. How to create a directory is very clearly shown in the article (all links from this page open in a separate window so as not to get lost).

And what, and in which folder to put, I will show in detail after the code of the main page, so that there is already something to go to the directory with.

Then we proceed to the second point, the most creative.

Create a site template

To create a template, you will need an editor into which you will need to paste the code below.

It can be either a simple Windows Notepad or any other text editor.

Let's take a multilayer HTML table as the basis of the template. Previously, before the advent of CSS, all sites were written in tables, but now block layout has become more popular.

But even so far, the tabular structure has not become outdated and has been successfully applied.

For example, an investment CMS H-script with the most complex functionality, entirely based on tables.

So, here is a site, with minimal design.

How to format tables in the future is shown in great detail in the article.

Site name (organization)

Description of the site

home

Hello dear future webmasters! I am 55 years old and I am glad to welcome you to my website.
This site is the first one I developed on my own, and before that I could only access the Internet.

Why did I decide to do it? For those 3 months, while I was versed in site building and creating this resource, it turned out that the authors of site creation guides take many of the nuances for granted and do not pay attention to them.
And for me, given my age and lack of experience, it was not easy to understand just these nuances, they took the most time.

Menu

general information

General information text





Name of the site


<!--Create a table container, which we set the following
registration:
border="1" - border around the container. By increasing the number, you can increase the thickness of the frame.
align="center" - we place the container in the center of the screen.
rules="rows" - remove the double border.
style="width:60%;" - add a style property that makes
container and the whole site "rubber".
It is impossible to make a full-fledged adaptive design in this way.--
>

border="1"
align="center"
rules="rows"
style="width:60%;">
<!--Create a string-->

<!--Create a row cell-->