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

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

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

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

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

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

Visite guidée de Composer

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

Plus en détail

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

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

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

Leçon N 13 Création d un album photo avec CEWE 2 ème partie

Leçon N 13 Création d un album photo avec CEWE 2 ème partie Leçon N 13 Création d un album photo avec CEWE 2 ème partie 7 Les éléments de réalisation. A gauche du poste de travail vous avez une fenêtre où vous pourrez faire apparaître les éléments qui vous permettrons

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

[WINDOWS 7 - LES FICHIERS] 28 avril 2010. Logiciel / Windows

[WINDOWS 7 - LES FICHIERS] 28 avril 2010. Logiciel / Windows Ce dossier a une forme un peu différente des précédentes : c est un ensemble de «fiches» décrivant chacune une des opérations que l on peut effectuer avec un fichier (enregistrer, renommer, etc.). Chaque

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

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

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

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

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

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

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

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

«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

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

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

Plus en détail

Comment écrire un article pour le site HCE?

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

Plus en détail

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

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

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

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

Gérer un site internet simple

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

Plus en détail

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

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

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.riaq.ca NIVEAU 2 Initiation à une messagerie Web en ligne.

www.riaq.ca NIVEAU 2 Initiation à une messagerie Web en ligne. NIVEAU Initiation à une messagerie Web en ligne. de Microsoft Outlook Express de Microsoft est sûrement la plus connue des messageries Web. Cette application fait partie intégrante de Windows XP. Les services

Plus en détail

Un site web quelques informations

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

Plus en détail

Page 1/11. Préambule. Table des matières

Page 1/11. Préambule. Table des matières Page 1/11 Table des matières Préambule... 1 1- Le principe de «NuaFil»... 2 2 - Accueil de votre gestion de profil... 2 2-1 - La recherche de profils... 3 2-2- La liste de vos profils... 3 3 - Le référencement

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

Prise en main du tableur : réaliser un calendrier

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

Plus en détail

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

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

Installation du logiciel

Installation du logiciel Hot Potatoes Hot Potatoes est un logiciel gratuit proposé par Half-Baked Software et l Université de Victoria au Canada. Il se compose de six modules permettant chacun de mettre au point différents types

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

PROFIL PERSONNEL GUIDE DE L UTILISATEUR

PROFIL PERSONNEL GUIDE DE L UTILISATEUR PROFIL PERSONNEL GUIDE DE L UTILISATEUR Mis à jour le 25 septembre 2008 TABLE DES MATIÈRES 1. UN NOUVEAU SERVICE... 1 Personnalisé... 1 Sécuritaire... 1 Complémentaire... 1 2. ENREGISTREMENT ET AUTHENTIFICATION...

Plus en détail

Mairie de Bayonne. Manuel utilisateur Agenda BAB

Mairie de Bayonne. Manuel utilisateur Agenda BAB Mairie de Bayonne Manuel utilisateur Agenda BAB Contact : Laurie Dumora 05 59 46 60 17 18/05/2012 Sommaire 1 Se connecter à typo3... 3 2 Présentation de l interface «typo3»... 3 2.1 Menu principal et tableau

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

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

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

Aller plus loin avec le tableur : réaliser un suivi du budget du ménage

Aller plus loin avec le tableur : réaliser un suivi du budget du ménage 26 février 2013 p 1 Aller plus loin avec le tableur : réaliser un suivi du budget du ménage Pour permettre au plus grand nombre de réaliser cet exercice, nous utiliserons le logiciel libre Libre Office

Plus en détail

Créer un nouveau site internet Lions e-clubhouse

Créer un nouveau site internet Lions e-clubhouse Créer un nouveau site internet Lions e-clubhouse L application Lions e-clubhouse www.e-clubhouse.org/application.php Nous sommes très heureux de pouvoir diffuser une nouvelle image du Lions Club International

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

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 D ACCOMPAGNEMENT FACEBOOK ET

GUIDE D ACCOMPAGNEMENT FACEBOOK ET 03/06/2015 Mis à jour par : Catherine Gagné Supper, formatrice LA GRIFFE D'ALPHA GUIDE D ACCOMPAGNEMENT FACEBOOK ET TWITTER 2015 420, rue Carillon Mont-Laurier (Québec) J9L 1P6 Centre de développement

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

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

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

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

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

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

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

