Utiliser le langage HTML Transférer des fichiers sur un serveur web Mettre en forme des pages avec le CSS Internet est il dangereux ? Créer un clef usb "Lubuntu" bootable
Accueil du site | Accessibilité | Rechercher | Menu | Contenu | Plan du site | | Contact

°°TechNoLand°°

°°TechNoLand°°

 

Utiliser le langage HTML

11 octobre 2011 - Dernier ajout 11 septembre 2017
par chamayou

Comment fonctionne un site web ?

Comment réaliser un site web avec : liens, images retouchées, fond de pages, menu de navigation, lecteur multimédia...

 Découvrir le code html : Exemple de page web

- Exemple d’une page : copier/coller ce code dans un éditeur de texte et l’ouvrir avec un navigateur.

<HTML>
<HEAD><TITLE></TITLE></HEAD>
<BODY>texte simple<BR>
<B>texte en gras</B><BR>
<I>texte en italique</I><BR>
<B><I>texte en gras et en italique</I></B><BR>
<FONT SIZE=5>texte</FONT>
<FONT COLOR="#0000FF">en bleu</FONT>
<!--C'est fini-->
</BODY>
</HTML>

 Découvrir les balises :

http://chamayou.franck.free.fr/spip...

Fiche guide : Balises essentielles :
PDF - 218.1 ko
activite guidee html
PDF - 8.7 ko
balisesHTML

Les principales balises

Vidéo de démonstration

 Activité 1 : réaliser un site web simple

http://chamayou.franck.free.fr/spip...

PDF - 13.2 ko
exercice 1 : site perso

Ressource : Comment modifier les couleurs ?

http://code-couleur.com/

 Ressource : Comment insérer une vidéo ?

On peut intégrer des vidéos de youtube ou dailymotion dans une page web. Si on veut insérer la video "7pKrVB5f2W0" de la page https://www.youtube.com/watch?v=7pK... :

<object type="application/x-shockwave-flash" width="425" height="355" data="http://www.youtube.com/v/7pKrVB5f2W0">
<param name="movie" value="http://www.youtube.com/v/7pKrVB5f2W0o" />
</object>

source : http://fr.openclassrooms.com/inform...

 Ressource : Comment insérer un lecteur de musique :

On peut intégrer un lecteur de musique de Deezer. Pour intégrer l’album 465773 de la page http://www.deezer.com/fr/album/465773 :

<iframe scrolling="no" frameborder="0" allowTransparency="true" src="http://www.deezer.com/fr/plugins/player?autoplay=false&playlist=true&width=700&height=240&cover=true&type=album&id=465773&title=&app_id=undefined" width="700" height="240"></iframe>

source : http://developers.deezer.com/musicp...

http://www.w3schools.com

 Pour aller plus loin :

- Comprendre le HTML : http://www.lehtml.com/html/index.htm

- coder des caractères spéciaux : é, à, ...

http://www.designvegetal.com/gadrat/cours/informatique/html/accents.html

- Faire des tableaux

http://www.guide-code-html.com/les-tables-html.php

- Faire déplacer un texte vers la droite, la gauche...

http://www.school-of-pub.net/t3883-html-balise-marquee-pour-faire-defiler-du-texte

- Réaliser des animations flash

http://e-anim.com/index_e_anim.html

- Ajouter un jeu

http://toileval.free.fr/squash/squash.html

 Créer un site sur les métiers

PDF - 35.6 ko
sujet site metier

calle

Documents joints


youtube
PDF - 282.6 ko


PDF - 786.1 ko


PDF - 52.9 ko
calle


calle