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

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

Introduction à Dreamweaver CS4

Introduction à Dreamweaver CS4 Introduction à Dreamweaver CS4 Adobe Dreamweaver (anciennement Macromedia Dreamweaver) est un éditeur de site web de type «tel écrit tel écran» (cette formule remplaçant désormais dans la terminologie

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

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

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

1/14 CRÉER UN NOUVEAU SITE 2 OUVRIR UN SITE 3 CRÉER UNE NOUVELLE PAGE 4 MODIFIER LES PROPRIETES D UNE PAGE 5

1/14 CRÉER UN NOUVEAU SITE 2 OUVRIR UN SITE 3 CRÉER UNE NOUVELLE PAGE 4 MODIFIER LES PROPRIETES D UNE PAGE 5 1/14 SOMMAIRE CRÉER UN NOUVEAU SITE OUVRIR UN SITE 3 CRÉER UNE NOUVELLE PAGE 4 MODIFIER LES PROPRIETES D UNE PAGE 5 CRÉER UN LIEN 6 Lien vers une autre page du site Lien vers un autre site Choix d une

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

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

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

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

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

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

Carrefour de l information. Université de Sherbrooke. Création de sites Web à l aide de. Dreamweaver CS3. Par :

Carrefour de l information. Université de Sherbrooke. Création de sites Web à l aide de. Dreamweaver CS3. Par : Carrefour de l information Université de Sherbrooke Création de sites Web à l aide de Dreamweaver CS3 Par : Josée Martin Édition revue et augmentée par Marc-André Dulude Édition revue et augmentée par

Plus en détail

Comment bien organiser son travail

Comment bien organiser son travail Comment bien organiser son travail Il est important que les enfants puissent rapidement ête autonomes devant l ordinateur. Cela signifie qu il faut qu ils soient capables d enregistrer leurs travaux dans

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

Procédurier des principales fonctions

Procédurier des principales fonctions SYSTÈME DE PUBLICATION POUR L INTERNET PARTAGÉ SQUELETTE SARKA Procédurier des principales fonctions 2012-2013 avec éditeur de texte TinyMCE DOCUMENT DE TRAVAIL Le site de référence pour les formations

Plus en détail

PLAN DE FORMATION MODULO

PLAN DE FORMATION MODULO PLAN DE FORMATION MODULO Sommaire Plan de formation Modulo...1 Création des pages Sections Menus...2 Exercices :...3 Création du contenu - Menu Pages (GDA)...3 Les différentes options d un document...5

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

L anthropologie au Collège Ahuntsic

L anthropologie au Collège Ahuntsic L anthropologie au Collège Ahuntsic Procédurier pour l utilisation du logiciel Cmap Tools 1 Installer Cmap Tools sur votre ordinateur 1. Aller à l adresse suivante : http://cmap.ihmc.us/download/ 2. Sélectionner

Plus en détail

Déroulement de la formation

Déroulement de la formation Notes de cours Traitement de l image Marc Bernier Déroulement de la formation 1. Les différents formats d image. 2. Présentation de quelques applications Adobe Air. 3. Redimensionnement d une ou plusieurs

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

Collège Pie10. www.danielpie10.be/site.php

Collège Pie10. www.danielpie10.be/site.php Collège Pie10 www.danielpie10.be/site.php Daniel Massart Février 2007 Sommaire 1 OBJECTIFS 1 2 TYPES DE SITES 1 2.1 Les blogs 1 2.2 Les sites «bibliothèques» 2 2.3 Les sites statiques classiques 2 2.4

Plus en détail

Une fois l installation d OE faite, lancez-le. Vous tomberez sur ce premier visuel qui vous permettra de choisir de créer votre premier site web.

Une fois l installation d OE faite, lancez-le. Vous tomberez sur ce premier visuel qui vous permettra de choisir de créer votre premier site web. Le logiciel openelement est un éditeur de nouvelle génération qui vous aidera à créer un site internet quels que soient vos besoins (sites particuliers, sites vitrines, sites associatifs, sites d entreprise,

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

Procédure Sur Installer et configurer Filezilla-Client FTP.

Procédure Sur Installer et configurer Filezilla-Client FTP. Procédure Sur Installer et configurer Filezilla-Client FTP. Historique du document Révision Date Modification Auteur 1 2009-03-16 Création Daniel Roy INSTALLER ET CONFIGURER FILEZILLA-CLIENT FTP... 3 2

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

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

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

RÉCAPITULATIF SEMAINE 5 :

RÉCAPITULATIF SEMAINE 5 : RÉCAPITULATIF SEMAINE 5 : Dans la SEMAINE 5, vous avez appris à faire la promotion de produit cellulaires, accessoires, jeux, etc. Il existe beaucoup de plateforme offrant ce genre d affiliation! Ce domaine

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

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

Gérer vos photos numériques

Gérer vos photos numériques Gérer vos photos numériques 26 mars 2013 p 1 Gérer vos photos numériques Avec ce tutoriel, vous apprendrez à : différencier la photothèque de la visionneuse, redresser une photo, ajouter des balises pour

Plus en détail

Comment installer wordpress. www.bxart.be wp niveau 1

Comment installer wordpress. www.bxart.be wp niveau 1 www.bxart.be wp niveau 1 Installation Introduction Wordpress est un CMS ce qui signifie : système de gestion de contenu (Content Management System). Il y a d autres CMS mais c est de loin le plus populaire.

Plus en détail

Guide de l administrateur de rubriques du site communal d ORCHAISE

Guide de l administrateur de rubriques du site communal d ORCHAISE Guide de l administrateur de rubriques du site communal d ORCHAISE Sommaire Comment est organisé le site?... 1 Comment accéder à l interface privée?... 2 Comment se connecter?... 2 Comment modifier son

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

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

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

Inspiration 8.0. Sans plus tarder, partez à la découverte d Inspiration. Vous verrez comme ce logiciel est amusant à explorer.

Inspiration 8.0. Sans plus tarder, partez à la découverte d Inspiration. Vous verrez comme ce logiciel est amusant à explorer. Inspiration 8.0 Inspiration est un logiciel pour l organisation des idées. Avec Inspiration, vous représentez vos idées sous la forme de schémas, de cartes mentales ou de plans. Inspiration s avère un

Plus en détail

Initiation à Dreamweaver

Initiation à Dreamweaver Benjamin Godefroy Redouane Zarghoune Initiation à Dreamweaver SI28 Ecriture interactive et multimédia Automne 2004 Organisation du TD Préambule : Introduction au HTML Présentation de Dreamweaver Exercices

Plus en détail

MESSAGERIE ÉLECTRONIQUE

MESSAGERIE ÉLECTRONIQUE MESSAGERIE ÉLECTRONIQUE OUTLOOK EXPRESS DE MICROSOFT VERSION 5 1. LE «COURRIEL», «COURRIER ÉLECTRONIQUE», «MESSAGE ÉLECTRONIQUE», LES «E-MAILS» C EST QUOI ET ÇA SERT À QUOI? Premièrement, tous ces mots

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

Produire du code HTML

Produire du code HTML 3 Produire du code HTML Même si l on ne sait pas encore écrire du code HTML, il est important de savoir comment on pourra produire celui-ci. Nous allons voir trois méthodes pour taper du code HTML. Avec

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

Créer des pages WEB à l aide de KompoZer.

Créer des pages WEB à l aide de KompoZer. Document élève 1/14 Créer des pages WEB à l aide de KompoZer. Document élève 2/14 INTERNET : CREATION D UN SITE PRESENTATION Un site web (aussi appelé site internet par abus de langage) est un ensemble

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

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

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

JJ. Thibault Animateurs multimédia au CRDP de Versailles. Page 1 sur 16

JJ. Thibault Animateurs multimédia au CRDP de Versailles. Page 1 sur 16 Configurer un compte de messagerie...2 Composer un message électronique...2 Insérer une signature automatique... 6 Transférer un message, répondre à un message... 7 Ouvrir un fichier attaché... 8 Joindre

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

Procédures CreaWEB Guide pratique

Procédures CreaWEB Guide pratique Procédures CreaWEB Guide pratique Pour vous connecter Dans la barre d adresse d Internet, tapez www.votrenomdedomaine.com/admin Entrez votre nom d utilisateur : Votre mot de passe : Premier coup d œil

Plus en détail

Création d un petit livre animé Avec le logiciel «MiniBook»

Création d un petit livre animé Avec le logiciel «MiniBook» Création d un petit livre animé Avec le logiciel «MiniBook» Version MAC MiniBook X 1.13 Pascale-Dominique Chaillez Lynda O Connell Conseillères pédagogiques au Service national du RÉCIT à l éducation préscolaire

Plus en détail

Ateliers Excel dans le cadre du cours MÉTHODES QUANTITATIVES EN SCIENCES HUMAINES (360-300-RE) Atelier no 2. Importation de l outil Excel requis

Ateliers Excel dans le cadre du cours MÉTHODES QUANTITATIVES EN SCIENCES HUMAINES (360-300-RE) Atelier no 2. Importation de l outil Excel requis Ateliers Excel dans le cadre du cours MÉTHODES QUANTITATIVES EN SCIENCES HUMAINES (360-300-RE) Atelier no 2 Au cours de cet atelier, vous allez traiter les données concernant l objectif formulé en rapport

Plus en détail

Installation pas-à-pas du framework Copix, pour les vrais débutants

Installation pas-à-pas du framework Copix, pour les vrais débutants Installation pas-à-pas du framework Copix, pour les vrais débutants 1) Objet de ce didacticiel Calogero GIGANTE ( www.gigante.be ) 4 avril 2008. Document version 005. Ce didacticiel explique dans les détails

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

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

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

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

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

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

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

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

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

WWW.MELDANINFORMATIQUE.COM

WWW.MELDANINFORMATIQUE.COM Solutions informatiques Procédure Sur Comment installer et configurer Filezilla FTP Client Solutions informatiques Historique du document Revision Date Modification Autor 3 2013-04-29 Creation Daniel Roy

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

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

Utilisation du site Graines d explorateurs

Utilisation du site Graines d explorateurs Utilisation du site Graines d explorateurs Connexion au site Munissez vous de votre identifiant et de votre mot de passe puis cliquez sur le lien «se connecter» situé en bas à droite du site Graines d

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

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

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

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

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

Formation Moodle. Objectifs de la formation : Déroulement :

Formation Moodle. Objectifs de la formation : Déroulement : Formation Moodle Ce document devrait vous permettre de monter rapidement un cours avec Moodle. Il a été fait à partir de la documentation disponible sur le site de l UQAM, sur le site documentation de

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

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

> Table des matières. Gestion des pages courantes... 4

> Table des matières. Gestion des pages courantes... 4 I N T E R FA C E A D M I N I S T R AT I O N M A N U E L D ' U T I L I S A T I O N D E T Y P O 3 V 4. 5 W W W. B R I G N O L E S. F R STRATIS NOVEMBRE 2011 > Table des matières Gestion des pages courantes............................................................................................................

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

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

Support de cours Dreamweaver CS5 les images. MC Benveniste

Support de cours Dreamweaver CS5 les images. MC Benveniste Support de cours Dreamweaver CS5 les images MC Benveniste 2013 Insertion de contenu > insertion d images image hors du dossier racine Si l image ne se trouve pas dans le site dans lequel vous travaillez

Plus en détail

Création d un catalogue en ligne

Création d un catalogue en ligne 5 Création d un catalogue en ligne Au sommaire de ce chapitre Fonctionnement théorique Définition de jeux d enregistrements Insertion de contenu dynamique Aperçu des données Finalisation de la page 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

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

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

Bases de la Bureautique septembre 2014

Bases de la Bureautique septembre 2014 Le matériel informatique : Unité centrale Un réseau en entreprise Un schéma type de l implantation de l'informatique dans une grande entreprise : le serveur centralise les mails, l'agenda, les données.

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

SOMMAIRE 1- INTRODUCTION 1

SOMMAIRE 1- INTRODUCTION 1 www.c-toucom.com SOMMAIRE 1- INTRODUCTION 1 2- ACCEDER À L INTERFACE D ADMNISTRATION DU SITE INTERNET 1 2.a) Procédure de connexion 1 2.b) L interface d administration 1 3- QUITTER L INTERFACE D ADMNISTRATION

