MACROMEDIA DREAMWEAVER

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

Download "MACROMEDIA DREAMWEAVER"

Transcription

1 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 de publier 8. Publier vos pages 9. Questions réponses 10. Ressources est un logiciel qui permet de créer des pages HTML. Il est WYSIWYG (What you see is what you get), mais il permet également de voir le code HTML (que plusieurs ne veulent pas nécessairement voir). Il est donc un éditeur complet et il fait partie d un logiciel très connu de l industrie. J espère que vous aurez plaisir à vous en servir! Vous pouvez télécharger une version d évaluation complètement fonctionnelle sur le site de Macromedia (www.macromedia.com ou si vous préférez télécharger une version française du logiciel). Tous les logiciels ne se valent pas, mais tous les goûts sont dans la nature. Ayant travaillé avec WebExpert, puis avec FrontPage, j ai fait la connaissance de Dreamweaver il y a déjà 2 ans et je l ai trouvé très agréable à utiliser. Mais cette petite formation vise à vous donner les outils pour l utiliser, pas pour l aimer nécessairement Plusieurs ressources sont disponibles si vous avez des difficultés avec le logiciel ou si vous avez des questions sur tel ou tel aspect. En cas de problèmes, commencez toujours par presser la touche «F1» (aide du logiciel). Si cela ne vous aide pas avec votre problème, essayez les newsgroups, les sites web, les tutoriels, etc. Tapez Dreamweaver tutoriel dans Google.fr et voyez ce qui en ressort (voir la section «Ressources»)! 1. Qu est-ce qu une page HTML? Il est facile de décrire la page HTML. Lorsque vous naviguez, remarquez que toutes les pages sont des.htm ou des.html (au même titre qu un fichier word est un.doc) Le HTML est un format de page lisible par les navigateurs (Netscape ou Internet Explorer). C est un format presque universel (vous verrez pourquoi plus tard!) Si on enregistre une page blanche de Dreamweaver, vous n aurez qu une série de code et non une page blanche! Voici à quoi ressemble une page vide : <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>document sans titre</title> 1

2 <meta http-equiv="content-type" content="text/html; charset=iso "> </head> <body> </body> </html> Tous ces codes ne sont pas nécessaires, mais Dreamweaver en ajoute certains car il sait qu il vaudrait mieux les remplir. Trois «balises» sont nécessaires pour faire une page web. Les balises sont les mots «clefs» qui se trouvent entre deux < > comme <html>. Si on met <html>, il faut également fermer la balise avec </html>. Cela signifie que ce qui se trouve entre ces balises est du code HTML, le navigateur le traite donc en conséquence. Les balises essentielles sont : <html> La balise HTML permet d indiquer le format du fichier (qui est fichier de type HTML). Lorsque vous utiliserez un autre langage (comme Javascript ou PHP), vous devez indiquer au logiciel le langage qui sera lu. <head> La «tête» du fichier. Contient les informations comme le titre de la page, l auteur, les META (mots-clés utilisés pour les moteurs de recherche), le type d encodage de vos fichiers, etc. Ces informations sont souvent remplies par Dreamweaver, mais avec des informations de base. Il vaut mieux changer le minimum (au moins le nom du document qui apparaîtra dans la barre du haut du navigateur). <body> Tout ce qu il y a dans le corps de la page : bref, tout le reste! Le texte, les tableaux, les images, etc. Ce qui est affiché dans la page elle-même. 2. Comment faire une page web? Les logiciels d aujourd hui enregistrent souvent au format HTML. Mais ce n est pas parce que Word ou tout autre logiciel que vous avez en votre possession enregistre au format HTML qu il fait de belles pages web! Comment savoir si votre logiciel enregistre au format HTML? Vérifiez! Faites file -> save as -> et vérifiez si le format html est une possibilité. Attention : dans tous les cas, vérifiez vos pages dans votre navigateur. Parfois, le résultat est désastreux! Ouvrez également votre page HTML dans Dreamweaver et vérifiez que votre code est propre (certains logiciels ajoutent du code inutilement). Dreamweaver peut également «nettoyer» ce code inutile (qui alourdit et crée des problèmes sur certains navigateurs) mais cela nécessite certaines démarches. Consultez l aide pour plus de détails (touche «F1»). 2

3 Comme pour tous les métiers, il faut être bien outillé. Dreamweaver est un excellent outil pour faire vos pages et vos sites Internet. Il est à la fois simple d utilisation et capable de faire des choses complexes comme ajouter des composantes «flash», des images survolées, etc. 3. L interface du logiciel Comme pour tous les logiciels que vous connaissez, l interface est simple, elle comporte une barre d outils et des menus. Le logiciel se partage en deux sections le haut et le bas (la colonne de droite étant pour les développeurs et ne sera pas traitée ici). La zone du haut nommée «HTML» : vous permet de voir le «code» lorsque vous faites une action dans la zone du bas. Utile si vous voulez ajouter du «code» déjà tout prêt (comme il s en trouve sur le Web). Utile aussi pour apprendre comment cela fonctionne! La zone du bas nommée «graphique» : elle est comme votre Word, vous y tapez votre texte, y mettez des images, des objets, etc. L outil «Propriétés» est une fenêtre flottante que l on affiche par Fenêtres > Propriétés et qui vous donne les propriétés de l objet sélectionné par la souris (image, tableau, texte, lien, etc.) Tout en haut de votre fenêtre, vous pouvez voir les icônes suivants : 3

4 La barre de menu s affiche par Fenêtres > Insertions et vous permet d avoir les objets utiles sous la main. Par exemple, de gauche à droite, vous avez : insertion d un «lien», d un courriel, d un ancre, d un tableau, d un calque, d une image, d un espace réservé, d un document «Fireworks», d un fichier «Flash», etc. En cliquant dans les diverses sections du sous-menu du haut, vous pouvez ajouter des «cadres», du texte, des formulaires, etc. ATTENTION : il vaut mieux connaître la base du logiciel avant de s aventurer dans des grands projets qui vous compliqueront rapidement la vie (la simplicité est parfois mieux! «less is more») 4. Avant d ouvrir le logiciel Avant même d ouvrir Dreamweaver ou tout autre logiciel, vous devez savoir ce que vous en ferez. Faites d abord un plan de vos pages HTML sur papier. Voici un exemple de site Internet créé avec le logiciel Inspiration : Ce plan vous aide à voir combien de pages seront nécessaires à votre site pour couvrir l ensemble du sujet traité. De plus, les flèches montrent les liens entre les pages. Certains sujets peuvent faire référence à d autres de vos pages. Page d accueil : Celle-ci est souvent comme la page couverture de vos travaux : avec le titre de votre site Internet, une image ou une animation, la date de la dernière mise à jour, votre nom et un compteur de visites par exemple. Menu et mot de bienvenue : Page vous donnant accès au menu de votre site ainsi qu un mot de bienvenue qui ressemble en gros à un résumé de vos pages, pourquoi vous 4

5 avez décidé de faire un site sur ce sujet, etc. Le menu peut être n importe où dans votre page, mais il est habituellement en haut ou à gauche de la page et les rubriques sont facilement identifiables (si je clique à cet endroit, je sais où je m en vais!) Dans le cas du plan mis en exemple, le menu comporte quatre liens sur quatre pages bien distinctes (biographie, œuvre, projet et liens) et ces pages elle-mêmes font références à d autres pages par la suite (comme des chapitres et des sous-chapitres). Chacune des pages que vous créerez doit avoir un «titre» et un sujet à elle-seule. Il est également fort important de créer une page «Me contacter» ou «Pour me joindre» afin que vos visiteurs vous laissent des commentaires. Certains vous feront remarquer vos erreurs typographiques, d autres vous écriront pour vous dire combien ils partagent la même passion que vous Où suis-je? : Parfois, vos visiteurs clique ici, clique là mais où sont-ils? Jetez un œil sur les exemples des étudiants qui ont créés un site Internet (www.unites.uqam.ca/pcpes/test rubrique étudiants/sites web). Vous devez indiquer à vos visiteurs où ils sont et leur offrir le moyen de retourner aux pages précédentes. Ne perdez pas vos visiteurs à travers votre site! Cela justifiera votre structure et démontrera combien vos pages sont solidaires entres-elles! 5. Les connaissances de base Tout d abord, n oubliez pas que faire une page Internet est identique à faire un beau fichier dans Word, à l exception que vous devez penser aux liens entre les pages et que vos possibilités sont beaucoup plus vastes. Voici, en gros, comment faire une page web simple. PREMIÈRE ÉTAPE : Créez un dossier! N oubliez pas que vos fichiers ne sont pas destinés à être vu de par votre ordinateur, mais via un serveur! Il vaut donc commencer prudemment : faites un dossier «pageweb» dans lequel vous ferez un sous-dossier «images» (vous pouvez mettre vos images et vos fichiers HTML au même endroit, mais lorsque vous aurez un gros site Internet, ce sera un peu le fouillis ) Si vous aimez les bonnes habitudes, créez un dossier pour vos images et un pour vos fichiers à télécharger (ex : votre powerpoint). Ceci n est pas obligatoire. Certes il vous faut un dossier de base pour y placer vos fichiers, autrement votre site sera incomplet ou aura de mauvais liens entre les pages). Mais vos images peuvent se trouver au même niveau que vos fichiers.htm (ou.html) DEUXIÈME ÉTAPE : Ouvrez dreamweaver (démarrer > programmes > macromedia > dreamweaver ou, si vous êtes dans le laboratoire (dans le répertoire cours EDU7492 > dreamweaver). 5

6 Avant même de faire quoi que ce soit : enregistrez votre page dans votre dossier «pageweb». Votre fichier repèrera alors vos images ou tous les autres fichiers liés via ce dossier. Autrement, les fichiers «liés» auront une adresse «c:/windows/bureau» et ce ne sera pas utile lorsque vos fichiers seront sur Internet! Insertion d une image : Vous songez à ajouter une image dans votre page? Songez d abord à placer votre image dans le bon dossier! Par la suite, cliquez sur le menu insertion > image et sélectionnez l image désirée. TRUC : Il est très important de redimensionner l image selon la taille désirée avant de l importer dans Dreamweaver. La raison est simple : certains navigateurs en perdront la qualité ou votre image aura l air étirée. Pour la redimensionner, plusieurs logiciels s offrent à vous : Photoshop, PaintShopPro, AcdSee en cas de problème de ce genre, faites F1 (fiez-vous à l aide du logiciel!). Insertion d un tableau : Aussi simple que d insérer une image : menu insertion > tableau. A quoi servira votre tableau? 1) Un tableau est utile pour classer des données : Notez que chaque fois que vous cliquez sur un élément dans votre page (en l occurrence le tableau) le menu «propriétés» se modifie selon les paramètres qui s offre à vous. Cidessus dans l image, vous pouvez modifier la police du texte qui se trouve dans le tableau (voir partie du haut), mais également l agencement des cellules : leur taille, leur orientation, la couleur d arrière plan, avec ou sans bordure, etc. (voir partie du bas). 6

7 2) Un tableau est aussi très utile pour faire votre mise en page : Pour agencer vos images et votre texte, il vaut mieux cadrer le tout dans un tableau «sans bordure» sinon vous verrez que votre image sera toujours au mauvais endroit selon le navigateur utilisé. A la création du tableau, indiquez 0 dans bordure (pour ne pas qu il y en ait). Notez également que vous pouvez séparer ou joindre des cellules de tableaux en surlignant les cellules désirées et en cliquant sur le bouton des «propriétés» suivantes : Insertion d un lien dans une même page : Vous pouvez insérer un lien dans une même page (cela ne s appelle pas nécessairement un lien, mais plutôt une ancre). Comme dans Word, vous pouvez envoyer - sur un mot ou une phrase ou encore sur une image particulière votre visiteur sur un endroit particulier de cette même page. Voici comment : Ouvez d abord votre barre d objet (pour ce faire aller dans fenêtre > insertion). Placezvous, dans votre page web, à l endroit où vous désirez envoyer votre visiteur au clic de souris et cliquez sur le dessin encerclé sur l image ci-dessous (nommé ancre). On vous demande d entrer un nom pour votre ancre. Nommez-là «ici» (sans les guillemets). 7

8 Ensuite, sélectionnez un mot ou une image sur lequel un clic de souris redirigera votre visiteur à l endroit où vous avez positionner votre ancre. Dans votre barre des propriétés, vous un endroit tout indiqué pour mettre l adresse de ce lien : Comme votre ancre se nomme ici et qu il s agit d un lien dans la même page. Une ancre se nomme toujours avec un # avant le nom. Donc, pour nommer votre «ancre», vous allez inscrire, dans la case «Lien» : #ici (avec le caractère # qui signifie que le lien est dans la même page). Voilà! Vous pouvez tester votre ancre en appuyant la touche F12, ce qui ouvrira votre page dans un navigateur. Insertion d un lien : Vous avez envie d ouvrir une autre page et non pas d envoyer votre visiteur dans la même page? Le même principe se pose! Au lieu d inscrire #ici, vous allez écrire «lenomdelapage.htm» que votre navigateur doit ouvrir (toujours sans les guillemets). Par contre, lenomdelapage.html doit se trouver dans le même répertoire que la page sur laquelle se trouve ce lien. Si cette page se trouve dans un autre répertoire, cliquez sur la chemise jaune des propriétés, Dreamweaver vous permettra d aller «pointer» le fichier par vous-même et indiquera l adresse à votre place. Truc : Vous pouvez inscrire le nom d une autre page (sur un autre serveur) : comme :http://www.allotoi.com/mapageweb/mapage.html Si vous ne voulez pas que cette page «envoie» votre visiteur sur la page en question (car il ne serait plus sur la vôtre) vous pouvez l obliger à suivre le lien dans une «nouvelle fenêtre». Après avoir indiqué l adresse web (http://) en question, sélectionner la «cible» du lien et indiquez «_blank» (qui signifie dans une nouvelle fenêtre). Notez également les autres options qui s offrent à vous : _blank, _parent, _self, _top. Testez-les et voyez ce que cela provoque! D autres options peuvent s afficher lorsque vous utilisez les «cadres» (aussi nommés «frames»). Vous êtes presque prêt à réaliser votre première page web, mais il manque un élément de taille! Les propriétés de la page! Pour ce faire, aller dans le menu modifier > propriétés de la page. 8

