SlideShare une entreprise Scribd logo
Par :
Yahyaoui Imane
Plan
   Logiciels de création site-web
   Langage HTML
   Historique de l’HTML
   Structure d’une page HTML
   Créer sa première page site-web
   L’hébergement
Logiciels HTML

LES EDITEURS
   Dreamweaver (éditeur : Macromedia)
   GoLive (éditeur : Adobe)
   FrontPage (éditeur : Microsoft)

LES NAVIGATEURS
   Internet Explorer
   Mozilla
Langage HTML




                   Traduction par l’ordinateur




Résultat visible
  sur l’écran
et
Deux langages pour créer un site web
HyperText Markup Langage est la langue vivante du web, avec sa
grammaire, sa syntaxe et son vocabulaire , il permet de structurer une page web à
l’aide de plusieurs BALISES.




                    Les balises traduisent:




                             des liens               Images/son/
  Textes
                           hypertextes                 vidéos
HISTORIQUE
                           mars 1989

The WWW Project Proposal                             L'idée de base




                            juin 1993

    HTML 1.0 draft                                Le premier brouillon




                            août 1994

       HTML 1.0                                     Version définitive




                            17/12/1996

         CSS 1                   Première tentative de séparation du fond et de la forme




                            Fin 1999

      XHTML Draft                          Des améliorations ajoutées à HTML
Structure d'une page HTML

<HTML>
         <HEAD>
              <TITLE> Titre de la page </TITLE>
         </HEAD>


         <BODY>

       </BODY>
</HTML>




           Les fichiers HTML doivent être enregistrés avec
           l'extension .html ou .htm.
De structure


                De formatage
              et mise en page



                 De listes
Les balises
  HTML
                D’images


               Hyperliens


                Tableaux
Balises de Structure




<HTML>…    <HEAD>…     <TITLE>…    <BODY>…
 </HTML>    </HEAD>     </TITLE>    </BODY>
<B>…</B>:.

                            Police

                                            <I>…</I>

               Forme
                                          <DIV ALIGN =
                                         "RIGHT">…</div
                                                >
                         mise en forme
   Balises
                                           <CENTER>
formatage et
                                          ….</center>
mise en page

                                              <FONT
                             texte        color=‘’red’’>…
                                            </FONT>
               Couleur
                                             <body
                         Arrirée plan     bgcolor="red"
                                           ….</body>
Balises de listes



  Listes     Listes à    Listes de      Listes      Listes
numérotées    puces     définitions   répertoires   menus
SRC      Spécifie l'URL (chemin) du fichier qui contient l'image.


WIDTH    Spécifie la largeur de l'image en pixels.


HEIGHT   Spécifie la hauteur de l'image en pixels.


BORDER   Définit l'épaisseur du cadre de l'image


ALIGN    Gère l'alignement du texte adjacent à l'image


VSPACE
           Définit l'espace qui sera réservé en haut et en bas de
                                   l'image
Balises Hyperliens

Grâce au langage HTML on peut créer
un hyperlien vers :

  - un autre site web situé sur le Web
  – un autre endroit du document.
  – un autre fichier Html situé sur votre
    ordinateur.
La syntaxe simplifiée est :
Un lien vers un site-web:


Un lien vers une page HTML



Un lien vers un document
Balises Tableaux
Première balise à connaître : <table> </table>. C'est cette
balise qui permet d'indiquer le début et la fin d'un tableau.
Cette balise est de type block, donc il faut la mettre en
dehors d'un paragraphe.
Résultat sur la page-web
Créer un formulaire
Resultat
Créer sa première page
      site-web !!
un hyperlien vers une page
          HTML
Hyperlien vers un document
Résultat
Hyperlien vers une image
Résultat
N.B

   Il faut toujours gardé au mémoire
    que l’html surtout (une Balise)
    marque une action pour le
    navigateur en lui montrant ce qu’il
    doit faire.
