YOUPASS - convertir le crédit téléphonique en monnaie ! : Partenaire RealityGaming.fr

Comment créer un site web avec HTML 5 | Chapitre 1

Statut
N'est pas ouverte pour d'autres réponses.

Benjamin

DJ Snake
Ancien staff
Inscrit
19 Janvier 2013
Messages
15 683
J'aime
5 134
Points
15 795
Reply from Benjamin Forums généraux Informatique ⌨️ Programmation Programmation web : Comment créer un site web avec HTML 5 | Chapitre 1 #1
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 :
  1. A insérer des textes , des images , pourquoi pas des vidéo .
  2. Ajoutez des liens externe a votre site .
  3. Modifier la tailles , la couleur et la police du texte de votre site .
  4. 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 :RG: .


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 :RG: , je prend Reality Gaming , mais c'est pareil pour tout les autres sites .

- Voici la partie visible de :RG: .
Vous devez vous inscrire pour voir les liens !


- Voici la partie immergée de :RG: .
Vous devez vous inscrire pour voir les liens !


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 vous inscrire pour voir les liens !


- Et enfin celui d'un sans CSS .
Vous devez vous inscrire pour voir les liens !


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 vous inscrire pour voir les liens !


      Voici NotePad++ , la base , feuille blanches .
      Vous devez vous inscrire pour voir les liens !



      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 vous inscrire pour voir les liens !

      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 <3
        Ce topic m'as mis 4h a rédiger :o

        Dimanche prochain , on verra ..
        Enfin , pour créer son propre site Web
 
Dernière édition:

NeoHugo

PS4 Player
VIP
Inscrit
23 Décembre 2012
Messages
7 778
J'aime
2 684
Points
7 843
Reply from NeoHugo Forums généraux Informatique ⌨️ Programmation Programmation web : Comment créer un site web avec HTML 5 | Chapitre 1 #2
Quatre Heure ! :o

Chaud ....

Sinon très bon tuto ( je suis entrain de le lire )
 

Snake's 🐍

Administrateur
Administrateur
Inscrit
5 Juin 2012
Messages
8 461
J'aime
6 417
Points
13 905
Reply from Snake's 🐍 Forums généraux Informatique ⌨️ Programmation Programmation web : Comment créer un site web avec HTML 5 | Chapitre 1 #3
JayJay Galaxytte :d:
 

AlexDev

http://gtactu.fr Fondateur.
Inscrit
29 Septembre 2013
Messages
231
J'aime
24
Points
3 866
Reply from AlexDev Forums généraux Informatique ⌨️ Programmation Programmation web : Comment créer un site web avec HTML 5 | Chapitre 1 #4
Bien pour les débutant. Pour les plus fort je vous recomande Sublime Text 2 :)
Sinon pas mal le tuto :)
 

SystemLab | Florian

Membre Premium
Premium
Inscrit
8 Août 2012
Messages
4 148
J'aime
1 117
Points
5 793
Reply from SystemLab | Florian Forums généraux Informatique ⌨️ Programmation Programmation web : Comment créer un site web avec HTML 5 | Chapitre 1 #5
Bien joué mais moi j'aurais pas fait comme sa j'aurais pris un fichier .txt et tout mettre en même temps car la aprés on va attendre attendre ect ^^
 

Benjamin

DJ Snake
Ancien staff
Inscrit
19 Janvier 2013
Messages
15 683
J'aime
5 134
Points
15 795
Reply from Benjamin Forums généraux Informatique ⌨️ Programmation Programmation web : Comment créer un site web avec HTML 5 | Chapitre 1 #6

Benjamin

DJ Snake
Ancien staff
Inscrit
19 Janvier 2013
Messages
15 683
J'aime
5 134
Points
15 795
Reply from Benjamin Forums généraux Informatique ⌨️ Programmation Programmation web : Comment créer un site web avec HTML 5 | Chapitre 1 #8
Bien joué mais moi j'aurais pas fait comme sa j'aurais pris un fichier .txt et tout mettre en même temps car la aprés on va attendre attendre ect ^^
Je vais réduire les délais de postage , la c'est un premier jet ;)
Juste pour voir si les gens accroche , si j'ai pas assez de retour positif , je laisse tomber ;)
 

AlexDev

http://gtactu.fr Fondateur.
Inscrit
29 Septembre 2013
Messages
231
J'aime
24
Points
3 866
Reply from AlexDev Forums généraux Informatique ⌨️ Programmation Programmation web : Comment créer un site web avec HTML 5 | Chapitre 1 #9
Si tu a besoin de quelque aides fait moi signe :)
Je me débrouille très bien dans le Html-Css :)
 

SystemLab | Florian

Membre Premium
Premium
Inscrit
8 Août 2012
Messages
4 148
J'aime
1 117
Points
5 793
Reply from SystemLab | Florian Forums généraux Informatique ⌨️ Programmation Programmation web : Comment créer un site web avec HTML 5 | Chapitre 1 #10

SystemLab | Florian

Membre Premium
Premium
Inscrit
8 Août 2012
Messages
4 148
J'aime
1 117
Points
5 793
Reply from SystemLab | Florian Forums généraux Informatique ⌨️ Programmation Programmation web : Comment créer un site web avec HTML 5 | Chapitre 1 #12
Note pad ++ c'est le best pour tout ;)
 

SystemLab | Florian

Membre Premium
Premium
Inscrit
8 Août 2012
Messages
4 148
J'aime
1 117
Points
5 793
Reply from SystemLab | Florian Forums généraux Informatique ⌨️ Programmation Programmation web : Comment créer un site web avec HTML 5 | Chapitre 1 #14
Notepad sur mac??? je savais pas ;) t sur?? j'ai jamais vu cette éditeur sur mac !
Je me suis mal expliqué pour genre codage et pour garder les .txt ect c'est le best ^^
Je c'est que Note pad existe pas sur MAC malheuresement
 
K

Keyper

Invité
Reply from Keyper Forums généraux Informatique ⌨️ Programmation Programmation web : Comment créer un site web avec HTML 5 | Chapitre 1 #15
Je me suis mal expliqué pour genre codage et pour garder les .txt ect c'est le best ^^
Je c'est que Note pad existe pas sur MAC malheuresement
Ah ok ok oui c bien dommage ;) mais bon Steve n'a jamais voulu prendre les éditeurs de chez Windows :)
 
K

Katy Perry

Invité
Reply from Katy Perry Forums généraux Informatique ⌨️ Programmation Programmation web : Comment créer un site web avec HTML 5 | Chapitre 1 #16
Super Topic :o j'te met un petit j'aime
 

Peaky Blinders

King Plex
Ancien staff
Inscrit
27 Décembre 2012
Messages
12 484
J'aime
5 010
Points
13 493
Reply from Peaky Blinders Forums généraux Informatique ⌨️ Programmation Programmation web : Comment créer un site web avec HTML 5 | Chapitre 1 #17
Un conseil utiliser un IDE tels que Netbeans ou Aptana Studio, ça vous changera la vie ;)
Et pensez à verifier son code via le W3C ;)
 
K

Keyper

Invité
Reply from Keyper Forums généraux Informatique ⌨️ Programmation Programmation web : Comment créer un site web avec HTML 5 | Chapitre 1 #18

AlexDev

http://gtactu.fr Fondateur.
Inscrit
29 Septembre 2013
Messages
231
J'aime
24
Points
3 866
Reply from AlexDev Forums généraux Informatique ⌨️ Programmation Programmation web : Comment créer un site web avec HTML 5 | Chapitre 1 #19
Statut
N'est pas ouverte pour d'autres réponses.


Haut