Cours création sites web
|
|
|
- Arnaud Léonard
- il y a 8 ans
- Total affichages :
Transcription
1 COMMENT CRÉER SON PROPRE SITE WEB Version 2.12 Dernière mise à jour : 23 mai 2004 Outils Outils de base : un ordinateur, un navigateur, et un éditeur ; Il n est pas nécessaire d être connecté à Internet, ni même d avoir un modem ; Apprentissage avec un éditeur de texte : le bloc-note ; Objectifs Comprendre et apprécier le langage html ; Donner l envie d en apprendre plus sur le sujet ; Apprentissage des notions de base et des balises élémentaires ; Structuration d un site web et méthodologie ; Présentation de l information de façon claire ; Utilisation de certaines balises avancées ; Les possibilités d une page web ; Annexe : utilisation du Javascript. Références Mon scorpio@redpulsar.com Mon site web : Cours donné par David HO - page 1 - Version 2.12
2 PLAN DE LA MATIERE 1. Comment créer son propre site web page 1 a. Les objectifs du cours avec ses outils b. Mes références ( , site web) 2. Plan de la matière page 2 3. Les éditeurs page 3 a. Editeur de texte b. Editeur avancé c. Logiciel du type WYSIWYG 4. Ce qu il faut savoir page 3 a. Le navigateur b. L extention htm ou html c. Les commentaires d. Les balises obligatoires 5. Balises élémentaires page 4 a. Utilisation des balises modifiant du texte 6. Ouvrir l éditeur de texte page 4 a. Le bloc-notes 7. Quelques couleurs basiques page 4 a. Le code hexadécimal des couleurs basiques 8. Exercice sur les balises élémentaires page 5 9. L alignement du texte et des images page 6 10.Les listes page 6 a. Les listes numérotées b. Les listes non-numérotées c. Les élements de liste 11.Les liens page 6 a. Définition b. Schéma 12.Couleur d arrière plan et du texte page 7 13.Couleur des liens page 7 14.Utilisation des ancres page 7 15.Pour envoyer un page 7 16.Tracer une ligne horizontale page 7 17.Insertion d une image page 8 a. La syntaxe b. Les paramètres facultatifs 18.Lien sur image page 8 19.Balises en vrac modifiant du texte page 8 20.Les tableaux page 9 a. Définition b. Les lignes c. Les colonnes d. Exemples e. Remarques pour les avancés 21.Les frames page 10 a. Définition b. Fenêtre avec découpe horizontale c. Fenêtre avec découpe verticale d. Nommer les fenêtres e. Lien des fenêtres 22.Quelques conseils page Comment mettre son site sur Internet page 12 a. Avoir une adresse b. Etapes pour s inscrire c. Etapes pour mettre le site sur Internet 24.Solution de l exercice page 13 Cours donné par David HO - page 2 - Version 2.12
3 Pour créer une page web, on peut utiliser plusieurs sortes de logiciels : un éditeur de texte (bloc-notes) ; un éditeur avancé du code HTML (WebExpert). un logiciel du type WYSIWYG qui veut dire "What You See Is What You Get" (Dreamweaver, FrontPage, GoLive...) Les avantages sont que ces derniers ne demandent presque aucune connaissance en programmation HTML (au moins pour la réalisation d une page élémentaire) et permettent de facilement voir, à chaque étape, ce que l on fait, ce que l on modifie. Remarque : la plus petite faute d orthographe dans un éditeur de texte est synonyme de faute d e syntaxe dans la page web qui risquera d être mal affichée dans le navigateur. CE QU IL FAUT SAVOIR : Le code HTML est une suite d instructions qui a pour but de donner au navigateur des indications sur la lecture de balises et la visibilité de la page. Le navigateur permet de surfer sur le net et d afficher des pages web. Il existe plusieurs navigateurs aujourd hui : Microsoft Internet Explorer et Netscape sont les plus réputés. Le navigateur affiche le résultat de la page éditée à l écran. Afin que le navigateur reconnaisse la page que l on a créé, il faut absolument nommer la page en extension.htm ou.html (par exemple : "index.htm") Le langage HTML se compose exclusivement de balises. Lorsqu on ouvre une balise, on doit toujours la fermer. En effet, à chaque balise de début d une action, soit < > correspond une balise de fin d action </ >. Dans une page web, nous retrouvons toujours certaines balises : <html> <head> <title>cours de htm</title> </head> <body>a partir d ici commence réellement ce que le navigateur va afficher à l écran format HTML. </body> </html> La balise <html> sert à informer le navigateur qu il a affaire à un document de format HTML. o Attention : tout se qui est écrit après la balise </html> n est pas lue par le navigateur. Entre les balises <head> et </head> se trouvent toutes les informations sur la nature de la page. Les balises qui peuvent être insérées entre les balises <head> et </head> sont : o <title> et </title> le titre de la page web o <meta> et </meta> permet d introduire les mots-clés destinés aux robots de recherche sur les moteurs de recherche. o <script> et </script> se réfère au Javascript o <style> et </style> redéfinit certains paramètres d une page web, telle que la couleur des liens, la couleur de la barre verticale à droite Nous pouvons configurer la balise <body> et </body> en introduisant quelques paramètres : o <body bgcolor=white> la couleur du fond de la page. o <body bgcolor=#ffffff> la couleur du fond de la page. o <body background="fond.jpg"> on peut aussi placer une image comme fond. o <body text=yellow> la couleur du texte de la page web o <body link=red alink=orange vlink=blue> Nous avons la possibilité d utiliser des couleurs différentes pour les liens que le visiteur n a pas encore visité (link), c est-à-dire qu il n a jamais cliqué sur un lien; les liens déjà visités (alink) et le lien qui a été le dernier à être sélectionné (vlink). Cours donné par David HO - page 3 - Version 2.12
4 BALISES ELEMENTAIRES Utilisation Balise de début Balise de fin Texte GRAS <B> </B> Texte ITALIQUE <I> </I> Texte SOULIGNE <U> </U> Taille de caractère <FONT SIZE=?> </FONT> Couleur de caractère <FONT COLOR=#??????> </FONT> Passer une ligne <BR> Commentaires <!-- --> Centrer <CENTER> </CENTER> Remarque : la balise <BR> est une des s eules balise s qui ne requiert pas de balis e de fin Remarque : Pour qu un texte soit affecté d une balise, il faut que ce texte soit entouré de la balise de début et de la balise de fin. Par exemple, pour un texte en gras : Ici le texte n est pas en gras <B>Ici le texte en gras</b> Ici le texte n est pas en gras OUVRIR L EDITEUR DE TEXTE (bloc-notes) Ne pas utiliser d accents, ni d espace, ni de caractères spéciaux pour le nom du fichier! Ouvrir le bloc-notes et écrire les codes html suivants : <HTML> <HEAD><TITLE>Ma première page web</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=3>texte</FONT> <FONT COLOR=#0000FF>texte en bleu</font> </BODY> </HTML> Enregistrer le document avec l extension.htm, et sélectionner "tous" pour le type. QUELQUES COULEURS BASIQUES Les couleurs en HTML s expriment en codes hexadécimaux. Ils se présentent toujours avec le symbole # suivi de 6 caractères (chiffres ou lettres). Couleur désirée Code de la couleur Bleu (blue) #0000FF Vert (green) #00FF00 Blanc (white) #FFFFFF Violet (purple) #8000FF Rouge (red) #FF0000 Noir (black) # Jaune (yellow) #FFFF00 Brun # Rose #FF00FF Gris clair #C0C0C0 Orange #FF9900 Remarque : si l on ne veut pas mettre le c ode de la couleur, la couleur désirée doit être obligatoirement être écrite en anglai s ET en un seul mot. Remarque : la couleur en anglais peut être claire ou foncée, en anglais on ajoute le préfixe "light" ou "dark" devant le nom de la couleur (par exempl e : darkblue, lightred) Remarque : dans le code de la couleur, ce sont tous des zéros ("0") et non pas des "o" minuscules ou "O" majuscule. Cours donné par David HO - page 4 - Version 2.12
5 EXERCICE Réaliser votre première page intitulée "Ma première page web" en y indiquant un certain nombre d informations élémentaires, et en utilisant toutes les balises apprises jusqu à maintenant (voir la page 3). Voici quelques idées pour le contenu de votre page web: Nom Prénom Age Date de naissance Lieu de naissance Adresse Mon école Mon sport favori Mes loisirs Mes animaux de compagnie Mon chanteur ou chanteuse préféré(e) Mon acteur ou actrice préféré(e) Mon Mes hobbies La ville (le pays) où je suis né Mon film préféré Mes qualités et mes défauts Mes dernières vacances à Mes projets de vacances Ce que j aime Ce que je déteste Durant mes temps de loisirs, je Etc Voici un petit aperçu de ce que l on pourrait obtenir : David HO Texte en gras et de taille 5 Je suis né à Bruxelles Texte en italique et de couleur rouge J habite à Jette Texte en italique et de couleur rouge Et j ai 21 ans Texte normal de couleur rouge (passer une ligne) (passer une ligne) Mes hobbies sont : Texte souligné et en gras Être devant mon ordinateur Texte de couleur bleue Aller au cinéma Texte de couleur bleue Sortir avec mes copains Texte de couleur bleue (passer une ligne) J aime écouter de la techno Texte normal Je n aime pas faire la vaisselle Texte normal Remarque : ne pas oublier de "passer une ligne " après chaque information en utilis ant la balise <BR>. Solution : voir page 13 Cours donné par David HO - page 5 - Version 2.12
6 L ALIGNEMENT Pour aligner du texte ou une image, nous pouvons utiliser la balise <DIV> et </DIV>. Utilisation Balise de début Balise de fin Aligner à gauche de la page <DIV align=left> </DIV> Aligner au milieu de la page <DIV align=center> </DIV> Aligner à droite de la page <DIV align=right> </DIV> Remarque : la balise <DIV align=center> a le même résultat que la balise <CENTER>. LES LISTES Utilisation Balise de début Balise de fin Liste numérotée <OL> </OL> Liste non-numérotée <UL> </UL> Elément de liste <LI> </LI> Paragraphe <P> </P> La balise <LI> doit être insérée entre une balise <OL> et </OL>, ou une balise <UL> et </UL>. La balise <P> permet d aller à la ligne ET de passer une ligne. Voici un exemple de liste numérotée : <OL>Chapître <LI>Les animaux <LI>Les humains <LI>Conclusion </OL> LES LIENS <A HREF="fichiercible.htm">mot-hyper-lien</A> mot-hyper-lien = un ou des mots de la page qui seront soulignés et mis dans une couleur spécifique (par défaut c est le bleu). Lorsqu on amène le curseur sur ce(s) mot(s), ce curseur prend la forme d une main ; si l on clique sur ce(s) mot(s), l ordinateur va automatiquement afficher le fichier "fichiercible.htm" dans le navigateur. Remarque : le fichier "fichiercible.htm" doit avoir été créé auparavant. Le fichier index.htm <A HREF="hobbies/htm"> Mes hobbies</a> Le résultat affiché dans le navigateur Mes hobbies Le fichier hobbies.htm Le résultat affiché dans le navigateur - Mon ordinateur - Mon ordinateur - Aller au cinéma - Aller au cinéma Logiquement à la fin de ce fichier, on doit trouver un lien permettant de retourner à la page principale : <A HREF="index.htm"> RETOUR A LA PAGE INDEX</A> RETOUR A LA PAGE INDEX Cours donné par David HO - page 6 - Version 2.12
7 COULEUR D ARRIERE PLAN ET DU TEXTE <BODY BGCOLOR=#??????> au lieu d utiliser un code hexadécimal, on peut donner le nom d une couleur (en anglais bien entendu). Par exemple : <BODY BGCOLOR=gold> <BODY BACKGROUND="image.jpg"> on peut utiliser une image qui sera le fond de la page web ; ne pas oublier les guillemets ici. <BODY TEXT=red> tous les textes dans la page seront de couleur rouge ; mais la balise <FONT COLOR=blue> dans la même page, a priorité. <BODY BGCOLOR=green TEXT=green> tout à fait correct mais le texte sera invisible. COULEUR DES LIENS A déterminer avec la balise BODY. <BODY LINK=blue VLINK= green ALINK=black> LINK= couleur de lien VLINK= lien visité ALINK= lien actif Mais attention, les paramètres définis au niveau du navigateur peuvent être différents et avoir la priorité. Le tout est de ne jamais avoir une couleur d un texte identique à la couleur de fond d écran. UTILISATION DES ANCRES Sur la même page : Pour créer un lien et appeler vers une cible <A HREF="#nomdelacible">aller à la cible</a> et plus loin dans la page (ou avant) <A NAME="nomdelacible">Voici la cible</a> Remarque : Ces balises s utilisent lorsque l on a une page web qui fait 6000 lignes de texte par exemple. POUR ENVOYER UN Pour que les visiteurs puissent vous envoyer un e- mail à partir de votre page : <A HREF=" mailto:mon_adresse_ @yahoo.com">nom du destinataire</a> TRACER UNE LIGNE HORIZONTALE <HR color=red size=2 align=center width=100%></hr> Remarque: cette balis e a le même résultat que l exemple n 1. Exemple n 1 : <HR></HR> les paramètres utilisés sont les valeurs par défaut) Exemple n 2 : <HR color=blue size=15 align=left width=30%></hr> Cours donné par David HO - page 7 - Version 2.12
8 INSERTION D UNE IMAGE <IMG SRC="photodeclasse.jpg"> affiche l image qui se trouve à l adresse entre guillemets. Les paramètres facultatifs sont : alt=" " Affiche un texte lorsqu on laisse le curseur de la souris sur l image width=? Largeur de l image (en pixels) height=? Hauteur de l image (en pixels) border=? Crée une bordure autour de l image (en pixels) align=top Alignement de l image par rapport au texte de la page web (haut) align=middle " (milieu) align=bottom " (bas) align=left " (gauche) align=right " (droite) Voici un exemple : <IMG SRC="vacances.jpg" width=300 height=150 border=1 align=left> Remarque : si vous voulez que l image soit affichée à sa taille réelle, il suffit d enlever les paramètres width et height. Remarque : la balise <IMG> est une des seules balises qui ne requiert pas de balise de fin. LIEN SUR IMAGE <A HREF="fichiercible.htm"><IMG SRC="image.jpg"></A> Remarquons ici que les images cliquables sont entourées d une bordure de la couleur de LINK. On peut bien sûr combiner un texte avec son image comme lien. Par exemple : <A HREF="photosvacances.htm"> Voici mes photos de vacances<br> <IMG SRC="photo.jpg"></A> A vous de décider maintenant quels seront les textes ou/et les images à mettre un lien vers d autres pages. BALISES EN VRAC La balise <PRE> et </PRE> affiche un texte dit pré-formaté. Le navigateur prend ainsi en compte tous les espaces et les sauts de lignes définis dans l éditeur (bloc-notes). La balise <STRIKE> et </STRIKE> permet de barrer un texte. Les balises o <H1> et </H1> affiche un texte dans sa plus grande taille ; o <H2> et </H2> affiche un texte de grande taille ; o <H3> et </H3> affiche un texte de taille moyenne ; o <H4> et </H4> affiche un texte de taille normale ; o <H5> et </H5> affiche un texte de petite taille ; o <H6> et </H6> affiche un texte dans sa plus petite taille ; ont le même résultat que la balise <FONT SIZE=?> et </FONT>. La balise <SUB> et </SUB> affiche un texte en indice (par exemple : ceci est en indice). La balise <SUP> et </SUP> affiche un texte en exposant (par exemple : en exposant ). ceci est Cours donné par David HO - page 8 - Version 2.12
9 LES TABLEAUX Voici un exemple d affichage d un tableau dans le navigateur : HORAIRE Lundi Mardi Mercredi Jeudi Vendredi 8h30-9h30 Français Math Informatique Néerlandais Français 9h30-10h30 Français Géographie Musique Anglais Sciences Etc Remarque : Un tableau est composé de plusieurs lignes et plusieurs colonnes, chaque ligne ou chaque colonne est composée de plusieurs cellules. Ainsi, la 3 ème ligne de la colonne "Mardi" nous indique "Géographie". Pour créer un tableau simple, voici les balises à mettre d office : <TABLE> <TR> <TD></TD> </TR> </TABLE> Explications : <TABLE> et </TABLE> pour créer un tableau. <TR> et </TR> pour créer une ligne. <TD> et </TD> pour créer une colonne. Les paramètres facultatifs de la balise <TABLE> et </TABLE> sont : border=? Crée une bordure autour du tableau avec une certaine épaisseur. cellspacing=? Défini l épaisseur du quadrillage intérieur. cellpadding=? Défini la distance entre le texte de chaque cellule et le cadre de la cellule. width=?% Défini la largeur du tableau par rapport à l écran, en pourcentage. bgcolor=#?????? Défini la couleur de fond du tableau. Les paramètres facultatifs de la balise <TD> et </TD> sont : width=?% Défini la largeur de la cellule par rapport à la largeur du tableau. bgcolor=#?????? Défini la couleur de fond de la cellule. Voici un exemple : <TABLE bgcolor=gold border=2 cellspacing=4 cellpadding=8 width=82%> <TR> <TD bgcolor=red width=18%>horaire</td> <TD width=12%>lundi</td> <TD width=12%>mardi</td> <TD width=12%>mercredi</td> <TD width=12%>jeudi</td> <TD width=12%>vendredi</td> </TR> </TABLE> Remarque pour les avancés : La somme des % des collules d une rangée ne peut pas dépasser le % de la largeur du tableau (sinon la largeur des cellules est ignorée). Les % des largeurs des cellules sont calculés proportionnellement à la largeur du tableau. Ainsi, <TD width=20%>aaa</td><td width=10%>bbb</td><td width=10%>ccc</td> et <TD width=2%>aaa</td><td width=1%>bbb</td><td width=1%>ccc</td> donneront le même affichage. Cours donné par David HO - page 9 - Version 2.12
10 LES FRAMES C est le découpage de l écran en plusieurs parties : des fenêtres horizontales (en lignes) ou verticales (en colonnes). L utilisation la plus courante est de placer le menu dans une fenêtre à gauche sur ¼ de la largeur de l écran et les contenus dans une fenêtre à droite sur les ¾ restants de l écran. Cela donne approximativement ceci : MENU PRINCIPAL Bienvenue sur mon site web!! Lien n 1 Lien n 2 Blablabla Lien n 3 Retour à la page principale Attention, la balise <FRAMESET> et </FRAMESET> remplace <BODY> et </BODY> <html> <head><title>titre de la page</title></head> <frameset cols="30%,70%"> <frame src="gauche.htm" name="gauche"> <frame src="droite.htm" name="droite"> </frameset> </html> Remarque : la balise <FRAME> est une des seules balise s qui ne requiert pas de balise de fin. <FRAMESET ROWS="15%,75%,10%"></FRAMESET> découpe l écran en 3 bandes horizontales selon les valeurs indiquées. Cela donne approximativement ceci : menu.htm index.htm bas.htm <FRAMESET COLS="25%,75%"></FRAMESET> découpe l écran en 2 bandes verticales selon les valeurs indiquées. Cela donne approximativement ceci : menu.htm index.htm Nommer les fenêtres : Pour pouvoir circuler d une fenêtre à l autre, il est nécessaire de donner un nom à chaque fenêtre (attention, ce n est pas le nom du fichier). Exemple : <FRAME SRC="gauche.htm" NAME="gauche"> <FRAME SRC="droite.htm" NAME="droite"> dans la première fenêtre qui fait 25%, j insère "gauche.htm" et j appelle cette fenêtre "gauche" ; et même technique pour la seconde fenêtre. Lien des fenêtres : Maintenant, lorsque je crée un lien, je décide de l envoyer dans la fenêtre de gauche ou de droite. Exemple : <A HREF="droite.htm" TARGET="droite">photos de mes vacances</a> commande à placer évidemment dans le fichier "gauche.htm" ; quand je clique sur le mot lien "photos de mes vacances", je provoque l affichage de "droite.htm" dans la fenêtre de droite. Cours donné par David HO - page 10 - Version 2.12
11 QUELQUES CONSEILS 1. Bien vérifier s il n a pas de fautes d orthographe : il n y a rien de pire à un lecteur que de lire un texte bourré de fautes d orthographe. 2. Est-ce que toutes les images sont-elles présentes dans mes pages web? 3. Est-ce que tous mes liens fonctionnent-ils? 4. Eviter de mettre trop d information dans la même page, et créer plusieurs pages pour distinguer les catégories différentes du sujet. 5. Prévoir dans chaque page un lien vers la page d accueil ou la page d index. 6. Mettre un titre à chaque page web. 7. Ne pas exagérer la taille des images : limiter la taille des images. 8. Ne pas jouer avec trop de couleurs différentes : 3 ou 4 couleurs différentes suffisent dans une seule page web. 9. Les informations décrites sur votre page web sont-elles correctes? 10. Est-ce que le titre résume t-il bien le contenu de vos pages? 11. Ne jamais mettre d accent, ni de caractères spéciaux, ni d espaces dans le nom d un fichier d une page web. 12. Enfin, soignez vos pages web pour qu elles donnent l envie aux visiteurs intéressés d aller plus loin dans votre site. Cours donné par David HO - page 11 - Version 2.12
12 COMMENT METTRE SON SITE SUR INTERNET Avant toute chose, avoir une adresse (si vous n en avez pas, créez en une : par par exemple). Etapes pour s'inscrire (une seule fois à faire) : Aller sur Cliquer sur [s'inscrire] Cliquer sur [accepter] Choisir un identifiant : votre nom ou surnom... (Attention, ne pas mettre d'accents, ni d'espace, ni de caractères spéciaux) Choisir un mot de passe (Attention aux majuscules et aux minuscules) Introduisez votre Compléter le reste du formulaire à votre guise (Vous n'êtes pas obligé de mettre vos vraies coordonnées, ni de vraies infos) Puis cliquer sur [s'inscrire] Si l on vous dis que votre identifiant est incorrect, veuillez choisir un autre (par exemple, ajoutez un chiffre après votre nom ou surnom) Si votre identifiant et votre mot de passe sont valides, veuillez noter l'identifiant et le mot de passe sur une feuille de papier (ne le perdez pas) Ensuite vous recevrez automatiquement un de confirmation (allez vérifier votre pour ouvrir l de confirmation) ; il y a un lien, cliquez-le une seule fois Une nouvelle fenêtre va apparaître, entrez votre mot de passe 2 fois, ensuite cliquez sur [Valider] Votre page web sera désormais : Etapes pour mettre votre site sur Internet (upload): Aller sur Cliquer sur [Mon compte] Introduire votre identifiant et votre mot de passe, ensuite cliquer sur [Valider] Cliquer sur [WebFTP] (à droite de la page), une nouvelle fenêtre va apparaître : c'est le contenu de votre site Si c'est la première fois que vous accédez à cette page (sinon passez cette étape) : o o il y a normalement un fichier qui se nomme [index.html], cliquez une seule fois dessus pour qu'il devienne de couleur orange, et cliquez sur [Supprimer]. En effet, ce fichier n est pas à vous. Vous devez l effacer, attention pour la suite : ne pas effacer index.htm!! o cliquez [ok] pour la confirmation Ensuite, cliquez sur [Charger], cliquez sur [Parcourir] et choisissez le fichier que vous voulez mettre sur Internet, et recommencez cette étape à chaque fichier différent jusqu à ce que tous vos fichiers soient affichés dans la fenêtre. Aller tout en bas pour cliquer sur [Charger] Attendre (Ca peut prendre un certain temps, il faut être patient) Voilà, normalement la page affiche tous les fichiers que vous avez déjà mis sur Internet C'est fini, vous pouvez enfin montrer votre site à vos amis et à vos parents!! Cours donné par David HO - page 12 - Version 2.12
13 SOLUTION DE L EXERCICE Bien essayé, mais je ne te donne pas la solution avant que tu n aies pas essayé d abord. Voici quelques autres aides si tu ne t en sors pas : Regarde dans la page 3, quelles sont d abord les "balises" que tu dois toujours mettre dans une page web. Ensuite tape ton texte, puis selon que tu veuilles le mettre en gras, souligné tu l appliques avec les "balises élémentaires" en page 4. Un exemple avec chaque balise différente est donné à la page 4 "Ouvrir l éditeur de texte". Pour les couleurs, tu peux soit mettre la couleur désirée en anglais (mais tu dois la connaître), soit tu mets la couleur correspondante au code hexadécimal (voir page 4 "Quelques couleurs basiques"). Cours donné par David HO - page 13 - Version 2.12
14 SOLUTION DE L EXERCICE <html> <head> <title>titre</title> </head> <body> <font size=5><b>david HO</b></font><br> <font color=red><i>je suis né à Bruxelles</i></font><br> <font color=red><i>j'habite à Jette</i></font><br> <font color=red>et j'ai 21 ans</font><br> <br> <b><u>mes hobbies sont :</u></b><br> <font color=blue>etre devant mon ordinateur</font><br> <font color=blue>aller au cinéma</font><br> <font color=blue>sortir avec mes copains</font><br> <br> J'aime écouter de la techno<br> Je n'aime pas faire la vaisselle<br> </body> </html> Cours donné par David HO - page 14 - Version 2.12
Bernard Lecomte. Débuter avec HTML
Bernard Lecomte Débuter avec HTML Débuter avec HTML Ces quelques pages ont pour unique but de vous donner les premiers rudiments de HTML. Quand vous les aurez lues, vous saurez réaliser un site simple.
Introduction à Expression Web 2
Introduction à Expression Web 2 Définitions Expression Web 2 est l éditeur HTML de Microsoft qui répond aux standard dew3c. Lorsque vous démarrez le logiciel Expression Web 2, vous avez le choix de créer
Utilisation de l éditeur.
Utilisation de l éditeur. Préambule...2 Configuration du navigateur...3 Débloquez les pop-up...5 Mise en évidence du texte...6 Mise en évidence du texte...6 Mise en page du texte...7 Utilisation de tableaux....7
Tapez le titre de la page «BASTIA ville méditerranéenne», puis allez deux fois à la ligne à l aide de la touche Entrée.
Créer un site Internet à l aide du logiciel NVU Le logiciel NVU, permet l édition Wysiwyg (What You See, Is What You Get, ce que vous voyez, est ce que vous obtenez ) d un site internet. Vous rédigez le
3. RÉALISATION ET QUALIFICATION D UN PROTOTYPE 3.1 Réalisation d un prototype CRÉATION D UNE PAGE WEB STATIQUE AU FORMAT HTML
Page:1/20 CRÉATION D UNE PAGE WEB STATIQUE AU FORMAT HTML Objectifs de l activité pratique : Notions sur le HTML, le WEB et le W3C Créer une page web statique au format HTML : - les marqueurs ou balises
KompoZer. Composition du site : _ une page d'accueil : index.html. _ une page pour la théorie : theorie.html. _ une page pour les photos : photos.
KompoZer Créer un site «simple» Composition du site : _ une page d'accueil : index.html _ une page pour la théorie : theorie.html _ une page pour les photos : photos.html _ une page avec la galerie : galerie.html
HTML. Notions générales
1 HTML Le langage HTML est le langage de base permettant de construire des pages web, que celles-ci soient destinées à être affichées sur un iphone/android ou non. Dans notre cas, HTML sera associé à CSS
Publier dans la Base Documentaire
Site Web de l association des ingénieurs INSA de Lyon Publier dans la Base Documentaire Remarque : la suppression des contributions n est pas possible depuis le Front-Office. lbuisset Page 1 18/09/2008
Publier un Carnet Blanc
Site Web de l association des ingénieurs INSA de Lyon Publier un Carnet Blanc Remarque : la suppression des contributions n est pas possible depuis le Front-Office. lbuisset Page 1 18/09/2008 Publication,
La Clé informatique. Formation Excel XP Aide-mémoire
La Clé informatique Formation Excel XP Aide-mémoire Septembre 2005 Table des matières Qu est-ce que le logiciel Microsoft Excel?... 3 Classeur... 4 Cellule... 5 Barre d outil dans Excel...6 Fonctions habituelles
.. CSS. Damien Nouvel. Damien Nouvel (Inalco) CSS 1 / 15
.. CSS Damien Nouvel Damien Nouvel (Inalco) CSS 1 / 15 Feuilles de styles Plan 1. Feuilles de styles 2. Sélecteurs 3. Attributs Damien Nouvel (Inalco) CSS 2 / 15 Feuilles de styles Déportation des styles
1 CRÉER UN TABLEAU. IADE Outils et Méthodes de gestion de l information
TP Numéro 2 CRÉER ET MANIPULER DES TABLEAUX (Mise en forme, insertion, suppression, tri...) 1 CRÉER UN TABLEAU 1.1 Présentation Pour organiser et présenter des données sous forme d un tableau, Word propose
LES GRANDES ETAPES DE CREATION D UN WEB DESIGN
LES GRANDES ETAPES DE CREATION D UN WEB DESIGN PENSER LA STRUCTURE ET LE THEME DU SITE STRUCTURE ET THEME DU SITE Taille (le site sera-t-il extensible ou fixe?) Organisation Thème Couleurs Illustrations
MAILING KOMPOZER... 2 CREEZ UNE PAGE... 2 FORMAT DE LA PAGE... 2 AJOUTER DU TEXTE SUR UNE PAGE... 4
MAILING Table des matières KOMPOZER... 2 CREEZ UNE PAGE... 2 FORMAT DE LA PAGE... 2 AJOUTER DU TEXTE SUR UNE PAGE... 4 INSERER UNE IMAGE (OU UNE PHOTO) PAS DE COPIER / COLLER... 5 INSERER UN TABLEAU...
AGASC / BUREAU INFORMATION JEUNESSE 06700 Saint Laurent du Var Tel : 04.93.07.00.66 bij@agasc.fr www.agasc.fr. Word: Les tableaux.
Word: Les tableaux Introduction 6 ième partie Il est préférable par moments de présenter de l'information sous forme de tableau. Les instructions qui suivent démontrent comment créer un tableau et comment
Guide de réalisation d une campagne e-mail marketing
Guide de réalisation d une campagne e-mail marketing L ère des envois d e-mails en masse est révolue! Laissant la place à une technique d e-mail marketing ciblé, personnalisé, segmenté et pertinent. La
Prise en main rapide
Prise en main rapide 4 Dans cette leçon, vous découvrirez les fonctionnalités de création de page web de Dreamweaver et apprendrez à les utiliser dans l espace de travail. Vous apprendrez à : définir un
Votre site Internet avec FrontPage Express en 1 heure chrono
1.1. Précautions préliminaires Votre site Internet avec FrontPage Express en 1 heure chrono Le contenu de ce site n'est pas très élaboré mais il est conçu uniquement dans un but pédagogique. Pour débuter,
E-MAILING & NEWSLETTER NEWSLETTER RESPONSIVE
E-MAILING & NEWSLETTER NEWSLETTER RESPONSIVE mcbenveniste@gmail.com 09/2013 E-MAILING & NEWSLETTER L e-mailing consiste à envoyer des emails simultanément à un nombre important de destinataires dont le
Création WEB avec DreamweaverMX
Creation Web avec DreamweaverMX MX Initiation Sommaire.preparation.mise en forme.liens hypertextes.images.liens sur images.images avec zones sensibles.images survolees.liens de type courriel.apercu dans
GUIDE D UTILISATION DU BACKOFFICE
GUIDE D UTILISATION DU BACKOFFICE 1. Modifier les pages du site : - Aller dans l onglet «PAGE HTML», puis «Liste des pages HTML» - Pour visualiser votre page, cliquer sur le nom écrit en vert, dans la
145A, avenue de Port Royal, Bonaventure (Québec) G0C 1E0 Sans frais : 1 888 765 4636 www.solutioninfomedia.com
Guide de l utilisateur CMS 1 Navigation dans le CMS... 2 1.1 Menu principal... 2 1.2 Modules tableau... 3 1.3 Modules formulaire... 5 1.4 Navigation dans le site Web en mode édition... 6 2 Utilisation
Mon aide mémoire traitement de texte (Microsoft Word)
. Philippe Ratat Mon aide mémoire traitement de texte (Microsoft Word) Département Ressources, Technologies et Communication Décembre 2006. Sommaire PRÉSENTATION DU DOCUMENT 1 Objectif principal 1 Deux
Initiation à html et à la création d'un site web
Initiation à html et à la création d'un site web Introduction : Concevoir un site web consiste à définir : - l'emplacement où ce site sera hébergé - à qui ce site s'adresse - le design des pages qui le
VOCABULAIRE LIÉ AUX ORDINATEURS ET À INTERNET
VOCABULAIRE LIÉ AUX ORDINATEURS ET À INTERNET Brancher / débrancher l ordinateur de la prise Allumer / éteindre l ordinateur : pour allumer ou éteindre l ordinateur vous devez appuyer sur le bouton On/off
Manuel de mise en page de l intérieur de votre ouvrage
Manuel de mise en page de l intérieur de votre ouvrage Merci de suivre strictement les recommandations de ce manuel qui a pour but de vous aider à préparer un livre dont la qualité de mise en page est
Notes pour l utilisation d Expression Web
EICW Formation Webmaster Notes pour l utilisation d Expression Web G. Barmarin 2008-2009 1 /21 Table des matières 1 Introduction... 3 2 Installer Expression Web... 4 3 Explorer et personnaliser l interface
Consignes générales :
PROCÉDURE POUR DÉPÔT DANS WEBCT Consignes générales : 1) Il est important de toujours conserver une copie de votre Webfolio ou Dossier professionnel sur votre disquette, clé USB ou sur votre disque dur
GUIDE Excel (version débutante) Version 2013
Table des matières GUIDE Excel (version débutante) Version 2013 1. Créer un nouveau document Excel... 3 2. Modifier un document Excel... 3 3. La fenêtre Excel... 4 4. Les rubans... 4 5. Saisir du texte
AGASC / BUREAU INFORMATION JEUNESSE 06700 Saint Laurent du Var - E mail : bij@agasc.fr / Tel : 04.93.07.00.66 CONSIGNE N 1 :
CONSIGNE N 1 : Rédiger puis envoyer un nouveau message La fenêtre de la boîte de messagerie s affiche Cliquer sur «Ecrire» ou «Nouveau message» pour ouvrir cette nouvelle fenêtre. Ensuite, suivre cette
Manuel v. 6sV Simplement surfer. Simplement cliquer. Simplement bloguer.
Manuel v. 6sV Simplement surfer. Simplement cliquer. Simplement bloguer. Sommaire 1. Se loguer 2. Ta place de travail (Tableau de bord) 3. Créer ton article 3.1«Ajouter» un article 3.2 Ta feuille de papier
Afin d accéder à votre messagerie personnelle, vous devez vous identifier par votre adresse mail et votre mot de passe :
1 CONNEXION A LA MESSAGERIE ZIMBRA PAR LE WEBMAIL Ecran de connexion à la messagerie Rendez vous dans un premier temps sur la page correspondant à votre espace webmail : http://webmailn.%votrenomdedomaine%
Optimiser pour les appareils mobiles
chapitre 6 Optimiser pour les appareils mobiles 6.1 Créer un site adapté aux terminaux mobiles avec jquery Mobile... 217 6.2 Transformer son site mobile en application native grâce à PhoneGap:Build...
INTRODUCTION AU CMS MODX
INTRODUCTION AU CMS MODX Introduction 1. Créer 2. Organiser 3. Personnaliser UNE PETITE INTRODUCTION QUEST-CE QU UN CMS? CMS est l acronyme de Content Management System. C est outil qui vous permet de
Traitement de texte : Quelques rappels de quelques notions de base
Traitement de texte : Quelques rappels de quelques notions de base 1 Quelques rappels sur le fonctionnement du clavier Voici quelques rappels, ou quelques appels (selon un de mes profs, quelque chose qui
Normes techniques 2011
Normes techniques 2011 Display classique Formats Livrables Footer p 2 p 3 p 4 Opérations spéciales Publi-rédactionnel Jeu concours Quiz Lien partenaire Habillage Accueil panoramique Sponsoring de rubrique
Tutoriel BLOGGER. Pour vous donner une idée, voici un exemple de blog : http://formationlaragne.blogspot.fr/
Tutoriel BLOGGER Blogger est un outil Google gratuit de publication de blogs qui permet de partager du texte, des photos et des vidéos. C est un outil simple, bénéficiant du référencement de Google, ce
Un mini-site internet en une après-midi
Prérequis Posséder un ordinateur équipé d un logiciel pour écrire des fichiers texte simples, (SimpleText, BlocNotes, etc...), d un logiciel de Navigation Internet (InternetExplorer, Netscape, Mozilla,
Date M.P Libellé Catégorie S.Catégorie Crédit Débit Solde S.B
Excel : Réalisation d un classeur Compta Saisir les étiquettes Renommer la première feuille Compta Laisser la première ligne vide et sur la deuxième ligne saisir les étiquettes Se placer sur A2 et saisir
Tutoriel : Feuille de style externe
Tutoriel : Feuille de style externe Vous travaillerez à partir du fichier cerise.htm que vous ouvrirez dans NVU. Commencez par remplacer le contenu de la balise Title par : Comment débuter une recherche?
EXCEL TUTORIEL 2012/2013
EXCEL TUTORIEL 2012/2013 Excel est un tableur, c est-à-dire un logiciel de gestion de tableaux. Il permet de réaliser des calculs avec des valeurs numériques, mais aussi avec des dates et des textes. Ainsi
Formation HTML / CSS. ar dionoea
Formation HTML / CSS ar dionoea le HTML Hyper Text Markup Language langage descriptif composé de balises interprété par le navigateur page HTML = simple fichier texte (bloc notes, vim,...) les déclarations
Création d un site Internet
Création d un site Internet Weebly.com Johanne Raymond Collège Lionel Groulx, mai 2010 Service du soutien à l enseignement et Plan de réussite Ouvrir un compte sur Weebly... 1 Modifier le modèle... 2 Ajouter
Guide d utilisation des services My Office
Guide d utilisation des services My Office Note importante : La version de ce guide d utilisation ne s applique qu à l interface RIA (Web 2.0) de My Office. Une section supplémentaire concernant l interface
COTISANT AU RÉGIME GUIDE D ACCÈS AU COMPTE
COTISANT AU RÉGIME GUIDE D ACCÈS AU COMPTE EN LIGNE RÉGIMES DE RETRAITE COLLECTIFS OFFERTS PAR CO-OPERATORS Notre service à la clientèle est à votre entière disposition pour répondre à vos questions sur
Le service de création de site Internet : Mode d emploi. La Création de Site Internet
Le service de création de site Internet : Mode d emploi Sommaire 1) Comment se connecter à votre interface client? 2) Comment démarrer la création de votre site Internet? 3) Comment gérer les pages de
Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation.
1 Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation. Voici un mode opératoire qui vous guidera dans l utilisation de
CMS Modules Dynamiques - Manuel Utilisateur
CMS Modules Dynamiques - Manuel Utilisateur 1. Introduction Le modèle CMS Le modèle des «Content Management Systems» proposé par MUM est un type particulier de sites web dynamiques, ayant comme avantage
COURS WINDEV NUMERO 3
COURS WINDEV NUMERO 3 01/02/2015 Travailler avec un fichier de données Etude du gestionnaire d analyse, Manipulation des tables mémoires, Manipulation de données, Création d états, Pré requis : Cours WinDev
Séance d ED n 5 : HTML et JavaScript
Séance d ED n 5 : HTML et JavaScript EXERCICE 1 1) le but de cet exercice est de construire l'interface suivante en html: une réponse : 1)
Haute Ecole Robert Schuman Département Pédagogique Section Instituteur Primaire
Haute Ecole Robert Schuman Département Pédagogique Section Instituteur Primaire Juin 2005 Travail de fin d études présenté par RB en vue de l obtention du diplôme d instituteur primaire 1 Haute Ecole Robert
Formation > Développement > Internet > Réseaux > Matériel > Maintenance
Formation > Développement > Internet > Réseaux > Matériel > Maintenance SOMMAIRE 1. ACCEDER A L'INTERFACE D'ADMINISTRATION...5 1.1. Le navigateur... 5 1.2. L'interface d'administration... 5 2. METTRE
La saisie d un texte
La saisie d un texte On utilise le clavier pour la saisie des textes. C est une partie importante du travail. Il est indispensable de respecter un certain nombre de règles pour que le travail soit plus
Infolettre #18 : Les graphiques avec Excel 2010
Infolettre #18 : Les graphiques avec Excel 2010 Table des matières Introduction... 1 Hourra! Le retour du double-clic... 1 Modifier le graphique... 4 Onglet Création... 4 L onglet Disposition... 7 Onglet
MO-Call pour les Ordinateurs. Guide de l utilisateur
MO-Call pour les Ordinateurs Guide de l utilisateur Sommaire MO-CALL POUR ORDINATEURS...1 GUIDE DE L UTILISATEUR...1 SOMMAIRE...2 BIENVENUE CHEZ MO-CALL...4 MISE EN ROUTE...5 CONNEXION...5 APPELS...7 COMPOSITION
HMTL. Exemple de fichier HTML. Structure d un document HTML. Exemple de fichier HTML. Balises HTML. IFT1147 Programmation Serveur Web avec PHP
IFT1147 Programmation Serveur Web avec PHP Un bref survol du langage HTML HMTL HTML: Hypertext Markup Language HTML est essentiellement un langage de description de structure de document (par exemple titre,
Centre de formation: Collège IBN BASSAM - TEMARA. Ce cours est proposé par le professeur d informatique:
Centre de formation: Collège IBN BASSAM - TEMARA Ce cours est proposé par le professeur d informatique: ABDALLAH RAKKANE Chapitre Page Initiation au système d exploitation: Windows. 2 Initiation au Traitement
TD HTML AVEC CORRECTION
TD HTML AVEC CORRECTION On utilisera Notepad++ comme éditeur sur Windows Vous créez un répertoire www sous vos répertoires personnels et vous mettrez vos pages dedans. Créez vos fichiers HTML et n oubliez
Soyez accessible. Manuel d utilisation du CMS
Soyez accessible. Manuel d utilisation du CMS Nameo : mode d emploi Nameo est une agence web basée en Alsace, à Strasbourg. Son champ d action : création ou refonte de sites internet, stratégie et mise
Niveau 1. Atelier d'initiation à l'ordinateur ... Fondation de la Bibliothèque Memphrémagog inc. Magog (Québec) J1X 2E7 Tél.
. Fondation de la Bibliothèque Memphrémagog inc. Magog (Québec) J1X 2E7 Tél. : 843-1330 Atelier d'initiation à l'ordinateur Niveau 1.......... JB septembre 20085 1 Section I : Introduction à l ordinateur
Creation d une page Web
Création des pages web 1 Creation d une page Web Par Romica TRANDAFIR Table des matières 4. Création des pages web... 2 4.1. Présentation générale du langage HTML...2 4.2. Les principales balises du langage
Excel 2007 Niveau 3 Page 1 www.admexcel.com
Excel 2007 Niveau 3 Page 1 TABLE DES MATIERES UTILISATION DE LISTES DE DONNEES... 4 REMARQUES PREALABLES SUR LES LISTES DE DONNEES... 4 METTRE EN FORME LE TABLEAU... 6 METTRE LA LISTE A JOUR... 7 a/ Directement
Comment utiliser WordPress»
Comment utiliser WordPress» Comment utiliser WordPress» Table des matières» Table des matières Guide de démarrage rapide»... 2 Tableau de bord de WordPress»... 3 Rédiger un article»... 3 Modifier l article»...
< Atelier 1 /> Démarrer une application web
MES ANNOTATIONS SONT EN ROUGE : Axel < Atelier 1 /> Démarrer une application web Microsoft France Tutorial Découverte de ASP.NET 2.0 Sommaire 1 INTRODUCTION... 3 1.1 CONTEXTE FONCTIONNEL... 3 1.2 CONTEXTE
Styler un document sous OpenOffice 4.0
Mars 2014 Styler un document sous OpenOffice 4.0 Un style est un ensemble de caractéristiques de mise en forme (police, taille, espacement, etc.) qui sert à structurer un document en l organisant de manière
Débuter avec Excel. Excel 2007-2010
Débuter avec Excel Excel 2007-2010 Fabienne ROUX Conseils & Formation 10/04/2010 TABLE DES MATIÈRES LE RUBAN 4 LE CLASSEUR 4 RENOMMER LES FEUILLES DU CLASSEUR 4 SUPPRIMER DES FEUILLES D UN CLASSEUR 4 AJOUTER
Cours Excel : les bases (bases, texte)
Cours Excel : les bases (bases, texte) La leçon 1 est une leçon de base qui vous permettra de débuter avec Excel, elle sera fort utile pour les prochaines leçons. Remarque : à chaque fois qu il est demandé
Plate-forme de tests des fichiers XML virements SEPA et prélèvements SEPA. Guide d'utilisation
Plate-forme de tests des fichiers XML virements SEPA et prélèvements SEPA Guide d'utilisation 8 novembre 2013 2/14 Table des matières 1 Introduction... 3 2 Accès au service... 3 3 Aperçu du service...
Guide d'utilisation. OpenOffice Calc. AUTEUR INITIAL : VINCENT MEUNIER Publié sous licence Creative Commons
Guide d'utilisation OpenOffice Calc AUTEUR INITIAL : VINCENT MEUNIER Publié sous licence Creative Commons 1 Table des matières Fiche 1 : Présentation de l'interface...3 Fiche 2 : Créer un nouveau classeur...4
MACROMEDIA DREAMWEAVER
MACROMEDIA DREAMWEAVER 1. Qu est-ce qu une page HTML? 2. Comment faire une page web? 3. L interface du logiciel 4. Avant d ouvrir le logiciel 5. Les connaissances de base 6. Les fonctions avancées 7. Avant
qwertyuiopasdfghjklzxcvbnmqwerty uiopasdfghjklzxcvbnmqwertyuiopas dfghjklzxcvbnmqwertyuiopasdfghjklz mqwertyuiopasdfghjklzxcvbnmqwert
qwertyuiopasdfghjklzxcvbnmqwerty uiopasdfghjklzxcvbnmqwertyuiopas dfghjklzxcvbnmqwertyuiopasdfghjklz INITIATION à Word 2007 xcvbnmqwertyuiopasdfghjklzxcvbn Cours informatiques Année 2009/2010 mqwertyuiopasdfghjklzxcvbnmqwert
Premiers pas avec Dreamweaver
Premiers pas avec Dreamweaver Dreamweaver est un éditeur visuel professionnel pour la création et la gestion de pages web. Dreamweaver permet de créer aisément des pages compatibles avec toute une série
Prezi. Table des matières
Prezi Table des matières 1. Inscription... 2 2. ouvrir prezi... 4 3. créer une nouvelle présentation... 4 3.1. Ajout de texte... 5 3.2. Modifier (éditer) le texte... 5 3.3. Insérer une image... 5 3.4.
Formation Word/Excel. Présentateur: Christian Desrochers Baccalauréat en informatique Clé Informatique, 15 février 2007
Formation Word/Excel Présentateur: Christian Desrochers Baccalauréat en informatique Clé Informatique, 15 février 2007 1 Avant de débuter Qui suis-je? À qui s adresse cette présentation? Petit sondage
Comment intégrer des images dans un texte
Quoi de plus utile que de pouvoir ajouter une image, un graphique à un commentaire afin d étoffer celui-ci. C est possible de le faire de plusieurs façon dans le forum Météocentre. Cependant il faut limiter
HTML, CSS, JS et CGI. Elanore Elessar Dimar
HTML, CSS, JS et CGI Elanore Elessar Dimar Viamen GPAs Formation, 13 avril 2006 Sommaire Qu est-ce que HTML? HTML : HyperText Marckup Language XML : extensible Marckup Language Qu est-ce que HTML? HTML
Guide d usage pour Word 2007
Formation TIC Septembre 2012 florian.jacques@etsup.com Guide d usage pour Word 2007 ETSUP 8 villa du Parc Montsouris 75014 PARIS SOMMAIRE Interface... 2 Organiser son espace de travail... 3 La barre d
<Créer un site Web. avec/> Suzanne Harvey
aire l o c s texte n o c le Dans Suzanne Harvey Conseillère pédagogique en informatique Service local du RÉCIT Commission scolaire de Saint-Hyacinthe Québec, Canada suzanne.harvey@prologue.qc.ca
Cours pratique Excel. Dans chacune des feuilles, les donnés sont déjà entrées afin de gagner du temps.
Cours pratique Excel Présentation du classeur cours.xls C est un classeur qui contient 7 feuilles Liste de personnes Calculs simples Solde Listes Auto Relatif Absolu Formats Paye Cours AFM Dans chacune
Utilisation de Sarbacane 3 Sarbacane Software
Tutorial par Anthony Da Cruz Utilisation de Sarbacane 3 Sarbacane Software Ambiance Soleil 17 Rue Royale 74000, Annecy Sommaire 1. Présentation générale 2. Guide étape par étape 3. Astuces de l éditeur
Initiation au dessin Bitmap
Sébastien Stasse Initiation au dessin Bitmap Guide d apprentissage et notions de base 2e édition Nom : Classe : Produit par l École Alex Manoogian AW version 6 Initiation au dessin bitmap Initiation au
On trouvera sur le site du CCDMD un exemple d album construit avec Cantare. (http://www.ccdmd.qc.ca/ri/cantare)
Cantare 2 Introduction L outil logiciel Cantare s adresse à toute personne qui veut construire des leçons visant l apprentissage d une langue par l écoute de chansons ou de fichiers sonores dont les paroles
SOMMAIRE. 1. Connexion à la messagerie Zimbra 4 1.1.Pré-requis 4 1.2.Ecran de connexion à la messagerie 4
Messagerie Zimbra version 7 Prise en main Nadège HARDY-VIDAL 2 septembre 20 SOMMAIRE. Connexion à la messagerie Zimbra 4..Pré-requis 4.2.Ecran de connexion à la messagerie 4 2. Présentation générale de
Comment insérer une image de fond?
COMMUNICATION VISUELLE Mise en page à l aide d un traitement de texte Comment insérer une image de fond? Image Plein papier ou au Format utile qu est-ce que cela veut dire? La mise en page d un document
Plan. Avant de créer son site. Quelques logiciels complémentaires
Internet, créer son site personnel. Yves Roger Cornil Microcam06, Fréjus Vous Accueille 7 mars 2005 Plan Pourquoi publier sur Internet? Quelques prérequis et quelques logiciels Combien ça coûte? Rappels
SOMMAIRE 1 INTRODUCTION 4 2 GUIDE D UTILISATION ET TUTORIAUX VIDEOS EN LIGNE 4 3 CONTACTER VOTRE SUPPORT 4 4 RACCOURCIS CLAVIER 5
SOMMAIRE 1 INTRODUCTION 4 2 GUIDE D UTILISATION ET TUTORIAUX VIDEOS EN LIGNE 4 3 CONTACTER VOTRE SUPPORT 4 4 RACCOURCIS CLAVIER 5 5 ADMINISTRER SON SITE WEBGAZELLE CMS 2.0 5 5.1 Configuration minimale
BUREAUTIQUE. 1 Journée. Maîtriser les fonctions de base du logiciel
BUREAUTIQUE Maîtriser les fonctions de base du logiciel Premiers pas dans Word - Présentation de l interface - Mode affichage écran - Méthode de Sélection, de Déplacement - La gestion crante des documents
Formulaire pour envoyer un mail
Formulaire pour envoyer un mail AVERTISSEMENT : Ce tuto est une compilation de plusieurs sources trouvées sur internet, dont les références sont données à la fin de cet article. Le but de ce tutoriel n'est
CREER UN PETIT SITE WEB EN COMPOSANT DES PAGES HTML
CREER UN PETIT SITE WEB EN COMPOSANT DES PAGES HTML A L'AIDE DU LOGICIEL LIBRE OFFICE Libre Office 3.3.3 et Open Office.org 3.3.0 sont deux suites bureautiques complètes, équivalentes (seule la charte
Les sites Internet dynamiques. contact : Patrick VINCENT pvincent@erasme.org
Les sites Internet dynamiques contact : Patrick VINCENT pvincent@erasme.org Qu est-ce qu un site Web? ensemble de pages multimédia (texte, images, son, vidéo, ) organisées autour d une page d accueil et
à l édition de textes
Introduction à l édition de textes Introduction Le traitement de texte consiste en la création et la modification de textes (appelés aussi documents) à l'aide d'un ordinateur. Les premiers logiciels de
mon site web via WordPress
mon site web via WordPress Vocabulaire CMS : Content Management System WordPress fait partie de cette famille de logiciels destinés à la conception et à la mise à jour dynamique de sites Web ou d applications
[WINDOWS 7 - LES FICHIERS] 28 avril 2010. Logiciel / Windows
![[WINDOWS 7 - LES FICHIERS] 28 avril 2010. Logiciel / Windows](/thumbs/24/2835720.jpg "[WINDOWS 7 - LES FICHIERS] 28 avril 2010. Logiciel / Windows")
Ce dossier a une forme un peu différente des précédentes : c est un ensemble de «fiches» décrivant chacune une des opérations que l on peut effectuer avec un fichier (enregistrer, renommer, etc.). Chaque
Cet atelier a pour objectif de renforcer le vocabulaire vu lors de la SAE sur le téléphone et de sensibiliser les élèves à l écrit.
Étiquette-mots du téléphone Numéro de l atelier : 1 Intention d apprentissage : Cet atelier a pour objectif de renforcer le vocabulaire vu lors de la SAE sur le téléphone et de sensibiliser les élèves
Guide de l utilisateur. Faites connaissance avec la nouvelle plateforme interactive de
Guide de l utilisateur Faites connaissance avec la nouvelle plateforme interactive de Chenelière Éducation est fière de vous présenter sa nouvelle plateforme i+ Interactif. Conçue selon vos besoins, notre
RAPPORT AUDIT SEO. Élaboré à l'attention de : Monsieur Greber Élaboré par : Cédric Peinado
- RAPPORT AUDIT SEO Élaboré à l'attention de : Monsieur Greber Élaboré par : Cédric Peinado 17 septembre 2013 Table des matières Optimisation structurelle 2 Optimisation des standards, performances et
Avant-propos FICHES PRATIQUES EXERCICES DE PRISE EN MAIN CAS PRATIQUES
Avant-propos Conçu par des pédagogues expérimentés, son originalité est d être à la fois un manuel de formation et un manuel de référence complet présentant les bonnes pratiques d utilisation. FICHES PRATIQUES
PRISE EN MAIN D UN TABLEUR. Version OPEN OFFICE
PRISE EN MAIN D UN TABLEUR Version OPEN OFFICE Prise en main d un tableur page 2 1. L utilisation de la souris Pour faire fonctionner un tableur, on utilise le clavier mais aussi la souris. Rappelons,