Bonjour ,
Aujourd'hui je vais vous montrer ou vous faire partager de aides , utiles , pratique , tout ce que vous voulez sur HTML 5 de Google
Donc aujourd'hui on parlera de créer un site web sous HTML 5
Aujourd'hui premier chapitre , dimanche prochain , on passera au Chapitre 2
Le topic risque d’être très long [ Min 5h ] , alors , soyer patient et indulgents .
Je me suis inspirer des cours de Open Class Room pour rédiger ce topic , je n'ai pas copier/coller
Je vais notamment parler du CSS
Définition
CSS : '' Cascading Style Sheets '' , commutateur réseau Cisco , sert a gérer la page réseau d'un serveur Web
HTML : '' Hypertext Markup Language '' , format de données conçu pour présenter les pages Web .
En gros c'est du balisage pour structurer le site
Dans ce topic on va apprendre a :
Aujourd'hui je vais vous montrer ou vous faire partager de aides , utiles , pratique , tout ce que vous voulez sur HTML 5 de Google
Donc aujourd'hui on parlera de créer un site web sous HTML 5
Aujourd'hui premier chapitre , dimanche prochain , on passera au Chapitre 2
Le topic risque d’être très long [ Min 5h ] , alors , soyer patient et indulgents .
Je me suis inspirer des cours de Open Class Room pour rédiger ce topic , je n'ai pas copier/coller
Je vais notamment parler du CSS
Définition
CSS : '' Cascading Style Sheets '' , commutateur réseau Cisco , sert a gérer la page réseau d'un serveur Web
HTML : '' Hypertext Markup Language '' , format de données conçu pour présenter les pages Web .
En gros c'est du balisage pour structurer le site
Dans ce topic on va apprendre a :
- A insérer des textes , des images , pourquoi pas des vidéo .
- Ajoutez des liens externe a votre site .
- Modifier la tailles , la couleur et la police du texte de votre site .
- Mettre des en-tête et des menus .
Première Partie
Déjà un petit cours sur les sites web et leurs fonctionnalité
Qu'est ce qu'un site Web ?
Nous en utilisons tout les jours , c'est comme ci vous lancez le navigateur , que ce soit Mozilla , Chrome , Safari , Internet Explorer ou Opéra .
Avec ces navigateur , nous pouvons allez partout , notamment sur
.
Mais qu'est ce que HTML est CSS ont a voir la dedans ?
HTML est CSS sont un peut comme des piliers , si il ne sont pas la , le site n'est pas utilisable , ce sont des fonctionnalité essentiel a un site Web .
Comme dirai l'autre '' c'est la base '' .
D'ailleurs , le créateur de ce langage HTML ce prénomme , Tim Berners-Lee en 1991 .
Comment bien différencier le Web a Internet ?
Internet c'est la bulle qui entoure le Web , les mails , les messages instantané .
Voici les coulisse d'un site tel que , je prend Reality Gaming , mais c'est pareil pour tout les autres sites .
- Voici la partie visible de .
- Voici la partie immergée de .
L'ordinateur réagit comme un traducteur a tout ce charabia , il transforme les balises , les images , les textes et les vidéo , d'une certaines manière .
Deuxième Partie
Vous pouvez , si vous n'avez pas le courage d’insérer des photos ou des vidéo dans votre site Web , bien entendu le rendu sera assez '' brute '' , CSS est la pour compléter la page Web .
- Voici le parfait exemple d'un site basique avec CSS .
- Et enfin celui d'un sans CSS .
Pendant ces 25 dernières années , il y'a eu beaucoup de nouvelle version qui ont abouti , notamment pour HTML et CSS
HTML
Déjà un petit cours sur les sites web et leurs fonctionnalité
Qu'est ce qu'un site Web ?
Nous en utilisons tout les jours , c'est comme ci vous lancez le navigateur , que ce soit Mozilla , Chrome , Safari , Internet Explorer ou Opéra .
Avec ces navigateur , nous pouvons allez partout , notamment sur
.Mais qu'est ce que HTML est CSS ont a voir la dedans ?
HTML est CSS sont un peut comme des piliers , si il ne sont pas la , le site n'est pas utilisable , ce sont des fonctionnalité essentiel a un site Web .
Comme dirai l'autre '' c'est la base '' .
D'ailleurs , le créateur de ce langage HTML ce prénomme , Tim Berners-Lee en 1991 .
Comment bien différencier le Web a Internet ?
Internet c'est la bulle qui entoure le Web , les mails , les messages instantané .
Voici les coulisse d'un site tel que
, je prend Reality Gaming , mais c'est pareil pour tout les autres sites .- Voici la partie visible de
.
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.
- Voici la partie immergée de
.
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.
L'ordinateur réagit comme un traducteur a tout ce charabia , il transforme les balises , les images , les textes et les vidéo , d'une certaines manière .
Deuxième Partie
Vous pouvez , si vous n'avez pas le courage d’insérer des photos ou des vidéo dans votre site Web , bien entendu le rendu sera assez '' brute '' , CSS est la pour compléter la page Web .
- Voici le parfait exemple d'un site basique avec CSS .
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.
- Et enfin celui d'un sans CSS .
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.
Pendant ces 25 dernières années , il y'a eu beaucoup de nouvelle version qui ont abouti , notamment pour HTML et CSS
HTML
- HTML 1 : c'est la toute première version créée par Tim Berners-Lee en 1991 .
Version de base . - HTML 2 : la deuxième version du HTML apparaît en 1994 et prend fin en 1996 avec l'apparition du HTML 3.0. C'est cette version qui posera en fait les bases des versions suivantes du HTML. Les règles et le fonctionnement de cette version sont donnés par le W3C (tandis que la première version a été créée par un seul homme).
- HTML 3 : apparue en 1996, cette nouvelle version du HTML rajoute de nombreuses possibilités au langage comme les tableaux, les applets, les scripts, le positionnement du texte autour des images, etc.
- HTML 4 : il s'agit de la version la plus répandue du HTML (plus précisément, il s'agit de HTML 4.01). Elle apparaît pour la première fois en 1998 et propose l'utilisation de frames (qui découpent une page web en plusieurs parties), des tableaux plus complexes, des améliorations sur les formulaires, etc. Mais surtout, cette version permet pour la première fois d'exploiter des feuilles de style, notre fameux CSS !
- HTML 5 : c'est la dernière version. Encore assez peu répandue, elle fait beaucoup parler d'elle car elle apporte de nombreuses améliorations comme la possibilité d'inclure facilement des vidéos, un meilleur agencement du contenu, de nouvelles fonctionnalités pour les formulaires, etc. C'est cette version que nous allons découvrir ensemble.
CSS - CSS 1 : dès 1996 , on dispose de la première version du CSS . Elle pose les bases de ce langage qui permet de présenter sa page web, comme les couleurs , les marges, les polices de caractères , etc.
- CSS 2 : apparue en 1999 puis complétée par CSS 2.1 , cette nouvelle version de CSS rajoute de nombreuses options . On peut désormais utiliser des techniques de positionnement très précises , qui nous permettent d'afficher des éléments où on le souhaite sur la page .
- CSS 3 : c'est la dernière version , qui apporte des fonctionnalités particulièrement attendues comme les bordures arrondies , les dégradés, les ombres , etc .
Troisième Partie
La question un peut tabou , pour laquelle vous allez avoir besoin pour cet troisième partie , le logiciel .
Quel logiciel prendre ?
Combien , ça va me coûter ?
Est t'il complexe a utilliser ?
PAS DU TOUT !
C'est la l'avantage , de créer son site Web , le logiciel est totalement gratuit , vous avez le total choix entre plusieurs logiciel , pour commencer , vous avez le Bloc Note , oui cet application est compatible pour créer un site Web , vous avez Notepad++ ,que j’utilise personnellement chez moi . Il y'a aussi jEdit , PsPad et ConTEXT .
Il y'a aussi differant logiciel , notamment Fraise pour Mac iOS
@Keyper
Lien de téléchargement :
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.
Voici NotePad++ , la base , feuille blanches .
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.
Je vous conseille de faire la manipulation suivante : allez dans le menu Langage > H > HTML .
Cela permettra au logiciel de savoir que nous allons taper des ligne HTML
Ensuite , le logiciel NotePad va automatiquement colorée
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.
En résumé - Le Web a été inventé par Tim Berners-Lee au début des années 1990.
- Pour créer des sites web, on utilise deux langages informatiques :
- HTML : permet d'écrire et organiser le contenu de la page (paragraphes, titres…) ;
- CSS : permet de mettre en forme la page (couleur, taille…).
- Il y a eu plusieurs versions des langages HTML et CSS . Les dernières versions sont HTML5 et CSS3 .
- Le navigateur web est un programme qui permet d'afficher des sites web . Il lit les langages HTML et CSS pour savoir ce qu'il doit afficher .
- Il existe de nombreux navigateurs web différents : Google Chrome, Mozilla Firefox, Internet Explorer , Safari, Opera… Chacun affiche un site web de manière légèrement différente des autres navigateurs .
- Dans ce cours , nous allons apprendre à utiliser les langages HTML et CSS. Nous travaillerons dans un programme appelé « éditeur de texte » (Notepad++, jEdit, vim…) .
____________________________
Enjoy
Ce topic m'as mis 4h a rédiger
Dimanche prochain , on verra ..
Enfin , pour créer son propre site Web
Dernière édition:
