Cours création sites web

Dimension: px
Commencer à balayer dès la page:

Download "Cours création sites web"

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 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=" 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

pour apprendre le langage html

pour apprendre le langage html pour apprendre le langage html introduction : Voici ce que vous devez savoir avant de continuer : Tout d' abord, il faut préciser que le langage HTML est relativement simple mais que celui ci impose au

Plus en détail

Utilisation de l éditeur.

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

Plus en détail

Introduction à Expression Web 2

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

Plus en détail

Prise en main du traitement de texte : écrire une lettre

Prise en main du traitement de texte : écrire une lettre 22 janvier 2013 p 1 Prise en main du traitement de texte : écrire une lettre Pour permettre au plus grand nombre de réaliser cet exercice, nous utiliserons le logiciel libre Libre Office. Vous pouvez le

Plus en détail

Une (petite) initiation au langage HTML

Une (petite) initiation au langage HTML Une (petite) initiation au langage HTML Julien Coulié Partie 1 : Les bases Le langage HTML (HyperText Markup Language) est un langage de description de documents qui est le standard utilisé pour les pages

Plus en détail

Version 4.0. Multinet Ressources Inc. Page 1 sur 13

Version 4.0. Multinet Ressources Inc. Page 1 sur 13 Version 4.0 Page 1 sur 13 Introduction Lorsque vous obtenez l accès à Méganet, votre site est déjà construit. C est-à-dire qu il a fait l objet d une étude de style selon les couleurs de votre entreprise

Plus en détail

Les frames ou cadres. Prérequis. Introduction. Avec le soutien de la Commission européenne

Les frames ou cadres. Prérequis. Introduction. Avec le soutien de la Commission européenne ou cadres Dans cette fiche, nous allons vous apprendre à faire des frames ou en français «cadres». Tout et son contraire a été dit à propos des frames. En tout état de cause, tous les navigateurs Internet

Plus en détail

Tapez le titre de la page «BASTIA ville méditerranéenne», puis allez deux fois à la ligne à l aide de la touche Entrée.

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

Plus en détail

Un site web quelques informations

Un site web quelques informations Un site web quelques informations Qu est-ce qu un site Web? Ce sont des pages faites d images et de textes. Tout le monde peut les consulter sur Internet à l aide d un logiciel appelé navigateur. Pour

Plus en détail

Création du site dans Dreamweaver :

Création du site dans Dreamweaver : CHARGER, CREER et ENREGISTRER 1. Se connecter au RESEAU du COLLEGE avec tes 2 mots de passe 2. Charge le logiciel Au lancement du logiciel, l écran suivant s affiche : Palette des objets Lanceur Zone de

Plus en détail

Fiche n 4 Utilisation de Kompozer Table des matières

Fiche n 4 Utilisation de Kompozer Table des matières Fiche n 4 Utilisation de Kompozer Table des matières 1-Travail préparatoire...1 1.1-Contraintes sur les noms de fichier...1 1.2-Préparation du dossier de stockage...1 1.3-Barre d'outils...1 1.4-Création

Plus en détail

MANUEL D UTILISATION DE VOTRE SITE INTERNET

MANUEL D UTILISATION DE VOTRE SITE INTERNET MANUEL D UTILISATION DE VOTRE SITE INTERNET SOMMAIRE PRESENTATION 3 IDENTIFICATION.. 4 LE MENU (paramètres, contenu, divers).... 5 MENU PARAMETRES (mes coordonnées, mes photos, mes menus, mon bandeau).

Plus en détail

Introduction à la programmation web

Introduction à la programmation web Introduction à la programmation web Nouvelles Technologies Dr. Thé Van LUONG The-Van.Luong@heig-vd.ch HEIG-VD Switzerland 8 octobre 2015 1/34 8 octobre 2015 1 / 34 Plan 1 État de l art des langages orientés

Plus en détail

Création de site Web à l aide de l outil SimpliSite

Création de site Web à l aide de l outil SimpliSite Centre de documentation sur l éducation des adultes et la condition féminine (CDÉACF) Création de site Web à l aide de l outil SimpliSite Par François Dallaire CDÉACF Décembre 2006 Création de site Web

Plus en détail

TP FrontPage : CREER UN SITE DE TROIS PAGES AVEC UN SOMMAIRE