L’hébergement d’un site-
              web
   Une fois votre site « terminé », il
    vous faut trouver un hébergeur afin
    de rendre votre site visible sur le
    web.
   L’hébergeur stocke votre site sur
    internet et vous attribue une adresse
    internet (ou URL).
Meilleurs sites
d’hébergement
http://www.hostpapa.eu


http://www.1and1.fr/


http://www.mavenhosting.com/


http://www.mavenhosting.com/


http://hosting-review.com/


http://www.strato-hosting.fr/
exposé en HTML

Contenu connexe

Tendances

HTML & CSS
HTML & CSSHTML & CSS
HTML & CSS
Hamid Tasra
 
Formation PHP
Formation PHPFormation PHP
Formation PHP
kemenaran
 
Cours HTML/CSS
Cours HTML/CSSCours HTML/CSS
Cours HTML/CSS
Axel Chalon
 
Examen principal- php - correction
Examen principal- php - correctionExamen principal- php - correction
Examen principal- php - correction
Ines Ouaz
 
HTML 5 - intro - en francais
HTML 5 - intro - en francaisHTML 5 - intro - en francais
HTML 5 - intro - en francaisVlad Posea
 
Initiation à Bootstrap
Initiation à BootstrapInitiation à Bootstrap
Initiation à Bootstrap
Abdoulaye Dieng
 
Cours partie1 elgarrai zineb
Cours partie1 elgarrai zinebCours partie1 elgarrai zineb
Cours partie1 elgarrai zineb
Zineb ELGARRAI
 
Langage HTML
Langage HTMLLangage HTML
Langage HTML
El Habib NFAOUI
 
Cours php
Cours phpCours php
Cours php
csskaled
 
Support du cours : Programmation Web 2
Support du cours : Programmation Web 2Support du cours : Programmation Web 2
Support du cours : Programmation Web 2
Faycel Chaoua
 
Introduction à React JS
Introduction à React JSIntroduction à React JS
Introduction à React JS
Abdoulaye Dieng
 
Xml elgarrai 2020
Xml elgarrai 2020Xml elgarrai 2020
Xml elgarrai 2020
OmarIz1
 
HTML
HTMLHTML
HTML
Neovov
 
Fascicule de tp atelier développement web
Fascicule de tp atelier développement webFascicule de tp atelier développement web
Fascicule de tp atelier développement web
Houda TOUKABRI
 
Developpement Web.pptx
Developpement Web.pptxDeveloppement Web.pptx
Developpement Web.pptx
IbrahimaBarry49
 
React-cours.pdf
React-cours.pdfReact-cours.pdf
React-cours.pdf
Jaouad Assabbour
 
Manuel des TP : Atelier Web 2
Manuel des TP : Atelier Web 2Manuel des TP : Atelier Web 2
Manuel des TP : Atelier Web 2
Faycel Chaoua
 
Introduction à JavaScript
Introduction à JavaScriptIntroduction à JavaScript
Introduction à JavaScript
Abdoulaye Dieng
 
Introduction à JavaScript
Introduction à JavaScriptIntroduction à JavaScript
Introduction à JavaScript
Abdoulaye Dieng
 
Ch1-Généralités.pdf
Ch1-Généralités.pdfCh1-Généralités.pdf
Ch1-Généralités.pdf
FadouaBouafifSamoud
 

Tendances (20)

HTML & CSS
HTML & CSSHTML & CSS
HTML & CSS
 
Formation PHP
Formation PHPFormation PHP
Formation PHP
 
Cours HTML/CSS
Cours HTML/CSSCours HTML/CSS
Cours HTML/CSS
 
Examen principal- php - correction
Examen principal- php - correctionExamen principal- php - correction
Examen principal- php - correction
 
HTML 5 - intro - en francais
HTML 5 - intro - en francaisHTML 5 - intro - en francais
HTML 5 - intro - en francais
 