9 Titre de la page Couleur de la page Image en arrière-plan Couleurs de votre texte, de vos liens, etc. À quoi servent ces propriétés? À intituler votre page (nom qui s affichera dans le haut de votre navigateur), à donner une couleur ou une image comme fond d écran (image qui est dans le bon répertoire!!!), vous pouvez indiquer la couleur de vos liens, de votre texte, des liens qui ont été visités et qui sont actifs, etc. Ces propriétés sont une étape importante (au moins, nommez votre page!!!) Voilà, avec ces quelques notions, vous pourrez confectionner vos premières pages web. Un exercice pour vérifier vos connaissances : créez une page insérez des images et des liens, créez diverses pages qui pointent entres elles et vous comprendrez rapidement comment le tout fonctionne 6. Les fonctions avancées Pour confectionner une page plus complexe, Dreamweaver est l élément idéal. Bien que plusieurs fonctions s offrent à vous comme : insérer des fichiers «flash» ou «Shockwave» ou encore d ajouter des formulaires, de la programmation javascript, php ou autre, nous nous attarderons à quelques éléments complexes, mais réalisables dans le cadre de la conception d un site Internet en peu de temps. Ajout d une image survolée : une image survolée, aussi nommée «rollover» est une image qui se transforme au passage de la souris. Cela est fréquemment utilisé et est simple à réaliser (en autant que vous ayez vos images prêtes à l utilisation). Assurez-vous toujours d avoir les deux images en question dans votre répertoire «images». Imaginons que l image 1a.jpg, au passage de la souris, se transformerait pour montrer l image 1b.jpg (celles-ci étant toutes deux dans le bon dossier). 1a.jpg Image affichée normalement 1b.jpg Image qui s affiche au passage de la souris 9

10 Vous avez sûrement vu des pages qui utilisent ce système (www.pcpes.tk par exemple!). Pour réaliser ceci, allez dans le menu insertion > image interactive > image survolée une fenêtre s ouvre alors et vous demande le nom des deux fichiers (1a.jpg et 1b.jpg) ainsi que le lien de la page qui s ouvrira au clic de la souris. Pas plus compliqué! Truc : pour faire deux images «similaires» pour faire ce fameux «rollover», utilisez un logiciel simple comme «RealDraw» disponible sur Créez votre première image, puis exportez-là. Par la suite, modifiez cette même image (en l encadrant ou en modifiant sa couleur) et exportez-là de nouveau. Vous aurez alors vos deux images prêtes pour créer votre «rollover». Notez que vous pouvez faire la même procédure dans tout autre logiciel de dessin (Photoshop par exemple). FAIRE DES CADRES (POUR UTILISATEURS AVANCÉS SEULEMENT) À quoi servent les cadres (aussi nommés FRAMES)? Si vous avez un menu ou un titre et vous désirez que celui-ci s affiche constamment, vous pouvez utiliser les cadres. Un cadre est une page divisé en plusieurs pages web (html). Exemple : Voici un exemple qui contient 4 pages web. Pourquoi 4? D abord, il y a trois cadres différents. Imaginons que le titre de votre page soit constamment dans le haut de la page (topframe) et que votre menu soit constamment dans le cadre de gauche (leftframe). Vous avez également une page «principale» qui affichera les pages appelées par le menu (_mainframe). Où est donc la 4 e page? L ensemble des pages doivent faire partie d une autre page. 10

11 La page principale (qui contient l information sur les cadres intérieurs) doit définir : 1) La taille ou le pourcentage des cadres. Ex : 20% - 80% ou 20 pixels, * (* signifie le reste de la page) ; 2) Le nom des cadres auquel vous pourrez faire appel dans Dreamweaver ; 3) Les pages qui sont appelés, à la base, dans ces cadres. Notez que Dreamweaver calcule automatiquement la largeur sélectionnée de vos cadres. Vous n avez donc pas à calculer la taille par vous-même. Juste à bouger la frontière de vos cadres et à enregistrer suffit! Ouf! Un petit exemple visuel? Ouvrez Dreamweaver et créez un cadre en haut de votre page, qui sera le titre et le menu. Si vous enregistrez «tout» (fichier > enregistrer tout), Dreamweaver vous demande, évidemment l endroit, mais le nom de 3 fichiers. UntitledFrame et UntitledFrameSet. FrameSet signifie (le jeu de cadres) donc le cadre qui contient les deux autres cadres. Appelons-le : index.htm UntitledFrame1 signifie le cadre du bas. Appelons le bas.htm UntitledFrame1 : cadre du haut. Nom : haut.htm (etc. etc.) Insérez une image (menu.jpg) dans le cadre du haut. Il faut sélectionner le cadre d abord, puis faire insertion > image. Votre image semble ne pas «rentrer» dans le cadre. Essayez d abord de retirer toutes les marges modifier > propriétés de la page. Vous pouvez aussi descendre la ligne du cadre selon votre désir. Dreamweaver enregistrera automatiquement la taille de vos cadres. N oubliez pas, la partie du bas est une autre page html!si vous écrivez un petit texte dans la partie du bas, que vous enregistrez toute vos pages, ouvrez-les séparément et vous verrez que chacune des pages vous offre une vision différente (la page du haut, la page du bas, l ensemble des pages). 11

12 FAIRE DES LIENS SUR DES IMAGES (IMAGE MAP) ET OUVRIR UN LIEN DANS UN CADRE SPÉCIFIQUE Pour l exemple précédent, j ai fait une image avec quatre mots : MENU (le titre du site par exemple) et trois petits mots (le menu) : accueil projet . Si je désire mettre un lien sur le mot accueil hum! difficile puisque ce n est pas une image particulière (elle fait partie du tout de l image). Cliquez sur l image globale et voyons les options de l inspecteur de propriétés : Vous pouvez déterminer des «zones» cliquables dans votre images. Cliquez, par exemple dans le carré et sélectionnez la partie de l image qui entoure le mot «accueil». La zone est «bleu-vert» et vous pouvez donner un lien à cette zone seulement dans les propriétés (qui se transforme selon les options qui vous sont offertes!). Juste à remplir votre case «Lien» par ou le nom du fichier HTML que vous désirez voir apparaître dans la partie du bas (bas.htm par exemple). Dans la case «Cible» plusieurs options sont à votre portée, mais notez les options de «frame» : mainframe (cadre principal le plus gros, donc celui du bas) _topframe (cadre du haut) Sélectionnez le mainframe et vous aurez un lien qui s ouvrira dans le cadre du bas. Pas plus compliqué! Si vous désirez ajouter un lien « » : Au lieu d écrire, dans la case «Lien» un lien de type : bas.htm ou inscrivez sans aucun espace! Le tour est joué! Ce n était pas si compliqué finalement! 12