TP FrontPage : CREER UN SITE DE TROIS PAGES AVEC UN SOMMAIRE TP FrontPage : CREER UN SITE DE TROIS PAGES AVEC UN SOMMAIRE Etape 1. Ouvrir FrontPage et créer un site Web vide...2 Etape 2 ajouter des pages...3 Etape 3 : donner un titre et renommer les 2 pages...5

Plus en détail

PROCÉDURES D ÉDITION. Guide de l usager TYPO3

PROCÉDURES D ÉDITION. Guide de l usager TYPO3 Guide de l usager TYPO3 Sommaire Connexion à TYPO 3...5 Gestion des pages dans TYPO 3...6 Ajouter une nouvelle page...7 Déplacer ou copier une page de l arborescence... 11 Supprimer une page... 12 Ouvrir

Plus en détail

Réaliser un site Web

Réaliser un site Web Fiche travail n 11 Réaliser un site Web DATE : / / Un site intranet est un ensemble de fichiers liés entre eux, mis à la disposition d un utilisateur. Le grand intérêt de cette technique réside dans les

Plus en détail

Créer un site internet (ou des pages)

Créer un site internet (ou des pages) Ce qu il faut savoir avant de commencer Driss SABRI Une page Web est un outil de communication pour lequel on a des contraintes spécifiques 1. avant d en créer il faut se poser les questions habituelles

Plus en détail

Aide à l utilisation du logiciel IziSpot.Mobi

Aide à l utilisation du logiciel IziSpot.Mobi 1 Sommaire 1. Description logiciel (explication des menus)... 3 1.1. Description de la barre de menu... 3 2. Onglet configuration... 4 2.1. Gestion du logo... 4 2.1.1. Affichage du zoom... 4 2.1.2. Disposition

Plus en détail

Mode d emploi du site Internet «Mediawiki»

Mode d emploi du site Internet «Mediawiki» Mode d emploi du site Internet «Mediawiki» École Libre du Soleil Levant La technologie MediaWiki a été choisie pour sa flexibilité et une simplicité d utilisation ne demandant que de connaître quelques

Plus en détail

Comment écrire un article pour le site HCE?

Comment écrire un article pour le site HCE? Comment écrire un article pour le site HCE? Explication courte Les explications courtes sont les meilleures. Naviguez sur http://www.hce.asso.fr/ecrire/ et laissez-vous guider par les écrans. Explication

Plus en détail

TP 1 : HTML 4. EXERCICE 1 : UN PREMIER DOCUMENT HTML Pour cet exercice, vous utiliserez l éditeur de texte standard de Windows

TP 1 : HTML 4. EXERCICE 1 : UN PREMIER DOCUMENT HTML Pour cet exercice, vous utiliserez l éditeur de texte standard de Windows TP 1 : HTML 4 EXERCICE 1 : UN PREMIER DOCUMENT HTML Pour cet exercice, vous utiliserez l éditeur de texte standard de Windows : Bloc-notes ou bien EDIT en mode MS-DOS suivant votre ordinateur. Les utilisateurs

Plus en détail

>> Ajouter une page web Ordre Lien urlpage titre description Actif Lien au menu niveau cliquable type Consulter Enregistrer

>> Ajouter une page web Ordre Lien urlpage titre description Actif Lien au menu niveau cliquable type Consulter Enregistrer 1 C R É AT I O N D E S PAG E S D É S I R É E S > Pour ajouter des pages au site, cliquer sur >> Ajouter une page web > Des champs blancs à remplir apparaissent. L Ordre est le rang qu occupera cette page

Plus en détail

TUTORIAL. www.benevolat.org TUTORIAL. Créez en quelques minutes votre site Internet!

TUTORIAL. www.benevolat.org TUTORIAL. Créez en quelques minutes votre site Internet! Créez en quelques minutes votre site Internet! SOMMAIRE : Choisir une interface graphique - Nommez votre site... page 03 5 étapes de création... page 04 Les outils de création graphique... page 05 Mise

Plus en détail

MAILING KOMPOZER... 2 CREEZ UNE PAGE... 2 FORMAT DE LA PAGE... 2 AJOUTER DU TEXTE SUR UNE PAGE... 4

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...

Plus en détail

SUPPORT DE FORMATION WORD : niveau 2