Comment utiliser votre espace association

Comment utiliser votre espace association PORTAIL ASSOCIATIF DE LA MAIRIE DE PESSAC http://portailasso.pessac.fr/ Comment utiliser votre espace association SOMMAIRE 1 ACCES A VOTRE COMPTE... 3 2 PAGE DE BIENVENUE... 4 3 RUBRIQUE «MES INFORMATIONS»...

Plus en détail

Pas besoin d être informaticien pour s en servir et le configurer.

Pas besoin d être informaticien pour s en servir et le configurer. Vous venez de télécharger Smartcaisse, Merci de tester ce logiciel. L installation de SmartCaisse Pocket est relativement simple et est expliquée à la fin de ce manuel. Présentation de Smartcaisse : SmartCaisse

Plus en détail

Maîtriser son clavier et apprivoiser sa souris

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

Plus en détail

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

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

GED MARKETING. Page 1 sur 18

GED MARKETING. Page 1 sur 18 GED MARKETING I. Présentation du produit... 2 II. Page principale de l application... 3 L arbre... 3 Le menu... 4 La fenêtre de navigation... 4 III. La recherche de documents... 4 Rechercher tous les documents...

Plus en détail

Vous avez reçu une pièce jointe VOTRE SITE.RAR, qu en faire?

Vous avez reçu une pièce jointe VOTRE SITE.RAR, qu en faire? Vous avez reçu une pièce jointe VOTRE SITE.RAR, qu en faire? I. QUE CONTIENT LA PIECE JOINTE VOTRE SITE.RAR? Il s agit du dossier «VOTRE SITE» qui contient tous les éléments nécessaires à l affichage de

Plus en détail

Mode d emploi SPIP 2.0 pour rédacteur

Mode d emploi SPIP 2.0 pour rédacteur Mode d emploi SPIP 2.0 pour rédacteur L objectif de ce document est d apprendre à utiliser le logiciel SPIP en tant que rédacteur. Ce cours ne requiert aucune connaissance informatique préalable à part

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

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

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

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

Administration de votre site web

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

Plus en détail

Fiche n 4 Utilisation de Kompozer Table des matières

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

Plus en détail

MANUEL D UTILISATION DU SITE INTERNET (PUBLIER) Chapitre 18 : Remplir les champs pour une information, un récit,