13 7. Avant de publier Testez vos pages. Comment? Copiez tous vos fichiers sur une disquette ou sur cédérom et déplacez votre répertoire ou testez votre page sur un autre ordinateur. S il manque une image ou autre élément, vous le verrez facilement! Pourquoi sur un autre ordinateur? Si votre image est liée à une adresse dans votre ordinateur (ex : c:/windows/bureau), peu importe où vous êtes, il pourra la retrouver. Alors que dans l ordinateur du voisin suprise! Vous pouvez aussi mettre vos pages sur un serveur! Plusieurs sites Internet vous l offrent gratuitement (contre de la publicité) ou alors regardez du côté de votre fournisseur d accès Internet qui vous offre probablement de l espace disque pour héberger vos pages. UQAM vous offre la possibilité d héberger vos pages soit en tant qu étudiant actif, soit avec l abonnement UQAM Internet. Une fois vos pages sur le serveur (vous verrez comment plus tard), testez encore tous vos liens, toutes vos pages et, si possible, sur Internet Explorer et Netscape et encore mieux sur MAC et sur PC. Évidemment, il y a des chances que tout ne fonctionne pas du premier coup. Rassurez-vous : c est la loi de la jungle! Il vaut mieux prévoir quelques jours pour réparer vos bugs! Si vous êtes à la dernière minute, il y a de fortes chances que certains détails de votre site ne fonctionnent pas. Pensez-y! 8. Publier vos pages Ceci est délicat. D abord, il vous faut un serveur! C est-à-dire un endroit où héberger vos pages. Plusieurs hébergeurs sont gratuits, mais imposent de la publicité. À l UQAM, vous avez accès à un hébergement gratuit qui sera valide tant que vous êtes étudiant(e), mais cela nécessite plusieurs démarches. Nous utiliserons un serveur gratuit pour notre exemple. Vous pouvez voir une liste des serveurs gratuits sur le site Internet Deux types de serveurs existent : ceux qui fournissent le «ftp» (File Transfert Protocol) ou ceux qui vous demandent d utiliser un logiciel ftp personnel (programme installé dans votre ordinateur). Si vous utilisez un «FTP browser» (FTP via le navigateur, offert par l hébergeur), il se peut que vous deviez envoyer un fichier après l autre. Je vous recommande d utiliser un logiciel ftp personnel (ws-ftp par exemple qui est gratuit sur PC, ou encore FETCH sur Macintosh). Un logiciel FTP permet d envoyer vos fichiers sur le serveur afin que vos pages soient visibles par le monde entier. Le logiciel n a aucune autre utilisation, mais il s agit quand même d un logiciel indispensable pour la publication de vos pages html. 13