Initiation à Bootstrap
Initiation à BootstrapInitiation à Bootstrap
Initiation à Bootstrap
 
Cours partie1 elgarrai zineb
Cours partie1 elgarrai zinebCours partie1 elgarrai zineb
Cours partie1 elgarrai zineb
 
Langage HTML
Langage HTMLLangage HTML
Langage HTML
 
Cours php
Cours phpCours php
Cours php
 
Support du cours : Programmation Web 2
Support du cours : Programmation Web 2Support du cours : Programmation Web 2
Support du cours : Programmation Web 2
 
Introduction à React JS
Introduction à React JSIntroduction à React JS
Introduction à React JS
 
Xml elgarrai 2020
Xml elgarrai 2020Xml elgarrai 2020
Xml elgarrai 2020
 
HTML
HTMLHTML
HTML
 
Fascicule de tp atelier développement web
Fascicule de tp atelier développement webFascicule de tp atelier développement web
Fascicule de tp atelier développement web
 
Developpement Web.pptx
Developpement Web.pptxDeveloppement Web.pptx
Developpement Web.pptx
 
React-cours.pdf
React-cours.pdfReact-cours.pdf
React-cours.pdf
 
Manuel des TP : Atelier Web 2
Manuel des TP : Atelier Web 2Manuel des TP : Atelier Web 2
Manuel des TP : Atelier Web 2
 
Introduction à JavaScript
Introduction à JavaScriptIntroduction à JavaScript
Introduction à JavaScript
 
Introduction à JavaScript
Introduction à JavaScriptIntroduction à JavaScript
Introduction à JavaScript
 
Ch1-Généralités.pdf
Ch1-Généralités.pdfCh1-Généralités.pdf
Ch1-Généralités.pdf
 

En vedette

Communication interne en entreprise
Communication  interne en entrepriseCommunication  interne en entreprise
Communication interne en entrepriseLotfi Mekouar
 
Communication d'une entreprise barrere bergeron dubois
Communication d'une entreprise barrere bergeron duboisCommunication d'une entreprise barrere bergeron dubois
Communication d'une entreprise barrere bergeron duboisKimchicom
 
Les jeunes et Internet
Les jeunes et InternetLes jeunes et Internet
Les jeunes et Internet
Landemard Jonathan
 
Le Micro Processeur
Le Micro ProcesseurLe Micro Processeur
Le Micro Processeur
razman
 
L’utilisation d’internet chez les jeunes
L’utilisation d’internet chez les jeunesL’utilisation d’internet chez les jeunes
L’utilisation d’internet chez les jeunes
Pier-Alexandre Racine
 
La communication en entreprise
La communication en entrepriseLa communication en entreprise
La communication en entreprise
Houda MEKOUAR
 
Communication entreprise
Communication entrepriseCommunication entreprise
Communication entrepriseSanaa El otmani
 
Présentation microprocesseur finale
Présentation microprocesseur finalePrésentation microprocesseur finale
Présentation microprocesseur finale
Mahmoud Masmoudi
 
Expose sur l' informatique ok
Expose sur l' informatique okExpose sur l' informatique ok
Expose sur l' informatique okNICKYKROU
 
Les avantages et inconvénients d'internet chez les jeunes
Les avantages et inconvénients d'internet chez les jeunesLes avantages et inconvénients d'internet chez les jeunes
Les avantages et inconvénients d'internet chez les jeunes
Bantu Hub
 
La communication externe
La communication externeLa communication externe
La communication externeSamia Ben Amor
 
Les enjeux stratégiques de la communication des entreprises
Les enjeux stratégiques de la communication des entreprisesLes enjeux stratégiques de la communication des entreprises
Les enjeux stratégiques de la communication des entreprisesFatima-Zohra HAMIDI
 
Exposé anglais -The internet
Exposé anglais -The internetExposé anglais -The internet
Exposé anglais -The internet
carlos jesse biahacue mercader
 
