Storing a website on a server is referred to as hosting a website. You can possibly host your own website but the steps to follow are so cumbersome that you have to really want to do it yourself (it is not complicated; the difficulty resides on the steps to follow and the commitment you will make: the web server, the electricity or power supplied to the server, the connection to the Internet, the security to your server, etc). An alternative is to let another company host your website and you would simply purchase (or rent) that service from that company. You will need to know the domain name you want your site to have. You will need to have a home or business address, and you will need a credit card (or a valid means to make payments).
The domain name is the address by which people will access your website. This is abolutely the first piece of information you should (must) have. If you don't yet know the domain name you want to use and you want to test the availability of domain names, you can go the Network Solutions website, type different names and click to submit. A message will regularly let you know whether your desired domain name is still available or not. Once you have found the name you want, make a note because you will need it later.
The steps to get a website hosted are generally straightforward and easy to follow:
A folder is the computer's virtual container of anything that must reside on a website. For this reason, folders are referred to as parent to the items they contain. You can create a folder directly on your website. To do this, log in and access the control panel of the site. You should see a link labeled File Manager or something like that:
Click File Manager. A window with two frames should open. In the left frame, click the folder that contains or will contain your website. In most cases, that folder is named public_html. Here is an example:
If you don't see that folder or don't know what folder you should use, contact your web host and ask. To create a folder, click the appropriate button.
You can also create folders on your computer and then you will upload the folder. On the computer, a folder is created as you should be familiar already.
When naming a folder, it is a good idea, not a requirement, to give it a meaningful name. For example, if you are planning to use pictures on your site, it is a good idea to store them in a folder named images.
Just as done in the regular daily computer use, folders on a website are organized as a hierarchy. The first and primary parent is the one that starts and contains the primary documents. Of course, other folders, called sub-folders, can be created in it, and other sub-folders can be created inside of existing sub-folders.
A file is the object that displays a webpage. Normally, a file cannot contain another object, such as another file. A file must be created in an existing folder, referred to as its parent. In the same way, many files can be created in, or can belong to, the same folder. Such a folder acts as their common parent.
One of the jobs of a webmaster is to know where a file resides, what type a file is (text-based, script-based, graphic, audio, video, etc). Part of this information is provided by the file extension. Some time to time, you will need to change or delete something in a file (such as deleting or moving words in a text-based document), you may need to tremendously change a file (such as cutting the length of a song or video), etc. Sooner or later, you will need to create, move, or delete files, for any reason. As we will learn later, you will also want one file to refer to another.
You can create a file directly on your website or you can create it on yor computer before uploading it to your website. To create a file directly on your website, access the control panel of your site and and open the File Manager (or something like that). In the left frame, click the folder that will contain the file. Look for a button labeled Create A File or something like that. Provide the name of the file and make sure you add its extension. Once the file exists, you can edit it. To do this, click it and click Edit.
To create a file on your computer, you have more options. If you want to create a text-based file, you can use a text editor such as Notepad or vii or a Web editor. To create a different type of file, you should/must use the right application.
The hypertext markup language, or HTML, is the language used to publish things using a computer application named a user agent or browser. Put in reverse, a browser is a computer application that receives instructions in a descriptive language, called a meta-language (a language that describes some things), and displays them in its main area which can be the screen or a computer monitor.
The language serves two purposes. It primarily describes how something should appear. Secondly, it gives instructions to the browser about how to display something.
HTML is primarily used on the Internet, in applications referred to as web-based; but HTML can also be involved in applications that are not used on the Internet. The bottom line is that a browser, or whatever application uses it, must be able to “read” and interpret HTML.
HTML instructions are written in a language of the same name. The instructions, also called code, are written in a simple text document and saved as a computer file. The file must have a normal or regular computer name. The name can have any characters allowed by the operating system, including space in a name. As much as you can, you should avoid including spaces in the names of your HTML files. An HTML file uses the extension .htm or .html. Such a file is called a webpage.
An HTML file, or webpage, must reside in a folder or directory. You use the rules of your operating system to create and specify such a folder. You can add as many files as you want in that folder. You can also create sub-folders in the main folder and add all desired files and other sub-folders in the primary sub-folders. The group of files, objects, and sub-folders located in a main folder and serving a common purpose is called a website.
The person in charge of the management (and/or creation) of a website (and/or webpage(s)) is called a webmaster. Creating and managing a website (which of course include webpages) is referred to as web design. Adding complexity such as style, interactivity, scripts, and code, is referred to as web development.
In computer application, a person who uses an application is referred to as a user. In the Internet, a person who accesses or opens a webpage can be referred to as a visitor.
HTML gives instructions to a browser using small code objects named tags. The primary formula to create a tag is:
A tag starts with the LESS THAN sign: <. It is followed by a name, followed by the GREATER THAN sign: >. < and > are required. The names of tags have already been created and you simply use them. You must know what tag to use when, why, and how. The purpose of these lessons is to show you what tag to use when, why, and how. For example, we will see that some tags are used to display text. Some tags are used to display a picture. Some tags are used to change how text or a picture displays.
Normally, HTML is not case-sensitive. This means that a tag name can be completely in lowercase:
A tag can be completely in uppercase:
Or a tag can be in a mixture of lowercase and uppercase:
To avoid confusion in your code, please adopt one case and stick to it. Most webmaster exclusively use lowercase for their tag names.
Some tags must indicate where their job starts and where it ends. For example, if a tab is used to create a paragraph, a column of a newspaper, or a section on a page, the tag must indicate where the paragraph, the column, or the section starts, and where the paragraph, the column, or the section ends. Such a tag uses an end tag. The formula to indicate where the effect of a tag ends is:
<tag-name> . . . </tag-name>
In this case, the end tag starts with </ followed by the name of the tag and >. The start tag and the end tag must use the same name. Remember to use the same case for both. When necessary, the start tag and the end tag can (should, must) be written on separate lines.
The combination of a start tag and an end tag is called an HTML element, or just an element.
An element is said to be nested if it is created inside of another element. The primary element can be referred to as a parent element. The nested or inside element can be referred to as child element. The primary formula to nest an element is:
<parent-tag> . . . <child-tag > . . . < parent-tag>
If the child element is to be closed, it must be closed before the end tag of the parent element:
<parent-tag> . . . <child-tag> . . . </child-tag> . . . < parent-tag>
In the same way, a nested element can have its own nested element(s).
There are rules and suggestions pertaining to nested elements:
A comment is a section that the browser will not present to a visitor. The formula to create a comment is:
<!—The comment goes here -->