14 OUVRIR UN COMPTE SUR MULTIMANIA (http://www.multimania.lycos.fr/) Sur le site de Multimania, cliquez sur «S inscrire». Cliquez ensuite sur «Accepter». Choisir votre identifiant (qui sera aussi le nom de votre sur ce serveur ainsi que le nom de votre adresse et remplissez les sections qui contiennent un signe * (obligatoire). Cliquez ensuite sur «S incrire» pour terminer votre inscription. Si une réponse est invalide ou si votre identifiant est déjà pris, on vous demandera de réécrire votre réponse. Lorsque votre inscription est validée, on vous envoi un courriel de confirmation (pour éviter que des systèmes automatiques valident les comptes avec des courriels bidons). Cliquez sur le lien d activation de votre compte inclus dans votre courriel. Entrez le mot de passe pour le FTP du serveur et le code de sécurité. Après cela, votre identifiant et mot de passe fonctionneront dans le serveur de Multimania et cette manœuvre vous donne 50 Mo d espace disque! ENVOYER VOS PAGES Branchez-vous dans votre compte à partir du serveur de Multimania. Cliquez sur WebFTP. Ou alors ouvrez le logiciel FTP de votre logiciel, comme WS-FTP (http://www.wsftp.com/). Peu importe votre logiciel que vous utilisez, les options sont toujours semblables. Voici à quoi ressemble le logiciel WS-FTP et ce que vous devez y entrer : serveur identifiant mot de passe 14

15 Cliquez sur OK et vous devriez vous brancher sur le serveur Multimania. N oubliez pas de cocher «SavePwd» si vous ne désirez pas réinscrire votre mot de passe. Ne pas cocher l option «Anonymous». Une fois connecté, voici à quoi ressemble votre écran : Votre ordinateur Tranférer Le serveur À gauche, se trouve votre ordinateur. Vous devez aller dans le répertoire où se trouve votre site web. Sélectionner avec votre souris tous vos fichiers et répertoires et cliquez sur la flèche de transfert au centre de l écran. C est tout! Vos fichiers sont maintenant sur le serveur. Allez ensuite sur l adresse de Multimania et vérifiez vos pages, vos liens, vos images Chaque fois que vous modifier vos pages, vous devez aller en faire «la mise à jour», c est-à-dire envoyer les pages modifiées à nouveau sur le serveur. 9. Questions - réponses J ai une image qui ne s affiche pas : pourquoi? Rien de plus simple. Elle n est pas à l endroit indiqué par Dreamweaver. Refaites-le lien. Vérifiez que le nom de cette image n ait aucune majuscule, aucun espace, aucun accent. Malheureusement, vous devez refaire le lien avec le logiciel à toutes les fois que le lien est incorrect. Mon site est lourd et ne rentre pas sur une disquette est-ce normal? Il faut voir combien de pages vous avez et quelles sont les tailles de vos images. Jetez un œil sur vos fichiers. Qu est-ce qui est le plus lourd? Si c est votre diaporamas c est peut-être normal. Essayez de minimiser la taille de vos images en utilisant la taille réelle de celle-ci. Inutile d avoir une image très grosse et de la redimensionner dans Dreamweaver car le logiciel utilise l image réelle et cela ne modifie pas sa taille! Vous transportez donc une image trop grosse pour ce dont vous avez besoin. Un site de 5-6 pages avec une dizaines d images doit peser autour de 300k 500k selon le nombre d images nécessaire et la qualité des images. Mais n oubliez pas qu une page qui fait 100 k c est lourd pour un modem 56k. On n a pas tous la haute-vitesse! 15

16 Notez que Dreamweaver vous indique toujours la taille de votre page dans la barre de statut du bas. En quelle résolution d écran dois-je faire mon site Internet? Peut-être n aurez-vous jamais cette question en tête en réalisant votre site Internet, mais n oubliez pas que nous n avons pas tous la même résolution d écran. Ceci signifie que les pages que nous voyons ne prennent pas toutes le même espace dans l écran. Après avoir fait votre site Internet et juger qu il était bien «joli» dans votre ordinateur, faites le test sur l ordinateur de votre voisin. Parfois, le site est si gros que le site ne s affiche pas entièrement dans le navigateur. Pourquoi? La majorité des sites Internet sont «optimisés» pour une résolution de 800 x 600 (au laboratoire par exemple). La résolution courante d un ordinateur se situe soit à 1024 x 768 ou à 800 x 600. C est la «taille» de l écran si vous voulez. Si votre père a un vieux 486 avec Windows 95 ou un vieux mac avec un système 7.5.1, il se peut que sa résolution soit de 640 x 480 et que tout ce que vous faites soit affreusement gros dans son ordinateur et tout mignon dans le vôtre! Il ne faut pas oublier que certaines personnes ne sont pas en 256 couleurs ou en milliers de couleurs dans leur écran et que certaines images ou dégradés de couleurs risquent de vous surprendre. Si Windows ne connaît pas la couleur, il prendra celle qui est «similaire». Or, cela donne des résultats peu réussis! Bref, la majorité des sites Internet sont optimisés pour une résolution de 800 x 600. Essayez d en faire autant si possible. Voyez la «taille de fenêtre» de Dreamweaver (en bas, à droite). Il peut vous afficher votre page dans plusieurs résolutions afin que vous jugiez ce qui visuellement plus agréable à réaliser. Cela nécessite quelques ajustements, mais si vous voulez que vos visiteurs puissent voir votre page telle que vous l avez conçue, il vaut mieux y songer! D autres questions? Contactez-moi directement : 16

17 10. Ressources Voici un éventail de plusieurs ressources si vous avez besoin d aide avec Dreamweaver. AIDE Allez d abord jeter un œil sur l aide du logiciel (touche «F1»), celle-ci vous permet de poser une question, de faire une recherche approfondie sur le sujet de votre problème. Dreamweaver en est à la version MX (5) et leur documentation est très bien faite. Profitez-en! WEB Pourquoi ne pas aller sur le site de Macromedia qui offre un support et des petites formations sur Dreamweaver via son site Internet : (attention le site change souvent il vaut mieux vous rendre sur macromedia.com et allez dans le support directement). Plusieurs sites Internet mettent des tutoriels «en ligne». Si vous voulez les avoir en français allez dans Google.fr et tapez tutoriel dreamweaver (cochez l option chercher uniquement dans des sites francophones) et magasinez quelques pages vous trouverez sûrement ce que vous cherchez. GROUPES DE DISCUSSION Si vous avez Outlook Express, vous pouvez ajouter un compte de «news». Les groupes de discussion sont une façon intelligente de se former à des logiciels et des concepts. A la différence du reste des ressources disponibles, vous pouvez poser la question et les autres utilisateurs vous répondront. Cherchez le sujet «Dreamweaver» ou «html» et une foule de groupes s afficheront. Si vous n avez pas envie de chercher pendant des heures la solution, allez sur Google.com dans la rubrique «News». Tapez votre question (en anglais, cela est plus efficace malheureusement) et faites le dépouillage des résultats. Google peut chercher dans ces listes plus rapidement que vous! Il y a plusieurs forums sur le html et sur le logiciel Dreamweaver lui-même qui cherche trouve! 17

Introduction à Dreamweaver

Introduction à Dreamweaver Introduction à Dreamweaver Dreamweaver est un logiciel d édition de page web. Un site est un ensemble de pages [souvent en format html, ce qui signifie HyperText Markup Language, reliées entre elles par

Plus en détail

Consignes générales :

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

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

Guide d utilisation Plus de souplesse dans votre communication?

Guide d utilisation Plus de souplesse dans votre communication? Guide d utilisation Plus de souplesse dans votre communication? Un produit de la société Table des matières Table des matières... 2 Guide complet d utilisation... 3 Connexion à l administration i-flexo...

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

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

GUIDE D UTILISATION CRÉER SON SITE WEB - PROJET RESCOL

GUIDE D UTILISATION CRÉER SON SITE WEB - PROJET RESCOL GUIDE D UTILISATION CRÉER SON SITE WEB - PROJET RESCOL 1. Avant de commencer Il existe plusieurs éditeurs de pages Web qui vous permettent de construire un site Web. Nous vous conseillons toutefois de

Plus en détail

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.

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

Plus en détail

Comment intégrer des images dans un texte

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

Plus en détail

Site internet du collège Comment écrire un article?

Site internet du collège Comment écrire un article? Site internet du collège Comment écrire un article? Préambule : les rôles. L administrateur du site vous a attribué des droits. L utilisateur simple peut, par exemple, simplement commenter un article ou

Plus en détail

COURS WINDEV NUMERO 3

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

Plus en détail

Notes pour l utilisation d Expression Web

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

Plus en détail

Cahier n o 6. Mon ordinateur. Fichiers et dossiers Sauvegarde et classement

Cahier n o 6. Mon ordinateur. Fichiers et dossiers Sauvegarde et classement Cahier n o 6 Mon ordinateur Fichiers et dossiers Sauvegarde et classement ISBN : 978-2-922881-10-3 2 Table des matières Fichiers et dossiers Sauvegarde et classement La sauvegarde 4 Enregistrer 4 De quelle

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

Optimiser pour les appareils mobiles

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

Plus en détail

Utiliser Word. Thibault J-Jacques Animateur multimédia au CRDP de l académie de Versailles. Page 1 sur 12

Utiliser Word. Thibault J-Jacques Animateur multimédia au CRDP de l académie de Versailles. Page 1 sur 12 Utiliser Word Les fonctions de base de Word.... 2 Enregistrer le document en cours... 3 Un menu à connaître... 3 Ouvrir/fermer/réduire un document existant... 4 Réparer des erreurs de frappe... 4 Déplacer

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

Utilisation de Sarbacane 3 Sarbacane Software

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

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

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

145A, avenue de Port Royal, Bonaventure (Québec) G0C 1E0 Sans frais : 1 888 765 4636 www.solutioninfomedia.com

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

Plus en détail

Suzanne Harvey

<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

Plus en détail

Comment accéder à d Internet Explorer

Comment accéder à d Internet Explorer Comment accéder à d Pour ouvrir l application, vous n avez qu à doublecliquer sur l icône de celle-ci : ou vous pouvez encore allez le chercher par le raccourci dans la barre des tâches : Lorsque l application

Plus en détail

Publication dans le Back Office

Publication dans le Back Office Site Web de l association des ingénieurs INSA de Lyon Publication dans le Back Office Note : dans ce guide, l'appellation GI signifie Groupe d'intérêt, et GR Groupe Régional laure Buisset Page 1 17/09/2008

Plus en détail

Diffuser un contenu sur Internet : notions de base... 13

Diffuser un contenu sur Internet : notions de base... 13 Diffuser un contenu sur Internet : notions de base... 13 1.1 Coup d œil sur l organisation de cet ouvrage.............. 15 Préambule : qu est-ce qu une page web?................ 16 À propos du HTML...........................

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

Dans cette Unité, nous allons examiner

Dans cette Unité, nous allons examiner 13.0 Introduction Dans cette Unité, nous allons examiner les fonctionnements internes d une des plateformes de publication web les plus largement utilisées de nos jours sur l Internet, WordPress. C est

Plus en détail

Personnalisation de votre ordinateur

Personnalisation de votre ordinateur Quelles sont les nouveautés dans Windows 7? Même si de nombreuses fonctionnalités sont identiques à la version précédente de Windows, vous aurez peut-être besoin d aide pour effectuer vos tâches plus rapidement.

Plus en détail

www.riaq.ca de Microsoft NIVEAU 2 Initiation à une messagerie Web en ligne.

www.riaq.ca de Microsoft NIVEAU 2 Initiation à une messagerie Web en ligne. NIVEAU Initiation à une messagerie Web en ligne. de Microsoft Windows Live Mail peut vous aider à classer tout ce qui vous intéresse au même endroit sur votre PC. Ajoutez et consultez plusieurs comptes

Plus en détail

OBJECTIFS DE CE GUIDE... 5 QU EST-CE QU UN DOCUMENT ACCESSIBLE... 5 LA STRUCTURE D UN DOCUMENT... 6 LES TITRES ET LES SOUS-TITRES...

OBJECTIFS DE CE GUIDE... 5 QU EST-CE QU UN DOCUMENT ACCESSIBLE... 5 LA STRUCTURE D UN DOCUMENT... 6 LES TITRES ET LES SOUS-TITRES... Diffusion de l information dans Internet Guide de création de documents Word accessibles 5 novembre 2009 OBJECTIFS DE CE GUIDE... 5 QU EST-CE QU UN DOCUMENT ACCESSIBLE... 5 LA STRUCTURE D UN DOCUMENT...

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

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

Niveau 1. Atelier d'initiation à l'ordinateur ... Fondation de la Bibliothèque Memphrémagog inc. Magog (Québec) J1X 2E7 Tél.

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

Plus en détail

Utilisez Toucan portable pour vos sauvegardes

Utilisez Toucan portable pour vos sauvegardes Utilisez Toucan portable pour vos sauvegardes Préambule Toucan est un logiciel libre et gratuit, permettant de réaliser des sauvegardes ou synchronisation de vos données. Il est possible d automatiser

Plus en détail

Guide de base WordPress

Guide de base WordPress Guide de base WordPress Pour créer et gérer votre blogue ou site Internet 1- La création du blogue Wordpress Créez votre propre compte Wordpress.com en quelques secondes. C est gratuit. Entrez cette adresse

Plus en détail

Guide de l utilisateur. Faites connaissance avec la nouvelle plateforme interactive de

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

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

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

Rapports d activités et financiers par Internet. Manuel Utilisateur

Rapports d activités et financiers par Internet. Manuel Utilisateur Rapports d activités et financiers par Internet Manuel Utilisateur Table des matières 1. Introduction... 3 2. Pré requis... 3 3. Principe de fonctionnement... 3 4. Connexion au site Internet... 4 5. Remplir

Plus en détail

Je me familiarise avec l ordinateur et son système d exploitation. Apprendre à utiliser les TIC dans la vie de tous les jours

Je me familiarise avec l ordinateur et son système d exploitation. Apprendre à utiliser les TIC dans la vie de tous les jours Je me familiarise avec l ordinateur et son système d exploitation Cahier de formation 1 Apprendre à utiliser les TIC dans la vie de tous les jours Programme ordinateur de Je Passe Partout Document produit

Plus en détail

NAVIGATION SUR INTERNET EXPLORER

NAVIGATION SUR INTERNET EXPLORER Centres d accès communautaire Internet des Îles NAVIGATION SUR INTERNET EXPLORER Table des matières Introduction 1- Les barres d outils 1.1 La barre d adresse 2 5 min. 1.2. Les boutons de navigation 2

Plus en détail

Création d un site Internet

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

Plus en détail

Guide d installation et de démarrage

Guide d installation et de démarrage Guide d installation et de démarrage Table des matières : 1 Installation sur Macintosh... 2 1.1 Blocage et déblocage sur Apple.... 4 2 Installation sur un ordinateur utilisant Windows... 5 2.1 Blocage

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

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

AIDE à l utilisation du cédérom «L athlétisme à l école» Niveau Primaire SOMMAIRE

AIDE à l utilisation du cédérom «L athlétisme à l école» Niveau Primaire SOMMAIRE AIDE à l utilisation du cédérom «L athlétisme à l école» Niveau Primaire SOMMAIRE Arborescence du cédérom (page 2) Lancement du Cédérom et configuration minimale de votre ordinateur (page 3). Loupe, page

Plus en détail

Votre Guide d utilisation

Votre Guide d utilisation Votre Guide d utilisation Comment accéder au Gestionnaire de Contenu (CMS)? Le Gestionnaire de Contenu (CMS) a été optimisé pour être utilisé avec le fureteur Google Chrome. Vous pouvez aussi utiliser

Plus en détail

Internet personnel. Auteur: Guillaume GUAY La Clé Informatique Université de Sherbrooke, mars 2006

Internet personnel. Auteur: Guillaume GUAY La Clé Informatique Université de Sherbrooke, mars 2006 Création d un d site Internet personnel Auteur: Guillaume GUAY La Clé Informatique Université de Sherbrooke, mars 2006 1-2-3 Étapes de mise sur pied d un d site Internet personnel! 1 - Création des fichiers

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

Réaliser une carte de vœux

Réaliser une carte de vœux Réaliser une carte de vœux - 6 janvier 2014 p 1 Réaliser une carte de vœux Un petit tutoriel de saison, qui utilisera les connaissances acquises autour de la gestion de vos photos, et le logiciel libre

Plus en détail

Comment créer des GIF animés en dix étapes?

Comment créer des GIF animés en dix étapes? Comment créer des GIF animés en dix étapes? Tutoriel GIF Movie Gear Septembre 2002 Rédigé par :Visicom Média inc. 1 TABLE DES MATIERES PRÉSENTATION DE GIF MOVIE GEAR... 2 BARRE DE MENUS... 2 BARRE D'OUTILS

Plus en détail

Étape 1 : Création d une adresse courriel GMAIL

Étape 1 : Création d une adresse courriel GMAIL Wix est une plateforme gratuite pour la construction de sites. Créez des sites de folie en utilisant un de nos modèles ou commencez votre site à partir d'une page blanche! Aucune connaissance technique

Plus en détail

Windows Atelier Cyber-Base Emploi Pays Beaujolais

Windows Atelier Cyber-Base Emploi Pays Beaujolais Windows Atelier Cyber-Base Emploi Pays Beaujolais Utilisation de l interface Windows, création, renommage, déplacement et suppression de répertoires, utilisation de la corbeille voici ce que vous avez

Plus en détail

Guide de réalisation d une campagne e-mail marketing

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

Plus en détail

Ouvrir le compte UQÀM

Ouvrir le compte UQÀM Cliquez sur le titre pour visionner 1 Cliquez sur le titre pour visionner 2! Préliminaires! Ouvrir le compte UQÀM! Accéder au compte UQÀM! Paramètres de configuration! Les dossiers! Gérer les dossiers!

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

1. Ouvrir Internet Explorer 2. 2. Faire défiler une page 2. 3. Naviguer dans un site Internet 2. 4. Changer d adresse Internet (URL) 2

1. Ouvrir Internet Explorer 2. 2. Faire défiler une page 2. 3. Naviguer dans un site Internet 2. 4. Changer d adresse Internet (URL) 2 1. Ouvrir Internet Explorer 2 2. Faire défiler une page 2 3. Naviguer dans un site Internet 2 4. Changer d adresse Internet (URL) 2 5. Gérer l affichage des pages Internet 3 6. Pages précédentes et suivantes

Plus en détail

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

Plus en détail

Office 365/WIFI/Courrier. Guide pour les étudiants

Office 365/WIFI/Courrier. Guide pour les étudiants Office 365/WIFI/Courrier Guide pour les étudiants Table des matières Guide Office365... 2 Pour accéder à la suite Microsoft Office.... 5 Pour créer un nouveau document/télécharger un nouveau document...

Plus en détail

Votre site Internet avec FrontPage Express en 1 heure chrono

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,

Plus en détail

Installation et utilisation du client FirstClass 11

Installation et utilisation du client FirstClass 11 Installation et utilisation du client FirstClass 11 Support par téléphone au 03-80-77-26-46 ou par messagerie sur la conférence «Support Melagri» Sommaire Page I) Installation du client FirstClass 2 II)