Expose sur internet
Expose sur internetExpose sur internet
Expose sur internetMehdi Hamime
 
Rôle de la communication Interne
Rôle de la communication InterneRôle de la communication Interne
Rôle de la communication Interne
CCI Loiret
 
Le microprocesseur
Le microprocesseurLe microprocesseur
Le microprocesseur
ISIG
 
La communication interne en entreprise
La communication interne en entrepriseLa communication interne en entreprise
La communication interne en entreprise
PRECILIA KASSA
 
Internet - Présentation
Internet - PrésentationInternet - Présentation
Internet - Présentation
MEMOIRE PATRIMOINE CLOHARS CARNOET
 
Communication interne entreprise
Communication interne entrepriseCommunication interne entreprise
Communication interne entreprise
LITTLE FISH
 
La communication comme levier de croissance d'une entreprise
La communication comme levier de croissance d'une entreprise La communication comme levier de croissance d'une entreprise
La communication comme levier de croissance d'une entreprise
Jérémie Burgdorfer
 

En vedette (20)

Communication interne en entreprise
Communication  interne en entrepriseCommunication  interne en entreprise
Communication interne en entreprise
 
Communication d'une entreprise barrere bergeron dubois
Communication d'une entreprise barrere bergeron duboisCommunication d'une entreprise barrere bergeron dubois
Communication d'une entreprise barrere bergeron dubois
 
Les jeunes et Internet
Les jeunes et InternetLes jeunes et Internet
Les jeunes et Internet
 
Le Micro Processeur
Le Micro ProcesseurLe Micro Processeur
Le Micro Processeur
 
L’utilisation d’internet chez les jeunes
L’utilisation d’internet chez les jeunesL’utilisation d’internet chez les jeunes
L’utilisation d’internet chez les jeunes
 
La communication en entreprise
La communication en entrepriseLa communication en entreprise
La communication en entreprise
 
Communication entreprise
Communication entrepriseCommunication entreprise
Communication entreprise
 
Présentation microprocesseur finale
Présentation microprocesseur finalePrésentation microprocesseur finale
Présentation microprocesseur finale
 
Expose sur l' informatique ok
Expose sur l' informatique okExpose sur l' informatique ok
Expose sur l' informatique ok
 
Les avantages et inconvénients d'internet chez les jeunes
Les avantages et inconvénients d'internet chez les jeunesLes avantages et inconvénients d'internet chez les jeunes
Les avantages et inconvénients d'internet chez les jeunes
 
La communication externe
La communication externeLa communication externe
La communication externe
 
Les enjeux stratégiques de la communication des entreprises
Les enjeux stratégiques de la communication des entreprisesLes enjeux stratégiques de la communication des entreprises
Les enjeux stratégiques de la communication des entreprises
 
Exposé anglais -The internet
Exposé anglais -The internetExposé anglais -The internet
Exposé anglais -The internet
 
Expose sur internet
Expose sur internetExpose sur internet
Expose sur internet
 
Rôle de la communication Interne
Rôle de la communication InterneRôle de la communication Interne
Rôle de la communication Interne
 
Le microprocesseur
Le microprocesseurLe microprocesseur
Le microprocesseur
 
La communication interne en entreprise
La communication interne en entrepriseLa communication interne en entreprise
La communication interne en entreprise
 
Internet - Présentation
Internet - PrésentationInternet - Présentation
Internet - Présentation
 
Communication interne entreprise
Communication interne entrepriseCommunication interne entreprise
Communication interne entreprise
 
La communication comme levier de croissance d'une entreprise
La communication comme levier de croissance d'une entreprise La communication comme levier de croissance d'une entreprise
La communication comme levier de croissance d'une entreprise
 

Similaire à exposé en HTML

Programmation web
Programmation webProgrammation web
Programmation web
Gaëlle Engelberts
 
Langage HTML
Langage HTMLLangage HTML
Langage HTML
kadarabdillahi125
 