MANUEL D UTILISATION DU SITE INTERNET (PUBLIER) Chapitre 18 : Remplir les champs pour une information, un récit, MANUEL D UTILISATION DU SITE INTERNET (PUBLIER) Chapitre 18 : Remplir les champs pour une information, un récit, (Nous ne ferons ici pas de rappel à d autres chapitres, sans quoi, chaque ligne écrite mériterait

Plus en détail

Guide Ultra-book / 2012

Guide Ultra-book / 2012 Guide Ultra-book / 2012 Avant de commencer Le logiciel Ultra-book est optimisé pour les derniers navigateurs web standards : Firefox 10 ou 11 Chrome 18 Safari 5 Vous trouverez ces navigateurs en téléchargement

Plus en détail

Création de page Web. Microsoft Publisher. 1. Ouvrez Microsoft Publisher. 2. Cliquez sur Sites Web. 3. Choisissez un modèle

Création de page Web. Microsoft Publisher. 1. Ouvrez Microsoft Publisher. 2. Cliquez sur Sites Web. 3. Choisissez un modèle Création de page Web Microsoft Publisher 1. Ouvrez Microsoft Publisher 2. Cliquez sur Sites Web 3. Choisissez un modèle 4. Personnalisez votre jeu de couleurs et les options 5. Cliquez sur «créer», lorsque

Plus en détail

Version pour un ordinateur PC

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

Plus en détail

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

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

Plus en détail

Windows XP. Microsoft. Sommaire :

Windows XP. Microsoft. Sommaire : Microsoft Windows XP Sommaire : OUVERTURE DE SESSION...2 LE BUREAU...3 CHANGER D ENVIRRONEMENT...4 NOUVEAU RACCOURCI...7 LE MENU DEMARRER...9 LES PROGRAMMES AU DEMARRAGE...11 LA GESTION DES FICHIERS...12

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

Envoyer un courrier électronique et autres fonctions associées

Envoyer un courrier électronique et autres fonctions associées 19 février 2013 p 1 Envoyer un courrier électronique et autres fonctions associées Ce tutoriel vient compléter celui présenté le 5 février 2013, portant sur les généralités du courrier électronique. Nous

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

Utiliser le site learningapps.org pour créer des activités interactives

Utiliser le site learningapps.org pour créer des activités interactives Utiliser le site learningapps.org pour créer des activités interactives I. Créer un compte - Pour pouvoir utiliser le site learningapps.org à des fins de création, il faut commencer par créer un compte

Plus en détail

@ ma portée. Guide du système de gestion des congés FAST. Voici le système de gestion des congés FAST! L avantage du Web

@ ma portée. Guide du système de gestion des congés FAST. Voici le système de gestion des congés FAST! L avantage du Web @ ma portée Guide du système de gestion des congés FAST Voici le système de gestion des congés FAST! Lancement du nouveau système de gestion des congés Le Service des ressources humaines tient à offrir

Plus en détail

Sommaire CONNEXION WEBMAIL... 2 1. Comment se connecter au Webmail?... 2

Sommaire CONNEXION WEBMAIL... 2 1. Comment se connecter au Webmail?... 2 Sommaire CONNEXION WEBMAIL... 2 1. Comment se connecter au Webmail?... 2 LE COURRIER... 4 CREER UN NOUVEAU MESSAGE... 4 1. Comment envoyer un mail?... 4 2. Envoi avec une pièce jointe?... 7 REPONDRE A

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

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

-- Stage Auteur 2.0 -- Comment créer un blog d auteur avec blogger Bases techniques

-- Stage Auteur 2.0 -- Comment créer un blog d auteur avec blogger Bases techniques -- Stage Auteur 2.0 -- Comment créer un blog d auteur avec blogger Bases techniques Ce support vous présente les bases pour créer un blog avec Blogger, c est extrêmement simple et intuitif, mais Blogger

Plus en détail

Adobe Indesign. L art de la mise en page CHAPITRE 2

Adobe Indesign. L art de la mise en page CHAPITRE 2 M2 Caweb 2014-2015 Enseignant : Boris Epp Adobe Indesign L art de la mise en page CHAPITRE 2 Sommaire 1. Les blocs a. Types de blocs b. Manipuler les blocs c. Interactions entre les blocs d. Appliquer

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

Leçon 5 ... La photographie numérique, ou comment partager des photos avec la famille et les amis. Tous connectés, de 9 à 99 ans.

Leçon 5 ... La photographie numérique, ou comment partager des photos avec la famille et les amis. Tous connectés, de 9 à 99 ans. 5... La photographie numérique, ou comment partager des photos avec la famille et les amis Ces icônes indiquent pour qui est le document Professeurs WebExperts Seniors Elèves Informations de base Informations

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

FICHIERS ET DOSSIERS

FICHIERS ET DOSSIERS La différence entre fichier et dossier FICHIERS ET DOSSIERS La première notion à acquérir est la différence entre un dossier et un fichier Un dossier est une sorte de classeur dans lequel on range divers

Plus en détail

SUPPORT DE FORMATION WORD : niveau 2

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

Plus en détail

Leçon N 12 Création d un album photo avec CEWE 1 ère

Leçon N 12 Création d un album photo avec CEWE 1 ère Leçon N 12 Création d un album photo avec CEWE 1 ère partie Le but de cette leçon est de créer un album de photos sous la forme d un petit livre, avec vos commentaires. Pour cela vous utiliserez le logiciel

Plus en détail

Dans l idéal, ceci devrait être fait en amont pour chaque image envoyée sur l espace de stockage de votre site internet.

Dans l idéal, ceci devrait être fait en amont pour chaque image envoyée sur l espace de stockage de votre site internet. 1- Optimiser le poids de votre image : Dans l idéal, ceci devrait être fait en amont pour chaque image envoyée sur l espace de stockage de votre site internet. Tous les types d utilisateurs (auteur, publicateur,

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

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

CRÉATION DE SITE INTERNET TD 1

CRÉATION DE SITE INTERNET TD 1 Création de pages Internet avec le logiciel libre Nvu - 1/7 CRÉATION DE SITE INTERNET TD 1 I LANCEMENT DE NVU ET CRÉATION DU SITE. 1) Liminaire : Créez en premier, un sous-dossier consacré au travail avec

Plus en détail