Plus en détail

Création d articles sur le site web du GSP

Création d articles sur le site web du GSP Création d articles sur le site web du GSP Mode d emploi pour les membres du groupe spéléo Porrentruy. www.speleoporrentruy.ch 1 Article avec photo et document pdf sur le site du groupe spéléo Porrentruy

Plus en détail

Comment utiliser FileMaker Pro avec Microsoft Office

Comment utiliser FileMaker Pro avec Microsoft Office Guide d utilisation Comment utiliser FileMaker Pro avec Microsoft Office Comment utiliser FileMaker Pro et Microsoft Office page 1 Table des matières Introduction... 3 Avant de commencer... 4 Partage de

Plus en détail

Utiliser Communicator!

Utiliser Communicator! 5.1 Sommaire Démarrer Communicator 5.3 Vos Emails 5.4 Naviguer 5.8 Télécharger 5.10 Imprimer les pages 5.12 Et les forums! 5.13 Utiliser Communicator! En résumé! La prise en main de Communicator est extrêmement

Plus en détail

Comment se connecter au dossier partagé?

Comment se connecter au dossier partagé? Comment se connecter au dossier partagé? Physique Strasbourg Ingénierie 4 avril 2013 Table des matières 1 But du tutoriel 1 2 Client FTP : Filezilla 2 2.1 Téléchargement et installation du client de partage......................