hassclic284.ppt
hassclic284.ppthassclic284.ppt
hassclic284.ppt
ABDENNACEURGHANDRI1
 
La page web en html css
La page web en html cssLa page web en html css
La page web en html css
Olivier Dommange
 
Formation web
Formation webFormation web
Formation web
Stéphane BIOKOU
 
iune initiation au développement web avec des exemples pratiques .pdf
iune initiation au développement web avec des exemples pratiques .pdfiune initiation au développement web avec des exemples pratiques .pdf
iune initiation au développement web avec des exemples pratiques .pdf
mdallamohamed
 
Cours_1 - HTML5 et JS.ppt
Cours_1 - HTML5 et JS.pptCours_1 - HTML5 et JS.ppt
Cours_1 - HTML5 et JS.ppt
RihabBENLAMINE
 
html-css-casuhal.pdf
html-css-casuhal.pdfhtml-css-casuhal.pdf
html-css-casuhal.pdf
RihabBENLAMINE
 
Formation developpement web KADODJOMON EMMANUEL COULIBALY.pptx
Formation developpement web KADODJOMON EMMANUEL COULIBALY.pptxFormation developpement web KADODJOMON EMMANUEL COULIBALY.pptx
Formation developpement web KADODJOMON EMMANUEL COULIBALY.pptx
tanokouakouludovic
 
Prsentationhtml5 html5 ii twebteck
Prsentationhtml5 html5 ii twebteckPrsentationhtml5 html5 ii twebteck
Prsentationhtml5 html5 ii twebteckTECOS
 
BDW-ProgWEB_P1.pdf
BDW-ProgWEB_P1.pdfBDW-ProgWEB_P1.pdf
BDW-ProgWEB_P1.pdf
RihabBENLAMINE
 
Prsentationhtml5 html5 ii twebteck
Prsentationhtml5 html5 ii twebteckPrsentationhtml5 html5 ii twebteck
Prsentationhtml5 html5 ii twebteckTECOS
 
Outils de publication pour e-sidoc
Outils de publication pour e-sidocOutils de publication pour e-sidoc
Outils de publication pour e-sidocStéphanie Tricard
 
Conception Web Avec Dreamweaver
Conception Web Avec DreamweaverConception Web Avec Dreamweaver
Conception Web Avec Dreamweaver
davidbx
 
Outils de publication pour le CMS d'e-sidoc
Outils de publication pour le CMS d'e-sidocOutils de publication pour le CMS d'e-sidoc
Outils de publication pour le CMS d'e-sidoccdi-0450786k
 
Outils de publication pour le CMS d'e-sidoc
Outils de publication pour le CMS d'e-sidocOutils de publication pour le CMS d'e-sidoc
Outils de publication pour le CMS d'e-sidocpriscilla_mommessin
 
Atelier template
Atelier templateAtelier template
Atelier template
Pierre Sempé
 

Similaire à exposé en HTML (20)

Programmation web
Programmation webProgrammation web
Programmation web
 
Langage HTML
Langage HTMLLangage HTML
Langage HTML
 
hassclic284.ppt
hassclic284.ppthassclic284.ppt
hassclic284.ppt
 
La page web en html css
La page web en html cssLa page web en html css
La page web en html css
 
Formation web
Formation webFormation web
Formation web
 
Html
HtmlHtml
Html
 
iune initiation au développement web avec des exemples pratiques .pdf
iune initiation au développement web avec des exemples pratiques .pdfiune initiation au développement web avec des exemples pratiques .pdf
iune initiation au développement web avec des exemples pratiques .pdf
 
Cours_1 - HTML5 et JS.ppt
Cours_1 - HTML5 et JS.pptCours_1 - HTML5 et JS.ppt
Cours_1 - HTML5 et JS.ppt
 
html-css-casuhal.pdf
html-css-casuhal.pdfhtml-css-casuhal.pdf
html-css-casuhal.pdf
 
