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.
|
<!--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.-->