SUPPORT DE FORMATION WORD : niveau 2 SUPPORT DE FORMATION WORD : niveau 2 Espace public multimédia Le Cyber 49, rue Maurice Thorez 92000 Nanterre - Tél. : 01 41 20 08 41 www.nanterre.fr Sommaire Introduction...3 I. Bordures et trame... 4

Plus en détail

TP Initiation au langage HTML

TP Initiation au langage HTML TP Initiation au langage HTML (1) Rappels de quelques généralités Un fichier HTML n'est pas compilé (ce n'est pas un programme) Un fichier HTML est un fichier texte simple, parfaitement lisible, respectant

Plus en détail

Je me familiarise avec un logiciel de traitement de texte et avec un logiciel de présentation : Word et PowerPoint 2003

Je me familiarise avec un logiciel de traitement de texte et avec un logiciel de présentation : Word et PowerPoint 2003 Je me familiarise avec un logiciel de traitement de texte et avec un logiciel de présentation : Word et PowerPoint 2003 Cahier de formation 5 Apprendre à utiliser les TIC dans la vie de tous les jours

Plus en détail

Guide d'utilisation. De Kompozer. AUTEUR INITIAL : S. LOIZEL Collège Saint Joseph Caudan (56)

Guide d'utilisation. De Kompozer. AUTEUR INITIAL : S. LOIZEL Collège Saint Joseph Caudan (56) Guide d'utilisation De Kompozer AUTEUR INITIAL : S. LOIZEL Collège Saint Joseph Caudan (56) Table des matières Fiche1 : Créer, nommer et sauvegarder une page...2 Fiche2 : Modifier les couleurs et le fond

Plus en détail

MO-Call pour les Ordinateurs. Guide de l utilisateur

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

Plus en détail

MODE D EMPLOI DE CKFINDOR ET CKEDITOR AVERTISSEMENTS

MODE D EMPLOI DE CKFINDOR ET CKEDITOR AVERTISSEMENTS MODE D EMPLOI DE CKFINDOR ET CKEDITOR AVERTISSEMENTS En renommant, déplaçant ou supprimant des images déjà insérées dans des pages, ou en renommant, déplaçant ou supprimant des sous-dossiers, les images

Plus en détail

1 Module 1 : feuille de style, position des blocs, nombre d éléments

1 Module 1 : feuille de style, position des blocs, nombre d éléments Plugin d'habillage d'eva-web 4 Le plugin d'habillage d'eva-web permet de : adapter la position, la taille des divers éléments la composant choisir les couleurs de fonds des divers secteurs choisir la taille,

Plus en détail

Nvu - KompoZer. Table des matières. Tuto rapido

Nvu - KompoZer. Table des matières. Tuto rapido Nvu - KompoZer Table des matières 1. Démarrage rapide...2 1.1. Créer une nouvelle page...2 1.2. Ouvrir une page existante...2 1.3. Enregistrer une page...2 2. Utiliser KompoZer...3 2.1. L'interface...3

Plus en détail

GUIDE D UTILISATION DU BACKOFFICE

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

Plus en détail

Le tableur de la suite Open Office

Le tableur de la suite Open Office Le tableur de la suite Open Office Open Office est une suite bureautique qui comporte traitement de texte, tableur, Présentation Assistée par Ordinateur (PréAO), dessin et édition de pages Web au format

Plus en détail

LE SITE INTERNET DU COLLÈGE

LE SITE INTERNET DU COLLÈGE LE SITE INTERNET DU COLLÈGE I) Introduction 1) Présentation Le site du collège est réalisé à l aide de SPIP. C'est un logiciel de publication pour l Internet qui permet de gérer un site à plusieurs, de

Plus en détail

Vade-mecum des «raccourcis typographique» dans SPIP

Vade-mecum des «raccourcis typographique» dans SPIP Vade-mecum des «raccourcis typographique» dans SPIP Fonctionnalités Méthodes Commentaires Intertitre {{{le titre}}} Le texte entre triples accolades est affiché comme un titre. Changement de Cliquer deux

Plus en détail

Lille Lecture Jeunesse GUIDE UTILISATEUR

Lille Lecture Jeunesse GUIDE UTILISATEUR Lille Lecture Jeunesse GUIDE UTILISATEUR Sommaire Se créer un compte... 3 A quoi sert ce compte?... 3 Se connecter... 3 J'ai perdu mon mot de passe, comment je fais?... 4 Tableau de bord Wordpress... 5

Plus en détail

Création WEB avec DreamweaverMX

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

Plus en détail

Aller plus loin avec le traitement de texte : mettre en forme un Curriculum Vitae

Aller plus loin avec le traitement de texte : mettre en forme un Curriculum Vitae 29 janvier 2013 p 1 Aller plus loin avec le traitement de texte : mettre en forme un Curriculum Vitae Pour permettre au plus grand nombre de réaliser cet exercice, nous utiliserons le logiciel libre Libre

Plus en détail

DOSSIER RESSOURCES CRÉATION DE PAGES HTML UTILISATION DU LOGICIEL DREAMWEAVER

DOSSIER RESSOURCES CRÉATION DE PAGES HTML UTILISATION DU LOGICIEL DREAMWEAVER DOSSIER RESSOURCES CRÉATION DE S HTML UTILISATION DU LOGICIEL DREAMWEAVER SOMMAIRE SITE Créer un nouveau site Page 1 Ouvrir un site Pages 1-2 Créer une nouvelle page Page 2 Modifier les propriétés d'une

Plus en détail

Guide d utilisation - Modifications portfolio des artisans

Guide d utilisation - Modifications portfolio des artisans Accéder au tableau de bord Pour entrer dans l espace d administration, allez à l adresse suivante : www.metiersdartbsl.com Cliquez ensuite sur l icône CONNEXION dans le haut à droite de la page. Une fenêtre

Plus en détail

L UTILISATION DU HTML POUR L ENVOI DE VOS COURRIELS

L UTILISATION DU HTML POUR L ENVOI DE VOS COURRIELS L UTILISATION DU HTML POUR L ENVOI DE VOS COURRIELS Courrielleur privilégie l usage des courriels HTML pour les envois marketing. En effet, le HTML permet d organiser graphiquement l information de manière

Plus en détail

La mise en page web, feuille de style, cadre.

La mise en page web, feuille de style, cadre. La mise en page web, feuille de style, cadre. L importance du navigateur, son rôle est de lire le code HTML et CSS afin d afficher un résultat visuel à l écran, le problème est que les navigateurs n affichent

Plus en détail

Sites web propriétaires

Sites web propriétaires Ce document est disponible à : C:\Users\pc_samba\Documents\Doc sites prop.docx Sommaire 1 Introduction... 3 2 Création du mini-site... 4 2.1 Autorisation de création... 4 2.2 Création de votre site Web...

Plus en détail

Maîtriser son clavier et apprivoiser sa souris

Maîtriser son clavier et apprivoiser sa souris Maîtriser son clavier et sa souris - 13 janvier 2014 p 1 Maîtriser son clavier et apprivoiser sa souris Le but de ce petit tutoriel est de vous aider à mieux connaître votre clavier, à insérer tous les

Plus en détail

Envoyez de vraies cartes postales personnalisées

Envoyez de vraies cartes postales personnalisées La Poste, http://www.laposte.fr/, aime les nouvelles technologies et offre de plus en plus de nouveaux services en ligne afin de faciliter les démarches de ses clients. C est ainsi que la lettre recommandée

Plus en détail

«ExerSite» avec HotPotatoes

«ExerSite» avec HotPotatoes «ExerSite» avec HotPotatoes HotPotatoes est un logiciel gratuit qui permet de construire des QCM (questionnaire à choix multiples), QCU (questionnaires à choix unique), Vrai/Faux, QROC (questionnaires

Plus en détail

ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE

ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE 1 Environnement Lancement du logiciel : ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE Atelier «pour approfondir» Le tableur OpenOffice Calc o Menu Démarrer > Tous les programmes > OpenOffice.org > OpenOffice.org

Plus en détail

CREER UN TEST. Sur la page d accueil du site, cliquez. sur l icône d accès au générateur de création de test

CREER UN TEST. Sur la page d accueil du site, cliquez. sur l icône d accès au générateur de création de test CREER UN TEST Sur la page d accueil du site, cliquez sur l icône d accès au générateur de création de test Dans la page de création de tests http://www.anglaisfacile.com/cgi2/m yexam/choice.php Cliquez

Plus en détail

Pour créer une feuille, accédez à votre Drive, cliquez sur le bouton rouge Créer, puis sélectionnez Feuille de calcul dans le menu déroulant.

Pour créer une feuille, accédez à votre Drive, cliquez sur le bouton rouge Créer, puis sélectionnez Feuille de calcul dans le menu déroulant. 1 2 Grâce aux feuilles de calcul Google, vous pouvez en toute simplicité créer, partager et modifier des feuilles de calcul en ligne. Vous pouvez notamment : importer et convertir des données.xls,.csv,.txt

Plus en détail

Bernard Lecomte. Débuter avec HTML

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.

Plus en détail

EXCEL 1 - PRISE EN MAIN

EXCEL 1 - PRISE EN MAIN EXCEL 1 - PRISE EN MAIN I - Qu est-ce qu un tableur? Excel est un logiciel permettant d élaborer des feuilles de calculs automatiques présentées la plupart du temps sur de grandes feuilles quadrillées.

Plus en détail

Publier dans la Base Documentaire

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

Plus en détail

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. 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

Plus en détail

Nous allons détailler dans cette documentation les fonctionnalités pour créer un objet colonne.

Nous allons détailler dans cette documentation les fonctionnalités pour créer un objet colonne. Généralités Dans le générateur d états des logiciels Ciel pour Macintosh vous avez la possibilité de créer différents types d éléments (texte, rubrique, liste, graphiques, tableau, etc). Nous allons détailler

Plus en détail

Manuel de mise en page de l intérieur de votre ouvrage

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

Plus en détail

~ 1 ~ NETVIBES : MODE D EMPLOI. Préambule

~ 1 ~ NETVIBES : MODE D EMPLOI. Préambule ~ 1 ~ NETVIBES : MODE D EMPLOI Préambule Netvibes est un site internet utilisant les technologies du Web 2.0 permettant de se créer une page accessible de tout point connecté à Internet. Netvibes permet

Plus en détail

Mode d emploi My-Accloud. Client

Mode d emploi My-Accloud. Client Mode d emploi My-Accloud Client Table des matières 1 Mode d emploi My-Accloud ------------------------------------------------------------------------------------------------------------- 1 1. Comment

Plus en détail

Visite guidée de Composer

Visite guidée de Composer Visite guidée de Composer de la Pointe-de-l Île 1.Démarrez Netscape en double-cliquant sur l icone: 2.Démarrez Composer en cliquant sur l icône au bas de votre navigateur: 2 3. Vous entrez dans Composer

Plus en détail

Administration de votre site web

Administration de votre site web Administration de votre site web WordPress Date de révision : 11/12/2012 1 Mestres All Dev, tous droits réservés, reproduction interdite. Sommaire Connexion... 3 Gestion des articles... 4 Créer un article...

Plus en détail

Leçon N 15 Création d un album photo 2 ème partie

Leçon N 15 Création d un album photo 2 ème partie Leçon N 15 Création d un album photo 2 ème partie Vous allez créer avec cette leçon un album de photo avec le logiciel «Albelli livre photo». 2 La préparation Le travail le plus important pour créer un

Plus en détail

Création de page web avec Dreamweaver 2.0

Création de page web avec Dreamweaver 2.0 Création de page web avec Dreamweaver 2.0 Guide d accompagnement pour Windows avril 2002 Suzanne Harvey Responsable RÉCIT suzanne.harvey@prologue.qc.ca http://www.apinfo.qc.ca http://www.cssh.qc.ca/se/recit

Plus en détail

HTML. Notions générales

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

Plus en détail

Présentation du site internet EcoleDirecte

Présentation du site internet EcoleDirecte Présentation du site internet EcoleDirecte La vie scolaire de votre enfant sur https://www.ecoledirecte.com Janvier 2013 SOMMAIRE 1 PRESENTATION DU SITE INTERNET ECOLEDIRECTE DEDIE AUX FAMILLES ET AUX

Plus en détail

Livret d accueil web. Gérer votre site Ace Crédit en toute simplicité! 11 Place Jean-Paul II 57000 METZ T : 03 87 30 55 89 www.is-webdesign.

Livret d accueil web. Gérer votre site Ace Crédit en toute simplicité! 11 Place Jean-Paul II 57000 METZ T : 03 87 30 55 89 www.is-webdesign. Livret d accueil web Gérer votre site Ace Crédit en toute simplicité! 11 Place Jean-Paul II 57000 METZ T : 03 87 30 55 89 www.is-webdesign.com 1 Sommaire 1. Comment me connecter à l administration? 2.

Plus en détail

TUTORIEL JOOMLA CONTENT EDITOR POUR L UNIVERS DE L ENTRAINEUR.COM

TUTORIEL JOOMLA CONTENT EDITOR POUR L UNIVERS DE L ENTRAINEUR.COM TUTORIEL JOOMLA CONTENT EDITOR POUR L UNIVERS DE L ENTRAINEUR.COM V1.0 TUTORIEL JCE - EDITEUR Le nouvel outil pour vos articles... Pour les plus anciens d entre vous, vous avez connu la transmission des

Plus en détail

CMS Modules Dynamiques - Manuel Utilisateur

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

Plus en détail

Gérer un site internet simple

Gérer un site internet simple TUTORIEL Gérer un site internet simple Pourquoi avoir un site internet? Table of Contents Table of Contents... 2 Étape 1 : créer un compte Google (Gmail)... 3 Etape 2 : créer un site internet Google...

Plus en détail

LE SITE INTERNET DU COLLÈGE

LE SITE INTERNET DU COLLÈGE LE SITE INTERNET DU COLLÈGE I ) Introduction: 1 Présentation : Le site du collège est réalisé à l aide de SPIP. C'est un logiciel de publication pour l Internet qui permet de gérer un site à plusieurs,

Plus en détail

Module Article. Plate-forme de gestion de contenu. PubliShare utilise la librairie javascript (AJAX - Web 2.0)

Module Article. Plate-forme de gestion de contenu. PubliShare utilise la librairie javascript (AJAX - Web 2.0) G U I D E D U T I L I S AT I O N Publishare Plate-forme de gestion de contenu Module Article PubliShare utilise la librairie javascript (AJAX - Web.0) Sommaire Généralités Schéma de navigation Identification

Plus en détail

Création de site en autonomie Mardi 24 novembre de 9h30 à 12h30 : Mauléon Jeudi 26 novembre de 9h30 à 12h30 : Hasparren

Création de site en autonomie Mardi 24 novembre de 9h30 à 12h30 : Mauléon Jeudi 26 novembre de 9h30 à 12h30 : Hasparren Création de site en autonomie Mardi 24 novembre de 9h30 à 12h30 : Mauléon Jeudi 26 novembre de 9h30 à 12h30 : Hasparren Offices de Tourisme de la Montagne Basque St-Palais et Hasparren-La Bastide Clairence

Plus en détail

Leçon N 11 Faire un Album de photo avec ALBELLI 2 ème partie

Leçon N 11 Faire un Album de photo avec ALBELLI 2 ème partie Leçon N 11 Faire un Album de photo avec ALBELLI 2 ème partie Vous allez créer avec cette leçon un album de photo avec le logiciel «Albelli livre photo». 2 La préparation Le travail le plus important pour

Plus en détail

Exercices en référence sur le PIM : 1.1.2 / 1.1.4 / 1.2.1 / 1.3.1/ 1.3.2 / 1.3.3 / 1.3.5 / 1.3.6 / 4.3.2 / 5.1.1 / 5.1.2

Exercices en référence sur le PIM : 1.1.2 / 1.1.4 / 1.2.1 / 1.3.1/ 1.3.2 / 1.3.3 / 1.3.5 / 1.3.6 / 4.3.2 / 5.1.1 / 5.1.2 Exercices en référence sur le PIM : 1.1.2 / 1.1.4 / 1.2.1 / 1.3.1/ 1.3.2 / 1.3.3 / 1.3.5 / 1.3.6 / 4.3.2 / 5.1.1 / 5.1.2 1. Mise en page de son document Clique sur la fonction «Affichage» puis sélectionne

Plus en détail

Création d un Calendrier pas à pas.

Création d un Calendrier pas à pas. Bureautique Création d un Calendrier pas à pas. Liste du matériel à utiliser pour la création du calendrier : Word 2007. Une imprimante jet d encre. 1 feuille de carton en couleur. (Fond) 1 feuille de

Plus en détail

GUIDE Word (version intermédiaire) Version 2013

GUIDE Word (version intermédiaire) Version 2013 GUIDE Word (version intermédiaire) Version 2013 Table des matières 1. Les rubans... 2 2. Pagination... 4 3. En-tête et pied de page... 4 4. Note de bas de page ou des notes de fin de document... 6 5. Table

Plus en détail

Manuel v. 6sV Simplement surfer. Simplement cliquer. Simplement bloguer.

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

Plus en détail

PROCÉDURE D INSCRIPTION. AriegePyrenees.Biz

PROCÉDURE D INSCRIPTION. AriegePyrenees.Biz 1. Vous êtes sur ariegepyrenees.biz 2. Cliquez sur liste complète dans le menu Entreprises 3. vous accédez au moteur de recherche multicritères. Saisissez le nom ou partie du nom de votre entreprise (1)

Plus en détail

NOTICE INTERFACE WIFI

NOTICE INTERFACE WIFI NOTICE INTERFACE WIFI Notre interface d administration WIFI vous permet de : Personnaliser votre portail WIFI Gérer & paramétrer votre installation WIFI Tél : 02 40 71 71 21 Email : contact@va-solutions.fr

Plus en détail

4. Créer un compte utilisateur

4. Créer un compte utilisateur 4. Créer un compte utilisateur 1 - Cliquez sur le menu Outils puis sur Compte. 2 - Cliquez sur l onglet «Courrier». 3 - Cliquez sur «Ajouter» puis «Courrier». 4 - Tapez votre nom. 5 - Ecrivez votre mél

Plus en détail

Version pour un ordinateur Macintosh

Version pour un ordinateur Macintosh Procédures à suivre pour accéder au site internet de l UQAM afin de poser votre candidature sur les cours à l affichage Étape n 1 : Version pour un ordinateur Macintosh N. B. : Cette étape s adresse aux

Plus en détail

Administration du site (Back Office)

Administration du site (Back Office) Administration du site (Back Office) A quoi sert une interface d'administration? Une interface d'administration est une composante essentielle de l'infrastructure d'un site internet. Il s'agit d'une interface

Plus en détail

Internet la messagerie Orange 1er pas

Internet la messagerie Orange 1er pas Internet la messagerie Orange 1er pas Si votre page d accueil est GOOGLE tapez dans la barre de recherche «ORANGE» puis validez par la touche OK (Entrée) puis avec le bouton gauche de la souris clic sur

Plus en détail

Prise en main du tableur : réaliser un calendrier

Prise en main du tableur : réaliser un calendrier 12 février 2013 p 1 Prise en main du tableur : réaliser un calendrier Pour permettre au plus grand nombre de réaliser cet exercice, nous utiliserons le logiciel libre Libre Office. Vous pouvez le télécharger

Plus en détail

COURS PRATIQUE DE WORD

COURS PRATIQUE DE WORD COURS PRATIQUE DE WORD Le présent cours se rapporte à Word 2003. Sachez qu il existe d autres versions de cet outil. Il y a Office Pro, Office 2000, Office 2003, 2007 et 2010 (non commercialisé à ce jour).

Plus en détail

Web-Interactive Mai 2010. Interactive 2.0. Manuel d utilisation

Web-Interactive Mai 2010. Interactive 2.0. Manuel d utilisation Interactive 2.0 Manuel d utilisation 1 Contenu Chapitre 1 : L Arborescence... 3 Créer un menu.... 3 Ordonner les menus... 6 Destruction d un menu.... 6 Chapitre 2 : Les pages... 7 Titre de votre page....

Plus en détail

Mettre en place sa plateforme de veille avec Netvibes

Mettre en place sa plateforme de veille avec Netvibes Mettre en place sa plateforme de veille avec Netvibes Karine Pasquier 6 mai 2011 HEG, Genève 1 Sommaire 1. Introduction... 3 1.1 Qu est-ce que c est... 3 1.2 A quoi ça sert pour la veille?... 3 1.3 Netvibes

Plus en détail

GESTION DE SITE Table des matières

GESTION DE SITE Table des matières GESTION DE SITE Table des matières 1- Page d accueil de l interface de gestion de site...1 2- Table Menu...4 3- Éditeur de texte...5 4- Insérer une image dans une page...6 5- Créer un lien hypertexte vers