Formation developpement web KADODJOMON EMMANUEL COULIBALY.pptx
Formation developpement web KADODJOMON EMMANUEL COULIBALY.pptxFormation developpement web KADODJOMON EMMANUEL COULIBALY.pptx
Formation developpement web KADODJOMON EMMANUEL COULIBALY.pptx
 
Prsentationhtml5 html5 ii twebteck
Prsentationhtml5 html5 ii twebteckPrsentationhtml5 html5 ii twebteck
Prsentationhtml5 html5 ii twebteck
 
BDW-ProgWEB_P1.pdf
BDW-ProgWEB_P1.pdfBDW-ProgWEB_P1.pdf
BDW-ProgWEB_P1.pdf
 
Prsentationhtml5 html5 ii twebteck
Prsentationhtml5 html5 ii twebteckPrsentationhtml5 html5 ii twebteck
Prsentationhtml5 html5 ii twebteck
 
Outils de publication pour e-sidoc
Outils de publication pour e-sidocOutils de publication pour e-sidoc
Outils de publication pour e-sidoc
 
Conception Web Avec Dreamweaver
Conception Web Avec DreamweaverConception Web Avec Dreamweaver
Conception Web Avec Dreamweaver
 
Outils de publication pour le CMS d'e-sidoc
Outils de publication pour le CMS d'e-sidocOutils de publication pour le CMS d'e-sidoc
Outils de publication pour le CMS d'e-sidoc
 
Mmi Web Design P2
Mmi Web Design P2Mmi Web Design P2
Mmi Web Design P2
 
Outils de publication pour le CMS d'e-sidoc
Outils de publication pour le CMS d'e-sidocOutils de publication pour le CMS d'e-sidoc
Outils de publication pour le CMS d'e-sidoc
 
Atelier template
Atelier templateAtelier template
Atelier template
 
Chapitre1
Chapitre1 Chapitre1
Chapitre1
 

Plus de Yaya Im

Synthése de cour "Intelligence économique & veille stratégique"
Synthése de cour "Intelligence économique & veille stratégique"Synthése de cour "Intelligence économique & veille stratégique"
Synthése de cour "Intelligence économique & veille stratégique"
Yaya Im
 
Droit de travail
Droit de travailDroit de travail
Droit de travail
Yaya Im
 
Exposé OLERP RH
Exposé OLERP RHExposé OLERP RH
Exposé OLERP RH
Yaya Im
 
exposé RSE cas Metragaz
exposé RSE cas Metragazexposé RSE cas Metragaz
exposé RSE cas Metragaz
Yaya Im
 
Exposé cartographie des compétences
Exposé cartographie des compétences Exposé cartographie des compétences
Exposé cartographie des compétences
Yaya Im
 
éPreuves s7 encg tanger 2011 ( tasfem)
éPreuves s7 encg tanger 2011 ( tasfem)éPreuves s7 encg tanger 2011 ( tasfem)
éPreuves s7 encg tanger 2011 ( tasfem)
Yaya Im
 
epreuves s7 encg tanger 2012 ( tasfem)
epreuves s7 encg tanger 2012 ( tasfem)epreuves s7 encg tanger 2012 ( tasfem)
epreuves s7 encg tanger 2012 ( tasfem)
Yaya Im
 
Sociéte en commandite simple
Sociéte en commandite simpleSociéte en commandite simple
Sociéte en commandite simple
Yaya Im
 
Rapport de mini stage en logistique
Rapport de mini stage en logistiqueRapport de mini stage en logistique
Rapport de mini stage en logistiqueYaya Im
 
Rapport de mini stage génie industriel
Rapport de mini stage génie industrielRapport de mini stage génie industriel
Rapport de mini stage génie industriel
Yaya Im
 
Rapport de mini stage en publicité
Rapport de mini stage en publicitéRapport de mini stage en publicité
Rapport de mini stage en publicité
Yaya Im
 
