• Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies. En savoir plus.
Forum de libres discussions autour du jeux vidéo (cheats, glitches, hacks, modding, réalité virtuelle VR, cryptomonnaies) - YOUPASS - convertir le crédit téléphonique en monnaie ! : Partenaire RealityGaming.fr - RealityGaming

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 668
J'aime
5 121
Points
14 275
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 Forum de libres discussions autour du jeux vidéo (cheats, glitches, hacks, modding, réalité virtuelle VR, cryptomonnaies) - :RG: - RealityGaming .


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 Forum de libres discussions autour du jeux vidéo (cheats, glitches, hacks, modding, réalité virtuelle VR, cryptomonnaies) - :RG: - RealityGaming , je prend Reality Gaming , mais c'est pareil pour tout les autres sites .

- Voici la partie visible de Forum de libres discussions autour du jeux vidéo (cheats, glitches, hacks, modding, réalité virtuelle VR, cryptomonnaies) - :RG: - RealityGaming .
Vous devez vous inscrire pour voir les liens !


- Voici la partie immergée de Forum de libres discussions autour du jeux vidéo (cheats, glitches, hacks, modding, réalité virtuelle VR, cryptomonnaies) - :RG: - RealityGaming .
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 Forum de libres discussions autour du jeux vidéo (cheats, glitches, hacks, modding, réalité virtuelle VR, cryptomonnaies) - <3 - RealityGaming
        Ce topic m'as mis 4h a rédiger Forum de libres discussions autour du jeux vidéo (cheats, glitches, hacks, modding, réalité virtuelle VR, cryptomonnaies) - :o - RealityGaming

        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 ! Forum de libres discussions autour du jeux vidéo (cheats, glitches, hacks, modding, réalité virtuelle VR, cryptomonnaies) - :o - RealityGaming

Chaud ....

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

Snake's 🐍

Administrateur
Administrateur
Inscrit
5 Juin 2012
Messages
8 444
J'aime
6 364
Points
10 635
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 Forum de libres discussions autour du jeux vidéo (cheats, glitches, hacks, modding, réalité virtuelle VR, cryptomonnaies) - :d: - RealityGaming
 

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 Forum de libres discussions autour du jeux vidéo (cheats, glitches, hacks, modding, réalité virtuelle VR, cryptomonnaies) - :) - RealityGaming
Sinon pas mal le tuto Forum de libres discussions autour du jeux vidéo (cheats, glitches, hacks, modding, réalité virtuelle VR, cryptomonnaies) - :) - RealityGaming
 

SystemLab | Florian

Membre Premium
Premium
Inscrit
8 Août 2012
Messages
4 150
J'aime
1 118
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 668
J'aime
5 121
Points
14 275
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 668
J'aime
5 121
Points
14 275
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 Forum de libres discussions autour du jeux vidéo (cheats, glitches, hacks, modding, réalité virtuelle VR, cryptomonnaies) - ;) - RealityGaming
Juste pour voir si les gens accroche , si j'ai pas assez de retour positif , je laisse tomber Forum de libres discussions autour du jeux vidéo (cheats, glitches, hacks, modding, réalité virtuelle VR, cryptomonnaies) - ;) - RealityGaming
 

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 Forum de libres discussions autour du jeux vidéo (cheats, glitches, hacks, modding, réalité virtuelle VR, cryptomonnaies) - :) - RealityGaming
Je me débrouille très bien dans le Html-Css Forum de libres discussions autour du jeux vidéo (cheats, glitches, hacks, modding, réalité virtuelle VR, cryptomonnaies) - :) - RealityGaming
 

SystemLab | Florian

Membre Premium
Premium
Inscrit
8 Août 2012
Messages
4 150
J'aime
1 118
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
Statut
N'est pas ouverte pour d'autres réponses.


Discussions similaires

Haut