Plus en détail

Dreamweaver : les fonctions essentielles

Dreamweaver : les fonctions essentielles Dw ADOBE DREAMWEAVER CS3 De GoLive à Dreamweaver Dreamweaver : les fonctions essentielles Formateur : Éric Morasse Conseiller en formation et en multimédia Hydro-Québec Distribution Dw ADOBE DREAMWEAVER

Plus en détail

Institut de statistique de l UNESCO Manuel de saisie de données en ligne

Institut de statistique de l UNESCO Manuel de saisie de données en ligne Institut de statistique de l UNESCO Manuel de saisie de données en ligne Institut de statistique de l UNESCO, Montréal, 2007, version 02 TABLE DES MATIÈRES PAGE INTRODUCTION... 3 CONFIGURATION MINIMALE

Plus en détail

Pour toute question ou remarque concernant cette marche à suivre ou la plate-forme elle-même, n hésitez pas à nous contacter.

Pour toute question ou remarque concernant cette marche à suivre ou la plate-forme elle-même, n hésitez pas à nous contacter. Marche à suivre pour utiliser la plate-forme Bienvenue sur la plate-forme éducative de Réseau postal et vente! L objectif du présent document est de vous faire découvrir la salle de classe virtuelle et

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

ORDIGOUAL - Atelier vidéo Tutoriel XnView Créer un diaporama avec des commentaires pour chaque photo Déc. 2010