Rapport de mini stage en force de vente
Rapport de mini stage en force de venteRapport de mini stage en force de vente
Rapport de mini stage en force de vente
Yaya Im
 
Création publicitaire
Création publicitaire Création publicitaire
Création publicitaire
Yaya Im
 
Exposé politique de communication
Exposé politique de communication Exposé politique de communication
Exposé politique de communication
Yaya Im
 
le benchmarking logistique
le benchmarking logistiquele benchmarking logistique
le benchmarking logistique
Yaya Im
 
Rapport de stage d'initiation
Rapport de stage d'initiationRapport de stage d'initiation
Rapport de stage d'initiation
Yaya Im
 
rapport de stage : Etude de comportement de consommateur envers les produits MDD
rapport de stage : Etude de comportement de consommateur envers les produits MDDrapport de stage : Etude de comportement de consommateur envers les produits MDD
rapport de stage : Etude de comportement de consommateur envers les produits MDD
Yaya Im
 
Le comportement du consommateur envers les produits de la franchise
Le comportement du consommateur envers les produits de la franchiseLe comportement du consommateur envers les produits de la franchise
Le comportement du consommateur envers les produits de la franchise
Yaya Im
 

Plus de Yaya Im (18)

Synthése de cour "Intelligence économique & veille stratégique"
Synthése de cour "Intelligence économique & veille stratégique"Synthése de cour "Intelligence économique & veille stratégique"
Synthése de cour "Intelligence économique & veille stratégique"
 
Droit de travail
Droit de travailDroit de travail
Droit de travail
 
Exposé OLERP RH
Exposé OLERP RHExposé OLERP RH
Exposé OLERP RH
 
exposé RSE cas Metragaz
exposé RSE cas Metragazexposé RSE cas Metragaz
exposé RSE cas Metragaz
 
Exposé cartographie des compétences
Exposé cartographie des compétences Exposé cartographie des compétences
Exposé cartographie des compétences
 
éPreuves s7 encg tanger 2011 ( tasfem)
éPreuves s7 encg tanger 2011 ( tasfem)éPreuves s7 encg tanger 2011 ( tasfem)
éPreuves s7 encg tanger 2011 ( tasfem)
 
epreuves s7 encg tanger 2012 ( tasfem)
epreuves s7 encg tanger 2012 ( tasfem)epreuves s7 encg tanger 2012 ( tasfem)
epreuves s7 encg tanger 2012 ( tasfem)
 
Sociéte en commandite simple
Sociéte en commandite simpleSociéte en commandite simple
Sociéte en commandite simple
 
Rapport de mini stage en logistique
Rapport de mini stage en logistiqueRapport de mini stage en logistique
Rapport de mini stage en logistique
 
Rapport de mini stage génie industriel
Rapport de mini stage génie industrielRapport de mini stage génie industriel
Rapport de mini stage génie industriel
 
Rapport de mini stage en publicité
Rapport de mini stage en publicitéRapport de mini stage en publicité
Rapport de mini stage en publicité
 
Rapport de mini stage en force de vente
Rapport de mini stage en force de venteRapport de mini stage en force de vente
Rapport de mini stage en force de vente
 
Création publicitaire
Création publicitaire Création publicitaire
Création publicitaire
 
Exposé politique de communication
Exposé politique de communication Exposé politique de communication
Exposé politique de communication
 
le benchmarking logistique
le benchmarking logistiquele benchmarking logistique
le benchmarking logistique
 
Rapport de stage d'initiation
Rapport de stage d'initiationRapport de stage d'initiation
Rapport de stage d'initiation
 
rapport de stage : Etude de comportement de consommateur envers les produits MDD
rapport de stage : Etude de comportement de consommateur envers les produits MDDrapport de stage : Etude de comportement de consommateur envers les produits MDD
rapport de stage : Etude de comportement de consommateur envers les produits MDD
 
