There are many applications with which you can make websites, even without understanding the HTML terminology, such as Enthusiasm FrontPage or Macromedia Dreamweaver.
The textual content authors are the most primary applications, and the most used,for modifying the web site. The benefits is their simpleness, to make a web site a few of the HTML language's requirements are necessary, so the records are created quickly and quickly, even more it uses very little place and storage resources, but they need understanding the HTML terminology.
Of the known textual content authors, the most used is NotePad, it is also used for this course, but you can use any textual content writer. For newbies I suggest using Note pad or Notepad++, but the innovative can use other applications like Dreamweaver.
Creating the platform of a HTML document:
As you saw in Session 1 there are common components that are necessary to make a HTML papers.
First start the Note pad and compose the primary framework of a website. This is:
<html>
<head>
<title>Title</title>
</head>
<body>
Content
</body>
</html>
Now your web site has HEAD and BODY in the <HTML> platform . It also has the TITLE factor in the HEAD factor,that you should complete with a associate textual articles as the title of your papers.
What you compose in TITLE will appear in the higher range of the visitor (above the menu). At TITLE you can put any textual articles, but it is better to compose something that represents as best as possible the topic and articles of your web site, because it is what most Look for places search and catalog, also is it indicated to not surpass 70 character types.
Below you will discover an example on how a TITLE list can be loaded in and a articles in the page:
<html>
<head>
<title>HTML - Free courses and Tutorials</title>
</head>
<body>
<h1>Page content</h1>
Lessons, examples and explanations.
</body>
</html>
Establishing papers properties
- Document qualities can be managed by the features of the BODY factor, ex: such as colours for web page qualifications, textual content and various website weblink stages.
Colors are set by using the primary colors: red, natural and pink, the phrase used is RGB (Red, Green, Blue), they are showed as hexadecimal principles and are published betwin quotations (" "), but first you must add the personality '#'. Each 2 systems of the value signify one of the RGB colours.
For example: #00aa11 is a shade that does not have Red (00), has Green (aa) and has less Glowing blue (11).
The BODY element
- You can add to this factor details to determine the backgound shade or picture, the textual content and shade of the hyperlinks.
- If the body factor is not loaded with other features then the visitor will provide the conventional colours, usually the qualifications is bright.
- To set large of the page's qualifications add in the brand <BODY> the feature BGCOLOR.
- The following example will provide a papers whose qualifications is blue:
<body bgcolor="#0000ff"></body>
Textual content Color
- The TEXT feature handles the regular text's shade in the papers.
- This will impact all text in the papers that is not shaded by other components, such as the website weblink.
- The conventional shade for text if Dark-colored.
- Here's an example where large of the qualifications will be pink and the text shade will be red, the feature TEXT will be included as:
<body bgcolor="#0000ff" text="#ff0000"></body>
Hyperlinks (LINK, VLINK and ALINK)
- These features management the link's shade in different states
1. LINK - Preliminary shade of the connection. Conventional is blue
2. VLINK - shade of a frequented link. Conventional is green.
3. ALINK - shade at plenty of duration of the first. Conventional is red.
- The way of establishing these features is the following:
<body bgcolor="#ffffff" text="#ff0000" link="#0000ff" vlink="#ff00ff" alink="#ffff00"></body>
The outcome will be a web page with a bright qualifications, red textual content, pink hyperlinks, frequented hyperlinks will be shaded bright and hyperlinks will be yellow-colored when triggered.
Using an picture as a qualifications for the web site (background)
- Our body factor provides the opportunity of changing the webpage's qualifications with an picture (Background image). If the picture is lesser than the webpage's dimension then the picture will be increased to protect the whole papers. It is indicated that the picture be in *.gif or *.jpg structure. An example of HTML value with qualifications picture is the following:
<body background="imagine.gif" bgcolor="#ffffff"></body>
In this example, the webpage's qualifications will be given by the picture in the computer file "imagine.gif" and also I set the BGCOLOR so that during the procedure of running the picture, large of the qualifications will be bright.
After you designed the platform of the papers and set your qualities, you must preserve the computer file. Keeping must be done in a structure that your visitor can identify. The stardard expansion for a computer file that symbolizes a web site is ".htm" or ".html". I usually use (".html").
- To preserve a papers to look like a web site, in NotePad decided from the File list the control Save and preserve the computer file with any name you want but with the code (or "htm") expansion - (At File name: compose the name and the expansion ".html", for example: catalog.html). If you do not compose the expansion, Notepade will preserve the papers with the "txt" expansion.
- To see the papers as a web site, go to the listing where you stored the computer file and basically start it (either with Get into or by double-clicking with the mouse), it will be started out instantly by visitor that you use (Mozilla Chrome, Online Traveler, Opera). Or start your visitor and press the Open control to start the papers you stored.
- To proceed perform to modify the web site or to add something to the HTML papers, start the papers with NotePad. One way is to start the Note pad and from the File list select Open then look for the computer file you want to modify and press the Open option. After you complete doing the changes, preserve, so that if you reopen the papers as a web site it will be started out with the new structure.