Plus en détail

Prise en main rapide

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

Plus en détail

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

Plus en détail

Archivage de courriels avec Outlook (2007-2010-2013)

Archivage de courriels avec Outlook (2007-2010-2013) Archivage de courriels avec Outlook (2007-2010-2013) Introduction: Si vous utilisez le protocole IMAP ou directement l interface web de Smartermail pour accéder à vos courriels, vous devez savoir que ceux-ci

Plus en détail

Publier un Carnet Blanc

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,

Plus en détail

Tutoriel de démarrage rapide destiné aux EDITEURS

Tutoriel de démarrage rapide destiné aux EDITEURS Tutoriel de démarrage rapide destiné aux EDITEURS 2007 Joseph Beeson josephbeeson@gmail.com Sous une licence Creative Commons : Paternité - Pas d'utilisation Commerciale - Partage des Conditions Initiales.

Plus en détail

Guide de transfert. Courriel Affaires

Guide de transfert. Courriel Affaires Guide de transfert Courriel Affaires Juin 2013 Table des matières Introduction 3 Transfert par un administrateur Voici ce que vous devez fournir avant de commencer 1. Importation de Fichiers PST 2. Exportation

Plus en détail

Programme d Accès Communautaire / Atelier 7 Initiation au Web PLAN DE COURS 3. QU EST-CE QUE C EST INTERNET 4 Ses origines 4 Une brève définition 4

Programme d Accès Communautaire / Atelier 7 Initiation au Web PLAN DE COURS 3. QU EST-CE QUE C EST INTERNET 4 Ses origines 4 Une brève définition 4 TABLE DES MATIÈRES PLAN DE COURS 3 QU EST-CE QUE C EST INTERNET 4 Ses origines 4 Une brève définition 4 DIFFERENCIER LES TYPES D ADRESSE 5 Adresse URL 5 Adresse de courrier électronique 5 ACCEDER À INTERNET

Plus en détail

Découvrez Windows NetMeeting

Découvrez Windows NetMeeting Découvrez Windows NetMeeting Conférence Internet 2001 Université de Moncton. Tous droits réservés. Table des matières 1. Comment puis-je télécharger, installer et démarrer NetMeeting?... 3 2. Quelles sont

Plus en détail

Guide 2015 site web classique L édition de site

Guide 2015 site web classique L édition de site Guide 2015 site web classique L édition de site L interface d édition Navigation... 03 Langue... 04 Thèmes... 05 Options... 06 Aperçu... 07 Paramètres de page... 08 Partage sur les médias sociaux... 09

Plus en détail

UTILISER LA MESSAGERIE

UTILISER LA MESSAGERIE UTILISER LA MESSAGERIE OUTLOOK OU WINDOWS MAIL PRESENTATION DE LA MESSAGERIE CONDITIONS POUR UTILISER LE COURRIER ELECTRONIQUE Pour envoyer un courrier sur un PC il faut un programme ou un service de messagerie.

Plus en détail

Guide d utilisation 2012

Guide d utilisation 2012 Guide d utilisation 2012 Tout ce dont vous avez besoin pour bien démarrer REACOM La performance marketing SOMMAIRE Démarrez avec reagiciel Accédez à votre console d administration 4 Gestion internet Aperçu

Plus en détail

Manuel d utilisation du logiciel RÉSULTATS. Édition destinée aux départements

Manuel d utilisation du logiciel RÉSULTATS. Édition destinée aux départements Manuel d utilisation du logiciel RÉSULTATS Édition destinée aux départements Avant propos. Qu est-ce le logiciel RÉSULTATS? RÉSULTATS est une application entièrement web destinée à la saisie et à la diffusion

Plus en détail

Initiation à linfographie

Initiation à linfographie Ce support de cours de l Agence universitaire de la Francophonie est distribué sous licence GNU FDL. Permission vous est donnée de copier, distribuer et/ou modifier ce document selon les termes de la Licence

Plus en détail

Infolettre #6: SkyDrive

Infolettre #6: SkyDrive Infolettre #6: SkyDrive Table des matières AVANTAGES DE SKYDRIVE 2 DÉSAVANTAGES DE SKYDRIVE 2 INSCRIPTION AU SERVICE 2 MODIFIER VOTRE PROFIL 4 AJOUTER UN DOSSIER 5 AJOUTER DES FICHIERS DANS LE DOSSIER

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

iil est désormais courant de trouver sur Internet un document

iil est désormais courant de trouver sur Internet un document Matériels et systèmes L Acrobat qui cherche dans les PDF Michel NARCY - Formateur TICE et Médialog Bulletin officiel, programmes d enseignement, articles de quotidiens ou de revues scientifiques... De

Plus en détail

Google Adresses. Validez la fiche de votre entreprise ou organisation sur Google Maps