Le comportement du consommateur envers les produits de la franchise
Le comportement du consommateur envers les produits de la franchiseLe comportement du consommateur envers les produits de la franchise
Le comportement du consommateur envers les produits de la franchise
 

exposé en HTML

  • 2. Plan  Logiciels de création site-web  Langage HTML  Historique de l’HTML  Structure d’une page HTML  Créer sa première page site-web  L’hébergement
  • 3. Logiciels HTML LES EDITEURS  Dreamweaver (éditeur : Macromedia)  GoLive (éditeur : Adobe)  FrontPage (éditeur : Microsoft) LES NAVIGATEURS  Internet Explorer  Mozilla
  • 4. Langage HTML Traduction par l’ordinateur Résultat visible sur l’écran
  • 5. et Deux langages pour créer un site web
  • 6.
  • 7. HyperText Markup Langage est la langue vivante du web, avec sa grammaire, sa syntaxe et son vocabulaire , il permet de structurer une page web à l’aide de plusieurs BALISES. Les balises traduisent: des liens Images/son/ Textes hypertextes vidéos
  • 8. HISTORIQUE mars 1989 The WWW Project Proposal L'idée de base juin 1993 HTML 1.0 draft Le premier brouillon août 1994 HTML 1.0 Version définitive 17/12/1996 CSS 1 Première tentative de séparation du fond et de la forme Fin 1999 XHTML Draft Des améliorations ajoutées à HTML
  • 9. Structure d'une page HTML <HTML> <HEAD> <TITLE> Titre de la page </TITLE> </HEAD> <BODY> </BODY> </HTML> Les fichiers HTML doivent être enregistrés avec l'extension .html ou .htm.
  • 10. De structure De formatage et mise en page De listes Les balises HTML D’images Hyperliens Tableaux
  • 11. Balises de Structure <HTML>… <HEAD>… <TITLE>… <BODY>… </HTML> </HEAD> </TITLE> </BODY>
  • 12. <B>…</B>:. Police <I>…</I> Forme <DIV ALIGN = "RIGHT">…</div > mise en forme Balises <CENTER> formatage et ….</center> mise en page <FONT texte color=‘’red’’>… </FONT> Couleur <body Arrirée plan bgcolor="red" ….</body>
  • 13. Balises de listes Listes Listes à Listes de Listes Listes numérotées puces définitions répertoires menus
  • 14. SRC Spécifie l'URL (chemin) du fichier qui contient l'image. WIDTH Spécifie la largeur de l'image en pixels. HEIGHT Spécifie la hauteur de l'image en pixels. BORDER Définit l'épaisseur du cadre de l'image ALIGN Gère l'alignement du texte adjacent à l'image VSPACE Définit l'espace qui sera réservé en haut et en bas de l'image
  • 15. Balises Hyperliens Grâce au langage HTML on peut créer un hyperlien vers : - un autre site web situé sur le Web – un autre endroit du document. – un autre fichier Html situé sur votre ordinateur.
  • 17. Un lien vers un site-web: Un lien vers une page HTML Un lien vers un document
  • 18. Balises Tableaux Première balise à connaître : <table> </table>. C'est cette balise qui permet d'indiquer le début et la fin d'un tableau. Cette balise est de type block, donc il faut la mettre en dehors d'un paragraphe.
  • 19.
  • 20. Résultat sur la page-web
  • 23. Créer sa première page site-web !!
  • 24.
  • 25.
  • 26. un hyperlien vers une page HTML
  • 27. Hyperlien vers un document
  • 31. N.B  Il faut toujours gardé au mémoire que l’html surtout (une Balise) marque une action pour le navigateur en lui montrant ce qu’il doit faire.
  • 32. L’hébergement d’un site- web  Une fois votre site « terminé », il vous faut trouver un hébergeur afin de rendre votre site visible sur le web.  L’hébergeur stocke votre site sur internet et vous attribue une adresse internet (ou URL).