ORDIGOUAL - Atelier vidéo Tutoriel XnView Créer un diaporama avec des commentaires pour chaque photo Déc. 2010 ORDIGOUAL - Atelier vidéo Tutoriel XnView Créer un diaporama avec des commentaires pour chaque photo Déc. 2010 Objectif : Ce tutoriel explique la création d un diaporama dans lequel chaque photo est accompagnée

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

3- Utiliser un exerciseur : Netquizz

3- Utiliser un exerciseur : Netquizz 3- Utiliser un exerciseur : Netquizz Un exerciseur permet de créer des exercices très facilement puis de les mettre en ligne sous forme HTML. Il en existe plusieurs : - Hotpotatoes est le plus célèbre,

Plus en détail

CRÉER SON SITE INTERNET. Créer son site Internet. Méd de Roanne. FG 16/09/08

CRÉER SON SITE INTERNET. Créer son site Internet. Méd de Roanne. FG 16/09/08 CRÉER SON SITE INTERNET 1 Tout d abord, nous allons réviser quelques notions de base permettant de comprendre ce qu est un site Internet, et ce que cela implique. Dans un second temps, le lien ci-après

Plus en détail

Configuration manuelle d une connexion avec Windows 95, 98 et Me.

Configuration manuelle d une connexion avec Windows 95, 98 et Me. Configuration manuelle d une connexion avec Windows 95, 98 et Me. Installation de la connexion UQAM Internet Étape 1 : Création de la nouvelle connexion Double-cliquez sur Poste de Travail Double-cliquez

Plus en détail