Google Adresses. Validez la fiche de votre entreprise ou organisation sur Google Maps Google Adresses Validez la fiche de votre entreprise ou organisation sur Google Maps Le Réseau acadien des sites P@C de la Nouvelle Écosse Janvier 2011 Source : http://www.google.com/support/places/bin/static.py?page=guide.cs&guide=28247&topic=28292&answer=142902

Plus en détail

VOCABULAIRE LIÉ AUX ORDINATEURS ET À INTERNET

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

Plus en détail

Aide à l utilisation de l Intranet de l IUT

Aide à l utilisation de l Intranet de l IUT CNTE Les Ateliers du Multimédia année 2004-2005 Mode d emploi Aide à l utilisation de l Intranet de l IUT livret 1 : la consultation Sommaire (version du 22-09-2004) Préliminaires...3 Optimiser l'utilisation

Plus en détail

Cliquez sur l icône représentant des livres pour afficher vos classeurs où sont rangés vos documents.

Cliquez sur l icône représentant des livres pour afficher vos classeurs où sont rangés vos documents. AIDE LOGICIEL Logiciel : PROGRELIUM (à partir de la version 2.30) Objet : Classer et ouvrir vos documents Cliquez sur l icône représentant des livres pour afficher vos classeurs où sont rangés vos documents.

Plus en détail

INTRODUCTION AU CMS MODX

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

Plus en détail

CLARISWORKS 5. ÉTAPE 1 Créer un document. Lancer l application. (Windows 95 ou 98) Créer un document en utilisant le traitement de texte

CLARISWORKS 5. ÉTAPE 1 Créer un document. Lancer l application. (Windows 95 ou 98) Créer un document en utilisant le traitement de texte ÉTAPE 1 Créer un document Lancer l application Mettre l ordinateur en route. Double cliquer sur l icône ClarisWorks 5 qui se trouve sur le bureau ou cliquer sur Démarrer Programmes ClarisWorks5 Vous arrivez

Plus en détail

L utilisation d outils intelligents pour écrire du code valide

L utilisation d outils intelligents pour écrire du code valide B L utilisation d outils intelligents pour écrire du code valide Toutes les méthodes de développement, sans exception, incluent au moins une étape de test du code. C est parce que le code écrit par la

Plus en détail

Programme d Accès Communautaire / Atelier 4 Initiation à Microsoft Excel PLAN DE COURS 3 MICROSOFT EXCEL 4 LANCER EXCEL 4

Programme d Accès Communautaire / Atelier 4 Initiation à Microsoft Excel PLAN DE COURS 3 MICROSOFT EXCEL 4 LANCER EXCEL 4 TABLE DES MATIÈRES PLAN DE COURS 3 MICROSOFT EXCEL 4 LANCER EXCEL 4 LE COMPAGNON OFFICE 4 Masquage ou affichage du Compagnon Office 4 Sélection d un autre Compagnon 4 APPRIVOISER EXCEL 5 Exercice no 1

Plus en détail

cbox VOS FICHIERS DEVIENNENT MOBILES! INTERFACE WEB MANUEL D UTILISATION

cbox VOS FICHIERS DEVIENNENT MOBILES! INTERFACE WEB MANUEL D UTILISATION cbox VOS FICHIERS DEVIENNENT MOBILES! INTERFACE WEB MANUEL D UTILISATION BV Introduction L application cbox peut-être installée facilement sur votre ordinateur. Une fois l installation terminée, le disque

Plus en détail

Transférer des fichiers à l aide de WinSCP et 2 contextes d utilisation dans des sites SPIP avec FCK editor

Transférer des fichiers à l aide de WinSCP et 2 contextes d utilisation dans des sites SPIP avec FCK editor Transférer des fichiers à l aide de WinSCP et 2 contextes d utilisation dans des sites SPIP avec FCK editor Pierre Drouin Conseiller pédagogique en TIC Service local du RECIT Commission scolaire de la

Plus en détail

Le Windows que vous connaissez, simplement amélioré. Petit guide rapide pour Windows 8.1 en Entreprise

Le Windows que vous connaissez, simplement amélioré. Petit guide rapide pour Windows 8.1 en Entreprise Le Windows que vous connaissez, simplement amélioré. Petit guide rapide pour Windows 8.1 en Entreprise Découvrez l écran d accueil. Votre écran d accueil concentre les informations les plus importantes

Plus en détail

Tutoriel BLOGGER. Pour vous donner une idée, voici un exemple de blog : http://formationlaragne.blogspot.fr/

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

Plus en détail

TBI-DIRECT. Bridgit. Pour le partage de votre bureau. Écrit par : TBI Direct. http://www.tbi-direct.fr

TBI-DIRECT. Bridgit. Pour le partage de votre bureau. Écrit par : TBI Direct. http://www.tbi-direct.fr TBI-DIRECT Bridgit Pour le partage de votre bureau Écrit par : TBI Direct http://www.tbi-direct.fr Contenu Vue d'ensemble...4 Nom du serveur...5 Lancement du Bridgit...5 Installation du logiciel Bridgit

Plus en détail

INITIATION AU CLAVIER ET À LA SOURIS

INITIATION AU CLAVIER ET À LA SOURIS INITIATION AU CLAVIER ET À LA SOURIS FORMATION INFORMATIQUE COURS 1 LA SOURIS Pour utiliser un ordinateur, il est indispensable de connaître le fonctionnement de la souris et du clavier. La souris a pour

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

Atelier 2. Étape 1 : Installation de Active Directory, installation du service DNS et installation du service WINS Durée approximative : 40 minutes

Atelier 2. Étape 1 : Installation de Active Directory, installation du service DNS et installation du service WINS Durée approximative : 40 minutes Atelier 2 Installation d Active Directory Installation du service DNS Installation du Service WINS Création d'un compte d'ordinateur Jonction d'un ordinateur à un domaine Création d usagers. Étape 1 :

Plus en détail

Windows 7 - Dossiers et fichiers

Windows 7 - Dossiers et fichiers Windows 7 - Dossiers et fichiers Explorez votre PC : dossiers et fichiers Tous les fichiers nécessaires au fonctionnement de votre ordinateur, qu il s agisse de ceux de Windows, des logiciels installés

Plus en détail

Nota Bene module Professeur version 11. pour Windows 98 et supérieur. Manuel d utilisation. Edition du 18-04-06

Nota Bene module Professeur version 11. pour Windows 98 et supérieur. Manuel d utilisation. Edition du 18-04-06 Nota Bene module Professeur version 11 pour Windows 98 et supérieur Manuel d utilisation Edition du 18-04-06 Table des matières Chapitre 1 Nota Bene module Professeur...4 I. Installation de Nota Bene module

Plus en détail

REALISER UNE CARTE GEOGRAPHIQUE SUR MESURE

REALISER UNE CARTE GEOGRAPHIQUE SUR MESURE REALISER UNE CARTE GEOGRAPHIQUE SUR MESURE Que fait-on? On crée une carte géographique sur laquelle on n affiche que l information strictement nécessaire à la présentation d une oeuvre. Pourquoi le fait-on?

Plus en détail