Hello and welcome to you all!
Here is the first chapter of this course for beginners that will teach you to create your website!
We'll spend some time together, everything will depend on how quickly you learn. If you play this course regularly and at a good speed, you're done in a week. But if you need a little more time, do not worry: the main thing is that you go at your own pace, taking a good time.
Ah, but I speak, I speak, and I am not yet submitted
So me, it's M @ teo21 (at least that's my nickname, you may well suspect that this is not my real name: p)
I'll be your guide throughout this course ... I will try to ensure that learning is for you a pleasure;)
This tutorial will let you learn how to create a website from A to Z.
You'll discover 2 computer languages, called XHTML & CSS. They are the ones that you will create your website.
Let's start by seeing what those languages on behalf ... rather unpronounceable
XHTML? CSS? What's that?
To create a website, you must provide information to the computer. It is not enough to simply type the text that will be on its site, it is also important to place the text, insert images, make links etc. ...
To explain to the computer what you want, he'll have to use a language he understands.
There are languages that are used to create programs, like C + + or Java. These languages are still complex and for people who already have some computer knowledge.
XHTML and CSS, they serve precisely to create websites, and they have been created so as to be simple to use. My role will be to learn to use it.
Okay, but why learn 2 languages for creating a website? One would not suffice?
It is true that when I tell you that you will learn 2 languages at once, you wonder if it is not already too much for you.
Do not worry, you will report as and as everything was very well thought out. Each of these 2 languages used to do something specific, and the two complement each other naturally in the end give a website:
* XHTML: it stands for eXtensible HyperText Markup Language. Between us, if you do not remember what it means, it will not prevent you from sleeping;)
This XHTML is one with which you type the content of your website. It contains logical information: for example you say "This is my title, this is my menu, there is the main text of the page, here is a picture etc. etc. ...".
You may have also heard of HTML. In fact, XHTML and HTML are very similar and can both be used to create web pages. They are virtually identical. XHTML works on rules, however a little more strict than HTML.
In short, if you know programming in XHTML, then you know how to program in HTML. That's why we study this course in XHTML.
* CSS: it is the abbreviation for Cascading Style Sheets ( "Stylesheet"). This language serves only to present the web page. In CSS we say: "My credentials are in red and underlined, my text is in Arial, my name is centered, my menu has a white background ..." etc. etc..
With this language, we will be able to quickly and simply the layout of your site. We may as well give it a nice presentation, without being experts in graphics (and they're not alone, because later I'm downright graphic draw: lol:)
In summary, it uses:
* XHTML to write the content of our web pages.
* CSS to present the content.
These languages are complementary, the two go hand in hand. If you remember that XHTML is used to enter the content and CSS to present this, then believe me, you already understand 95% of principle!
In the first part of this course, however, we will not talk about following CSS. It will not do that XHTML, because that is where to start.
Without CSS, you'll be able to make your first web pages. They are quite ugly, but patience ... Once you get to Part II of this course, we introduce the CSS, and you'll see all of a sudden embellish your web pages (almost) effortless:)
The editor
A question you should be sure you have asked is: "What software will I need to create my website?"
In fact, software that can create a website, there are tons.
But why pick a shareware software and complicated, then you already have everything you need in your home?
Yes, brace yourself because ... well it is Notepad!
Believe me if you want, but this software is more than sufficient to create a website!
If you have a Mac, you probably have a similar software: a text editor simple.
Well, in theory, therefore, Notepad will suffice. With him I made my first website (in fact it is this site, the Site Zér0, I made one: D)
But with a little research, I discovered a really useful software that helps a lot in color automatically XHTML / CSS.
This software is simple, free and in French. It's called Notepad + +, and I invite you to download:
Download Page Notepad + +
Take the version with installer (. Exe) and not. Zip
Note that it is not necessary to make Notepad + +, if you keep Notepad you can very well get away. Anyway, like Notepad + + is free and it goes a little help, it would be a shame to deprive them.
If you're running Mac OS, be aware that there are many similar editors for Mac. I can recommend Smultron.
Under Linux, the editors do not miss. You also probably already installed vim or emacs.
When you install Notepad + +, I advise you to change the following: go to menu "Languages" and choose "HTML". This will allow the software to know that we will tap XHTML.
When you use the software, it colors your code like this:
For now, do not worry what does all this gibberish that you can see. It was just to give you an overview of what this software was used.
Well, now that we are developing and we have our web page editor, we can speak of the last essential element (which you already there yet): the browser.
Here is the first chapter of this course for beginners that will teach you to create your website!
We'll spend some time together, everything will depend on how quickly you learn. If you play this course regularly and at a good speed, you're done in a week. But if you need a little more time, do not worry: the main thing is that you go at your own pace, taking a good time.
Ah, but I speak, I speak, and I am not yet submitted
So me, it's M @ teo21 (at least that's my nickname, you may well suspect that this is not my real name: p)
I'll be your guide throughout this course ... I will try to ensure that learning is for you a pleasure;)
This tutorial will let you learn how to create a website from A to Z.
You'll discover 2 computer languages, called XHTML & CSS. They are the ones that you will create your website.
Let's start by seeing what those languages on behalf ... rather unpronounceable
XHTML? CSS? What's that?
To create a website, you must provide information to the computer. It is not enough to simply type the text that will be on its site, it is also important to place the text, insert images, make links etc. ...
To explain to the computer what you want, he'll have to use a language he understands.
There are languages that are used to create programs, like C + + or Java. These languages are still complex and for people who already have some computer knowledge.
XHTML and CSS, they serve precisely to create websites, and they have been created so as to be simple to use. My role will be to learn to use it.
Okay, but why learn 2 languages for creating a website? One would not suffice?
It is true that when I tell you that you will learn 2 languages at once, you wonder if it is not already too much for you.
Do not worry, you will report as and as everything was very well thought out. Each of these 2 languages used to do something specific, and the two complement each other naturally in the end give a website:
* XHTML: it stands for eXtensible HyperText Markup Language. Between us, if you do not remember what it means, it will not prevent you from sleeping;)
This XHTML is one with which you type the content of your website. It contains logical information: for example you say "This is my title, this is my menu, there is the main text of the page, here is a picture etc. etc. ...".
You may have also heard of HTML. In fact, XHTML and HTML are very similar and can both be used to create web pages. They are virtually identical. XHTML works on rules, however a little more strict than HTML.
In short, if you know programming in XHTML, then you know how to program in HTML. That's why we study this course in XHTML.
* CSS: it is the abbreviation for Cascading Style Sheets ( "Stylesheet"). This language serves only to present the web page. In CSS we say: "My credentials are in red and underlined, my text is in Arial, my name is centered, my menu has a white background ..." etc. etc..
With this language, we will be able to quickly and simply the layout of your site. We may as well give it a nice presentation, without being experts in graphics (and they're not alone, because later I'm downright graphic draw: lol:)
In summary, it uses:
* XHTML to write the content of our web pages.
* CSS to present the content.
These languages are complementary, the two go hand in hand. If you remember that XHTML is used to enter the content and CSS to present this, then believe me, you already understand 95% of principle!
In the first part of this course, however, we will not talk about following CSS. It will not do that XHTML, because that is where to start.
Without CSS, you'll be able to make your first web pages. They are quite ugly, but patience ... Once you get to Part II of this course, we introduce the CSS, and you'll see all of a sudden embellish your web pages (almost) effortless:)
The editor
A question you should be sure you have asked is: "What software will I need to create my website?"
In fact, software that can create a website, there are tons.
But why pick a shareware software and complicated, then you already have everything you need in your home?
Yes, brace yourself because ... well it is Notepad!
Believe me if you want, but this software is more than sufficient to create a website!
If you have a Mac, you probably have a similar software: a text editor simple.
Well, in theory, therefore, Notepad will suffice. With him I made my first website (in fact it is this site, the Site Zér0, I made one: D)
But with a little research, I discovered a really useful software that helps a lot in color automatically XHTML / CSS.
This software is simple, free and in French. It's called Notepad + +, and I invite you to download:
Download Page Notepad + +
Take the version with installer (. Exe) and not. Zip
Note that it is not necessary to make Notepad + +, if you keep Notepad you can very well get away. Anyway, like Notepad + + is free and it goes a little help, it would be a shame to deprive them.
If you're running Mac OS, be aware that there are many similar editors for Mac. I can recommend Smultron.
Under Linux, the editors do not miss. You also probably already installed vim or emacs.
When you install Notepad + +, I advise you to change the following: go to menu "Languages" and choose "HTML". This will allow the software to know that we will tap XHTML.
When you use the software, it colors your code like this:
For now, do not worry what does all this gibberish that you can see. It was just to give you an overview of what this software was used.
Well, now that we are developing and we have our web page editor, we can speak of the last essential element (which you already there yet): the browser.
