Create a web page with the editor
Come on, let's get into position! As I have told you, we will create our site in a text editor. You had to install one following my advice in the first chapter: it is called Notepad + +, PSPad, jedit, vim, TextWrangler ... whatever. The software has a simple goal: to enable you to write text!
In following this course, I will work with Notepad + +. I will open (Figure below).
|Opening Notepad + +|
Well, what do we do now? What is written on that blank sheet?
We'll do a little test. I invite you to write what comes into your head, like me in the following figure.
|Text in Notepad + +|
Now, record the file. For this, it is very simple: as in all programs, you have a File menu> Save. A dialog box asks you where to save the file and under what name. Save it wherever you want. Give the file name you want, ending with. Html, for example test.html, as shown in the following figure.
I recommend you create a new folder in your documents that contain the files of your site. For myself I created a test folder where I put my test.html file.
Now open the file explorer in the folder where you saved your page. You will see the file you just created (Figure below).
|The file in Explorer|
|Firefox icon file|
|File icon Internet Explorer|
Simply double-click on this file ... and your browser will open and, as the following figure, displays the text you wrote.
|The web page displayed|
It does not work well, it seems! All text is displayed on the same line when we had written two different lines of text!?
Indeed, well done!
The text appears on the same line when we asked to write on two different lines. What's going on?
In fact, to create a web page it is not enough to just type the text as it has done. In addition to this text, you also write what are called tags, which will give instructions to the computer as "go to line", "display an image", etc..