Plus en détail

UTILISER le TRAITEMENT de TEXTE WORD 97 (ou 2 000)

UTILISER le TRAITEMENT de TEXTE WORD 97 (ou 2 000) UTILISER le TRAITEMENT de TEXTE WORD 97 (ou 2 000) 1. Démarrer l ordinateur et attendre l affichage du bureau Le bureau L image du bureau peutêtre changée : tous les ordinateurs n ont pas la même! 2. Double

Plus en détail

EDITEUR DE PAGE HTML NETSCAPE COMPOSER

EDITEUR DE PAGE HTML NETSCAPE COMPOSER EDITEUR DE PAGE HTML NETSCAPE COMPOSER Utilisation Netscape Composer est un éditeur de pages HTML : il vous permet de modifier et créer des pages au format HTML pour les diffuser sur le Web. Il est intégré

Plus en détail

LE LIVRET INFORMATISE SOUS EXCEL

LE LIVRET INFORMATISE SOUS EXCEL LE LIVRET INFORMATISE SOUS EXCEL Crée par le Réseau Ambition Réussite, novembre 2009 LE LIVRET : QUEL PRINCIPE ET QUELS AVANTAGES? Permettre une validation du socle commun en prenant en compte les évaluations

Plus en détail

INFO-F-101 Programmation Projet 4 Page Ranking(1/4): Création de la matrice du compte des liens

INFO-F-101 Programmation Projet 4 Page Ranking(1/4): Création de la matrice du compte des liens INFO-F-101 Programmation Projet 4 Page Ranking(1/4): Création de la matrice du compte des liens Année académique 2009 2010 1 Introduction Ce projet est le premier d une série de quatre projets qui ont

Plus en détail

GUIDE DE L UTILISATEUR

GUIDE DE L UTILISATEUR GUIDE DE L UTILISATEUR Version 3 C est parti pour gérer, modifier et mettre à jour votre site I-set! Avec simplicité, rapidité et en toute autonomie SOMMAIRE DÉMARRER CONSTRUIRE & GÉRER CONSULTER 1. Introduction:

Plus en détail

Scolasite.net, le créateur de site web au service des enseignants. Guide d'administration du site Internet. Page 1

Scolasite.net, le créateur de site web au service des enseignants. Guide d'administration du site Internet. Page 1 Guide d'administration du site Internet Page 1 Scolasite permet de créer rapidement un site Internet, sans connaissances techniques particulières. Spécialement destiné aux établissements scolaires, son

Plus en détail

NOTICE D UTILISATION DE L ESPACE COLLABORATIF (POUR LES COLLABORATEURS)

NOTICE D UTILISATION DE L ESPACE COLLABORATIF (POUR LES COLLABORATEURS) NOTICE D UTILISATION DE L ESPACE COLLABORATIF (POUR LES COLLABORATEURS) Qu est-ce que l espace collaboratif? L espace collaboratif est un service vous permettant à vous, vos associés et collaborateurs

Plus en détail

Portail des communes Guide Référent ville

Portail des communes Guide Référent ville Portail des communes Guide Référent ville Services aux communes Introduction Vous êtes Référent pour votre commune et venez de recevoir vos identifiants de connexion à l ENT école. Ce document va vous

Plus en détail

Formation à l administration de votre site Internet

Formation à l administration de votre site Internet Rédacteur : B2F Concept Date : 01/08/2012 Destinataire : Mairie de Drumettaz Formation à l administration de votre site Internet Introduction...2 Connexion à l administration...2 Gestion de contenu...3

Plus en détail

Manuel d aide www.aixpoz.com

Manuel d aide www.aixpoz.com Manuel d aide www.aixpoz.com Introduction AIXPOZ est un système de création de sites Internet «galerie photo» à destination de toute personne souhaitant exposer des images sur Internet. Que vous soyez

Plus en détail

La Clé informatique. Formation Excel XP Aide-mémoire

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

Plus en détail

Internet. Principes généraux Création de site web Langage HTML

Internet. Principes généraux Création de site web Langage HTML Internet Principes généraux Création de site web Langage HTML Internet Principes généraux L a n o t i o n d e r é s e a u Réseau : ensemble d interconnections permettant une communication Ex : réseau téléphonique,

Plus en détail