Dévéloppement de Sites Web

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

Download "Dévéloppement de Sites Web"

Transcription

1 1 Dévéloppement de Sites Web Cours III : Travailler avec Dreamweaver de Macromedia Peter Stockinger Séminaire de Maîtrise en Communication Interculturelle à l'institut National des Langues et Civilisations Orientales (INaLCO) Paris,

2 2 Sommaire INTRODUCTION ) L'ENVIRONNEMENT DE TRAVAIL DE DREAMWEAVER (UNE BREVE PRESENTATI ON) ) LA FENETRE DU DOCUMENT (DE LA SCENE) A CREER ) LA PALETTE DES OBJETS ) LE LANCEUR ) LES PRINCAPLES RUBRIQUES ) CREER ET ORGANISER UN ESPACE DE TRAVAIL ) CREER UN SITE LOCAL ) PRODUIRE UNE PREMIERE ESQUISSE DE LA SCENE D'ACCUEIL ) PRODUIRE UNE PREMIERE ESQUISSE DES PRINCIPALES SCENES DU SITE ) A CONSULTER AUSSI... 51

3 3 Introduction Il s'agit d'un cours pratique. Son objectif est de vous guider dans la conception et le développement de votre site web. Il ne constitue cependant pas un guide d'utilisation du logiciel Dreamweaver. Pour cela, il faut se référer aux aides en ligne du dit logiciel. En effet, le développement de votre site se fera essentiellement à l'aide du logiciel Dreamweaver de Macromedia (versions 3 et 4). Afin de vous familiariser - en dehors des cours - avec les différentes fonctions de ce logiciel (beaucoup plus complexe qu'on ne le croit habituellement), je vous conseille très fortement : - de suivre le didacticiel inclu dans le logiciel afin d'apprendre sur la base d'un exemple concret les principales fonctionnalités (lancez Dreamweaver et choisissez Aide > Didacticiel)

4 4 (figure 1) - de vous obligez à consulter régulièrement (tous les deux jours, au moins) une rubrique particulière dans Aide > Utilisation de Dreamweaver (l'aide en ligne est très bien conçue et vous permettra, en principe, d'acquérir une bonne connaissance du logiciel) (figure 2) - de vous obligez TRES régulièrement à travailler concrètement avec le logiciel (en effet, le projet de création d'un site web est là pour cela : si vous le prenez au sérieux, il devrait vous occuper chaque jour une ou deux heures et cela au moins pendant cinq à six mois );

5 5 - de consulter régulièrement le site de la société Macromedia (http://www.macromedia.com) pour d'éventuelles nouveautés, mises à jour, voire aussi aides et conseils relatifs au logiciel Dreamweaver. Ce cours est divisé en trois parties : - La première partie (chapitres 2 à 5) est consacrée à une brève présentation de l'environnement de travail du logiciel Dreamweaver. - La deuxième partie (chapitres 6 et 7) est consacrée aux tâches relatives à la mise en place de dossiers (répertoires) de fichiers devant contenir votre site et à la définition d'un site web dans Dreamweaver - La troisième partie (chapitre 8 et 9) est consacrée à la production de fichiers html très simples qui correspondent aux différentes scènes que vous avez préalablement identifiées et décrites dans l'organigramme - scénario - de votre site (cf. cours 2).

6 6 Conseil : avant de continuer à travailler ce cours : - Lancer, sur le PC, le bouton "programmes", cherchez "Dreamweaver 3 (ou 4)" et ouvrez le - Attendez quelques secondes avant que son environnement de travail soit complètement ouvert - Faites des va et vient entre le cours et le logiciel afin d'acquérir une première compréhension globale du logiciel et de son environnement - Si vous souhaitez faire quelques expériences d'utilisation, faites-les mais - attention : ce n'est qu'à partir du cours IV - concevoir et réaliser une page web - que nous commençons à réellement travailler avec Dreamweaver; ce cours est destiné à vous transmettre une compréhension globale du logiciel en question.

7 7 1) L'environnement de travail de Dreamweaver (une brève présentation) Après le lancement du logiciel Dreamweaver, s'ouvre une interface (paramétrable) qui constitue l'environnement de travail sur Dreamweaver. (figure 3) L'environnement de travail est constitué par un ensemble de composants nécessaires audéveloppement et à la gestion d'un site:

8 8 - la fenêtre du document, de la scène du site à créer ou modifier - la palette des objets contenant les objets que l'on utilise d'une manière récurrente lors de la création d'un site - le lanceur qui propose un raccourci vers les principaux "inspecteurs" (programmes d'aide à la construction/gestion d'un site) - enfin, la barre de menu organisée en grandes rubriques qui correspondent aux principales activités de la création/gestion d'un site ("fichier", "édition", "affichage", ). Les chapitres suivants seront consacrés à un petit tour de présentation de ces différents composants (cf. chapitres 2 à 5). Ceci étant, comme déjà dit, vous devez consulter les aides en ligne du logiciel pour pouvoir les maîtriser d'une manière plus approfondie.

9 9 2) La fenêtre du document (de la scène) à créer (figue 4) Lorsqu'on lance Dreamweaver, s'ouvre la fenêtre principale (avec, par défaut, quelques outils tels que le lanceur, la palette des objets, etc. La fenêtre principale ressemble à celle d'un logiciel de traitement de texte mais elle ne doit pas être confondue avec cette dernière : page blanche sur laquelle on

10 10 assemble les différents éléments qui la compose : texte, images, formulaires interactifs, etc. Note : faites quelques exercises de traitement de texte; écrivez ceci est ma page d'accueil ou formuler un message de bienvenu sur votre site (figure 5) La partie inférieure à gauche affiche les balises HTML en jeu lorsque vous insérez tel ou tel élément dans une page ou lorsque vous procédez à sa composition graphico-topographique. La partie inférieure à droite: - Montre la taille de la fenêtre qui doit être choisie en fonction à la taille de l'écran qui sert comme référence (cf. plus loin, dans ce chapitre) - Montre la taille du fichier Elle vous permet également d'accèder directement à un ensemble de fonctions/outils importants : - Plan du site

11 11 - Eléments html prédéfinis dont vous vous servez pour la réalisation d'une page web - Page source (i.e. en format HTML) - Palette des cadres - Palettes des comportements (interactifs) - Palettes des calques, - Etc. Consacrez un petit moment à la partie inférieure et essayez de vous imprégner des différentes fonctions/informations que l'on peut y trouver Note : écrivez sur la page blanche "c'est la page d'accueil du site " et cliquez ensuite sur l'icône <> qui vous donne accès au format HTML.

12 12 (figure 6) Veuillez considérer plus en détail le format HTML - le codage HTML de cette page d'acueil très simple et le comparer avec ce que vous avez appris dans le cours II consacré à une très brève introduction en HTML: toutes les pages HTML possèdent deux parties - une partie "entête" et une partie "corps". Le contenu à proprement parler d'une page est dans la partie "tête". La phrase elle-même est entourée par la l'ouverture et la fermeture de la balise <p> (i.e. "paragraph", en anglais).

13 13 Certains traitements d'une page web ne pourront pas être entrepris sans le recours au code HTML; il est donc bien utile de s'imprégner de l'écriture et de la syntaxe (très simple ) du langage HTML et du formatage d'une page en HTML.

14 14 3) La palette des objets (figure 7) Comme son nom l'indique déjà, cette palette réunit l'ensemble des principaux objets dont vous avez besoin (qui sont proposés par Dreamweaver) pour le développement et la réalisation d'un site.

15 15 Si la palette ne s'affiche pas, ouvrez dans la barre de menu la rubrique "fenêtre" et sélectionnez "objets" (figure 8) Par défault, ce sont les objets dits communs qui s'affiche lorsque la palette se lance. Parmi les objets communs les plus importants, nous avons : - L'insertion d'une image, - L'insertion d'un tableau (qui est certainement un sinon l'élément le plus important pour la composition d'une page web (cf. le cours IV) - L'insertion d'un calque - L'insertion d'un lien "messagerie" électronique - L'insertion de la date - L'insertion de liens vers des objets extérieurs à Dreamweaver (Shockwave, Flash, Fireworks; cf. plus tard).

16 16 Veuillez examiner, l'un après l'autre les différents objest dit communs. (figure 9) Mais, à côté des objets dits communs, la palette d'objets contient encore plusieurs autres familles d'objets très importants pour la bonne réalisation d'une page ou d'un site web :

17 17 - Les objets appartenant à la famille des cadres (destinés surtout à la composition d'une page en deux ou plusieurs cadres fonctionnellement distincts; cf. le cours IV) - Les objets appartenant à la famille des formulaires (i.e. d'éléments interactifs ou dynamiques tels que l'envoi de messages, le choix entre plusieurs options, etc.) - Les objets appartenant à la famille "entête" permettant notamment une meilleure description-indexation d'une page web (cf. le cours IV), - Etc. Veuillez examiner, un par un ces différents objets - ils sont tous très importants pour la réalisation d'un site web. Nous y reviendrons encore dans les prochains cours.

18 18 4) Le lanceur (fig 10) Le lanceur vous donne un accès direct à un ensemble d'outils nécessaires pour créer votre site web. Il peut être configuré par vous même (et donc vous servir comme une interface vous donnant accès aux outils que vous utiliser le plus). Par défaut, le lanceur donne accès aux mêmes outils que la partie inférieure droite de votre page web: - Structure, organisation de votre site (cf. plus loin) - Bibliothèque d'éléments HTML (cf. cours IV) - Style CSS (cf. cours IV) - Source HTML (votre page web en format HTML) - Historique (archivant chacune de vos actiosn sur une page web vous permettant ainsi de revenir sur vos pas ) - Etc.

19 19 Pour paramétrer le lanceur selon vos besoins, ouvrez la sous-rubrique "préférences" et cliquez sur "palettes flottantes" (figure 11) Vous pouvez sélectionner, maintenant, les outils qui doivent être accessibles via le lanceur Note : si le lanceur ne s'affiche pas, allez dans la rubrique "fenêtre" de la barre de menu et cliquez sur "lanceur"

20 20

21 21 5) Les princaples rubriques La barre de menu est organisée en grandes rubriques qui correspondent aux principales activités de la création/gestion d'un site ("fichier", "édition", "affichage", ). Voici les rubriques : - rubrique "fichier" (qui recouvre toutes les activités relatives à la gestion d'un fichier : ouverture, fermeture, enregistrement, importation, ) - rubrique "édition" (qui recouvre toutes les activités relatives à l'édition du contenu d'un fichier : couper, coller, sélectionner, ) - rubrique "affichage" (qui englobe les différents choix relatifs à la visualisation des éléments sur lesquels ou avec lesquels on travaille: bordures des différents éléments, contenu de l'en-tête du fichier html, éléments invisibles, ) - rubrique "insertion" (qui recouvre les différents éléments - en dehors du texte - que l'on peut insérer dans un fichier afin de "mettre en scène" un certain contenu: insertion d'images, de médias, de formulaires, ) - rubrique "modifier" (rubrique un peu plus hétéroclite qui recouvre les différentes possibilités d'apporter des changement, des modifications à un

22 22 fichier préalablement crée: propriétés d'une page, d'une sélection, d'un lien, ) - rubrique "texte" (qui recouvre toutes les options de la "mise en texte" d'un contenu: polices de caractères, taille, ) - rubrique "commandes" (également une rubrique plutôt hétéroclite qui recouvre différentes instructions automatisées que Dreamweaver peut exécuter dont, notamment, le nettoyage des pages html produit par Word) - rubrique "site" (qui recouvre toutes les activités relatives à la gestion d'un site: définition d'un site, gestion à distance, ) - rubrique "fenêtre" (qui recouvre - sous forme d'interfaces graphiques - les principaux outils de travail dont on dispose dans l'environnement dudit logiciel: inspecteurs des propriétés de tel ou tel élément, lanceur, calques, cadres, comportements, ) - rubrique «aide» (qui recouvre les différentes formes d'aide proposées par Dreamweaver) Bien sûr, il faut connaître toutes les rubriques du logiciel. Voici seulement quelques aspects plus particulièrement importants des dites rubriques dans la réalisation d'un site web.

23 23 Rubrique "Fichier" (fichier 12)

24 24 Cette rubrique, dans l'essentiel, ressemble à celle d'un logiciel de traitement de texte : - Nouveau : ouvrir une nouvelle page - Ouvrir : ouvrir une page déjà existante, - Etc. A noter, cependant, l'existence de plusieurs commandes sur lesquelles nous allons encore revenir dans les cours suivants : enregistrer comme modèle, importer, convertir, Très important ici la commande "aperçu dans le navigateur" qui veut dire : "montre moi la page web telle que je suis en train de la réaliser dans le navigateur - Internet Explorer et/ou le Navigateur Netscape C'est très important pour les raisons suivantes : - La page telle qu'on la voit dans un éditeur HTML n'est pas (obligatoirement) la même que voit l'internaute avec son navigateur - - Il existe toujours (hélàs) des différences parfois très importantes entre les différents navigateurs et donc si une page s'affiche correctement dans un navigateur, elle ne s'affiche pas obligatoirement d'une manière correcte dans un autre navigateur.

25 25 Il est très fortement conseillé de toujours vérifier dans au moins deux navigateurs différents (en général Internet Explorer de Microsoft - versions 4 + et Netscape Communicator version 4.5 +) la page web que l'on est en train de réaliser. Note : Les deux principaux navigateurs (et concurrents) sont : - Internet Explorer de Microsoft (qui s'impose comme référence de facto) : versions 4; 4.7; 5; 5.5; 6) - Netscape Communicator (versions 4, 4.5; 4.7, 6; 6.1) Deux autres navigateurs sont : - Mozilla (version 0.97) - Opera Les grands fournisseurs proposent, de plus en plus souvent leurs versions de navigateurs: exemple: France Explorer, Wanadoo, AOL, etc. Rubrique "Edition" Aussi la rubrique "édition" ressemble beaucoup à celle d'un logiciel de traitement de texte.

26 26 (figure 13) Veuillez les consulter et examiner leur fonctionnement A noter cependant deux rubriques importantes : - Lancer un éditeur externe (on peut lancer, à partir de Dreamweaver, un autre éditeur HTML pour fabriquer une page ) - Préférences que nous avons déjà cité dans le chapitre précédent. Dans les préférences, on peut adapter un ensemble de dimensions du logiciel ainsi que de ses composants à ses propres besoins, etc.

27 27 Veuillez les consulter et les examiner attentivement - elles vous permettent d'acquérir une bonne compréhension de l'ensemble du logiciel. Mais attention : ne changez pas les préférences par défaut (c'est-à-dire : lorsque vous quitter la boîte de dialogue "préférences", ne cliquez SURTOUT pas sur "ok" mais sur "annuler") Rubrique "Affichage" (figure 14) Comme le nom l'indique déjà, cette rubrique réunit les différentes instructions relatives à l'affichage d'un ensemble d'objets et d'outils intervenant dans la création d'une page web - objets et outils que nous connaîtrons davantage dans les cours suivants. Pour le moment, considérer les instructions suivantes : - Règles (afficher/pas afficher) - Grilles (afficher/pas afficher)

28 28 Faites vos propres expériences. L'affichage des règles (en pixels, de préférence) vous permet d'avoir une idée précise de la taille de votre page, de ses diférents élements et de la distribution spatiale entre les différents élements. L'affichage de la grille (paramètrable) vous donne un contrôle précis sur l'alignement des élements les uns par rapport aux autres et de leur distribution dans l'espace. Cliquez également sur "Barre d'état" (afficher/pas afficher) - vous verrez disparaître/apparaître la barre de la partie inférieure de votre page Sur les autres instructions, nous reviendrons dans les cours suivants Rubrique "Insertion"

29 29 (figure 15) Cette rubrique - centrale - réunit l'ensemble des instructions relatives à l'insertion des différents éléments (objets) composant votre page web (en dehors de l'objet "texte" pour lequel il existe une rubrique à part): - Insertion des images - Insertion d'un tableau - Insertion de formulaires, - Comparez cette rubrique avec la palette d'objets - vous verrez qu'il s'agit ici de deux interfaces similaires. C'est à l'utilisateur de choisir l'une ou l'autre - voire les deux - selon ses habitudes.

30 30 Vous ne pouvez pas encore insérer des objets. Imprégnez vous seulement des différentes instructions. Elles deviendront importantes à partir du cours prochain Rubrique "Modifier" (figure 16) Une fois des objets (images, formulaires, ) insérer dans une page, on peut avoir besoin de les modifier. C'est dans cette rubrique que l'on trouve réunit les instructions relatives à cette activité: - Modification d'un tableau

31 31 - Modification d'un lien - Etc. Cette rubrique contient des instructions très importantes sur lesquelles nous reviendront dans le cours IV et qui concernent : - D'une part la production et l'utilisation de modèles de page - D'autre part la modification des propriétés (visuelles) qui affectent l'ensemble d'une page. Rubrique "Commandes" (figure 17) Cette rubrique nous intéressera plus tard. A noter :

32 32 - La commande "nettoyage HTML et "nettoyage HTML Word" (pour adapter une page word enregistré en HTML au codage plus "propre" de Dreamweaver") - "correction pour Netscape" (corriger une pagepour qu'elle soit correctement visible dans Netscape ), - La possibilité d'ajouter toute une liste de commandes particulières que l'on peut télécharger du site de Macromédia (constructeur du logiciel Dreamweaver) Rubrique "Site" (figure 18)

33 33 Une page web fait partie d'un site. Un site est composé d'une part d'un ensemble de pages, images, documents, programms, etc qui se trouvent tous ensemble, sous forme de fichiers, dans un repertoire (ou dossier) comportant le nom du site à développer. Nous y reviendrons encore plus loin. Ceci étant, la rubrique en question réunit l'ensemble d'instruction relativement à la gestion d'un site web : - Créer un nouveau site - Modifier les paramètres d'un site déjà existants - Ouvrir un site déjà existant - Se connecter sur un site distant (i.e. se trouvant sur le serveur web qui diffuse le site via Internet) - Envoyer un fichier sur le site distant, - Récuperer un fichier du site distant - Vérifier les liens dans un site - Obtenir un organigramme d'un site à partir du fichier racine (qui contient la page d'accueil du site) - Etc. Nous y reviendrons encore.

34 34 Rubrique "Fenêtre" (figure 19) C'est certainement la rubrique la plus riche. Elle permet l'affichage de toute une gamme de fenêtres spécialisées : - Objets (= fenêtre de la palette des objets) - Propriétés (= fenêtre contenant toutes les propriétés d'un élement composant une page web, nous y reviendrons) - Lanceur (= fenêtre du lanceur) - Fichiers du site (fenêtre affichant tous les fichiers comosant le site) - Carte de site (= fenêtre affichant l'organigramme du site)

35 35 - Bibliothèque (= fenêtre affichant des élements HTML pré-définis) - Style CSS (= fenêtre affichant les "feuilles de styles, on y reviendra dans le cours IV) - Comportements (= fenêtre affichant les différents types d'interactions) - Source HTML (fenêtre affichant la source HTML d'une page web) - Cadres, calques et modèles (= fenêtres affichant les "bibliothèques de calques, cadres et modèles qu'on utilise pour telle ou telle page ou pour le site) - Historique (= fenêtre dans laquelle sont affichées toutes vos actions sur une page web et qui vous permet de revenir sur vos décisions ). Nous allons les connaître tous au cours du développement de nos sites de recherche. Pour le moment, veuillez les activer et les "inspecter"

36 36 6) Créer et organiser un espace de travail Avant de commencer à développer un site web, il est absolument nécessaire de définir sur le disque dur l'endroit de création du site. Pour cela, il faut : - Ouvrir le (un) disque dur, - [Ouvrir son dossier (répertoire) personnel (qui se trouve soit au niveau du disque dur soit dans le dossier - répertoire - "utilisateurs")] - Créer un nouveau dossier qui contiendra le site à développer - Nommer ce nouveau dossier (exemple : "management_culturel") (figure 19)

37 37 Le dossier contenant le site constitue la racine du site. Par exemple, le dossier "management_culturel" constitue le dossier racine du site web comportant des informations et des services relatifs à une meilleure compréhension du management culturel. Par ailleurs, il est très utile de procéder à une organisation préalable de l'espace interne du dossier contenant le site (i.e. toutes les ressources constituant le site). Ci-après un petit exemple très simple d'une telle structuration interne.

38 38 (figure 20) Pour les projets en cours, il est en effet recommandé de commencer à organiser le dossier (répertoire) comme suit : Répertoire racine (ex. management_culturel) Sous-répertoire gestion_site Sous-sous-répertoire images Sous-sous-répertoire modèles Sous-sous-répertoire archives Sous-répertoire documents Sous-répertoire définitions Sous-répertoire savoir_plus Sous-répertoire(s) <thème 1 - thème N> Sous-répertoire communauté Note : cette structure devra être adaptée aux spécificités de chaque projet; aussi, évoluera-t-elle progressivement. Note : il est très recommandé de se soumettre à une certaine "discipline" et de classer les différentes ressources (fichiers, documents, animations, scripts, ) dans les sous-répertoires correspondants. racine Note : la page d'accueil figurera directement en dessous du dossier (répertoire) Par exemple, le répertoire contenant les ressources de l'escom connaît, entre autres, les sous-répertoires suivants :

39 39

40 40 Répertoire ESCoM - Sous-répertoire actualités - Sous-répertoire travail_escom - Sous-répertoire enseignement - Sous-sous-répertoire inalco_dess - Sous-sous-répertoire inalco_communication Sous-répertoire documents - Sous-répertoire archives_web - Sous-répertoire gestion_site - Sous-sous-répertoire images - Sous-sous-répertoire modèles Etc.

41 41 7) Créer un site local a) lancer Dreamweaver b) choisir Site > Nouveau site c) remplir les cases dans la boîte de dialogue relatives aux informations locales nom du site : le nom de votre site dossier racine local : chercher le dossier racine contenant votre site local cocher l'option "cache" cliquer sur "ok" (figure 21)

42 42 (figure 22)

43 43 (figure 23)

44 44 (figure 24) Créer votre page d'accueil (sans prétention aucune) et enregistrez la sous le nom "index.htm" (index.html, pour Mac). Ensuite, demandez que Dreamweaver vous crée l'organigramme de votre site. Il vous affichera - correctement - dans la partie gauche - la vignette de votre page d'accueil avec le nom du fichier ("index.htm"). N'oubliez pas - la page "index.htm" doit être obligatoirement à la racine du dossier contenant votre site.

45 45 8) Produire une première esquisse de la scène d'accueil a) lancez Dreamweaver b) choisissez fichier > nouveau ou, si le fichier "index.htm a déjà été crée, fichier > ouvrir) c) enregistrez le (Fichier > Enregistrer sous) en lui donnant comme nom index.htm d) attention : il faut l'enregistrer dans le dossier racine de votre site e) produisez une toute première esquisse de votre page d'accueil (en tenant compte surtout du contenu probable qui doit y apparaître ) (figure 25)

46 46

47 47 9) Produire une première esquisse des principales scènes du site En tenant compte de l'organigramme de votre site : - identifier les principales pages (une page -- une scène) - donner un titre (un nom) très court - enregistrer chaque page sous forme d'un fichier indépendant - enregistrer juste sous la racine du dossier (repertoire) contenant le site - introduire quelques infos textuelles dans chaque page (par exemple : résumé sur ce que l'on va y trouver, références, pense-bête, etc.) Exemple : (simple) - page "explications générales, motivés et objectives du site, son positionnement par rapport à d'autres sites semblables" - page "management interculturel en Afrique de l'ouest - page "management interculturel et entreprise - page "management interculturel et gestion du patrimoine culturel ou naturel - page "liens vers d'autres sites (ressources, forum, ) en ligne - page "définitions et exemples" - page "témoignages (sous forme de petits reportages vidéo) - page "travaux et documents en ligne" - etc.

48 48 page - exemple: "explications générales, motivés et objectives du site, son positionnement par rapport à d'autres sites semblables" (figure 26)

49 49 Page - exemple : "liens vers d'autres sites (ressources, forum, ) en ligne (figure 27)

50 50 Enregistrement des pages html dans le dossier (répertoire) du site : (figure 28)

51 51 10) A consulter aussi Site Macromedia : Site Multimania - Webmaster : Site "Publication HTML - Publication sur le Web": cours en ligne :

Dévéloppement de Sites Web

Dévéloppement de Sites Web 1 Dévéloppement de Sites Web Cours IV : Réaliser des pages web Peter Stockinger Séminaire de Maîtrise en Communication Interculturelle à l'institut National des Langues et Civilisations Orientales (INaLCO)

Plus en détail

Gérer des sites avec Dreamweaver

Gérer des sites avec Dreamweaver Gérer des sites avec Dreamweaver La boîte de dialogue Gérer les sites a pour fonction de vous permettre de créer un nouveau site, de modifier, de dupliquer, de supprimer un site, d'importer ou d'exporter

Plus en détail

Dreamweaver CS6 pour PC/Mac Pour des sites full CSS conformes aux standards du W3C

Dreamweaver CS6 pour PC/Mac Pour des sites full CSS conformes aux standards du W3C Introduction L'Internet aujourd'hui 7 Le World Wide Web Consortium et les standards 7 Les logiciels de conception de sites web 7 L'objectif du livre 8 Interface de conception L'environnement système 9

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

CREER UN PETIT SITE WEB EN COMPOSANT DES PAGES HTML

CREER UN PETIT SITE WEB EN COMPOSANT DES PAGES HTML CREER UN PETIT SITE WEB EN COMPOSANT DES PAGES HTML A L'AIDE DU LOGICIEL LIBRE OFFICE Libre Office 3.3.3 et Open Office.org 3.3.0 sont deux suites bureautiques complètes, équivalentes (seule la charte

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

B) - INSÉRER CARACTÈRES avec "WORD ART" 7

B) - INSÉRER CARACTÈRES avec WORD ART 7 Sommaire A) Travaillez avec Word 2003 2 1) - Ouvrir / Enregistrer / Fermer dans WORD 2 2) - Touche de CORRECTION et de MODIFICATION dans WORD 3 3) - Touche de DÉPLACEMENT et de POSITIONNEMENT 3 4) - Touche

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

Safari, navigateur web intégré à Mac OS X

Safari, navigateur web intégré à Mac OS X Service informatique Enseignement Recherche Fiche n 50 13/11/2003 Safari, navigateur web intégré à Mac OS X Alternative à Internet Explorer et à Netscape, SAFARI est le navigateur web intégré à Mac OS

Plus en détail

Réalisation de quelques pages Web / Activités et travaux d'élèves

Réalisation de quelques pages Web / Activités et travaux d'élèves Réalisation de quelques pages Web / Activités et travaux d'élèves Principe : Il s'agit de réaliser avec Dreamweaver qautre pages web (donc au format Html, hypertexte Markup Language) et les lier entre

Plus en détail

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

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

Plus en détail

> 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

Créer des pages web avec Front Page 2000

Créer des pages web avec Front Page 2000 Créer des pages web avec Front Page 2000 1 - Préparation Préparer le plan du site que l'on souhaite créer avec les liens reliant les différentes pages. Structure du site Structure pour le stockage des

Plus en détail

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

La Clé informatique. Formation Powerpoint XP Aide-mémoire La Clé informatique Formation Powerpoint XP Aide-mémoire Septembre 2003 Contenu de la formation Powerpoint XP Leçon 1 : Introduction à PowerPoint Démarrage de PowerPoint Leçon 2 : Environnement Powerpoint

Plus en détail

TD n 3 Microsoft Office Word 2007

TD n 3 Microsoft Office Word 2007 1 TD n 3 Microsoft Office Word 2007 1. Présentation Microsoft Word est un logiciel de traitement de texte puissant qui fait partie du pack Office, il permet de créer simplement des documents (des lettres,

Plus en détail

Installation et paramétrage. Accès aux modèles, autotextes et clip- art partagés

Installation et paramétrage. Accès aux modèles, autotextes et clip- art partagés DSI Documentation utilisateurs Installation et paramétrage Accès aux modèles, autotextes et clip- art partagés Auteur : Yves Crausaz Date : 21 septembre 2006 Version : 1.04 Glossaire OOo : Abréviation

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

Site internet du CREPS Aquitaine

Site internet du CREPS Aquitaine Site internet du CREPS Aquitaine Documentation de Mise à Jour 8 juillet 2010 Monsieur Pixel / Coop'Alpha page 1/22 GESTION D'UN SITE AVEC L'ENVIRONNEMENT SPIP Le site du CREPS Aquitaine fonctionne avec

Plus en détail

Word: versions d'un document, suivi des modifications

Word: versions d'un document, suivi des modifications Word: versions d'un document, suivi des modifications A. Version d'un document Pour suivre l'évolution d'un document, il est possible de l'enregistrer sous différentes versions. Exemple: Imaginons que

Plus en détail

Copyrigth Fasoft 2001-2003

Copyrigth Fasoft 2001-2003 Roger ROSEC Copyrigth Fasoft 2001-2003 CHAPITRE 1 - VBA ET SON ENVIRONNEMENT 5 VBA et son environnement Dans ce chapitre 1.1 - Programmer AutoCAD 1.1.1 Le VBA 1.1.2 - Comparaison VBA et Visual Basic 1.1.3

Plus en détail

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

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

Plus en détail

Formation au logiciel Typo3, pour les rédacteurs.

Formation au logiciel Typo3, pour les rédacteurs. 1 Formation au logiciel Typo3, pour les rédacteurs. 1 Accéder au système 2 1.1 Configuration du navigateur 2 1.2 Identification 2 2 L interface 2 2.1 Le module Web 3 2.2 Le module Media 3 2.3 Le module

Plus en détail

Formation des enseignants universitaires à la conception d'un cours en ligne sur une plateforme d'enseignement à distance

Formation des enseignants universitaires à la conception d'un cours en ligne sur une plateforme d'enseignement à distance Formation des enseignants universitaires à la conception d'un cours en ligne sur une plateforme d'enseignement à distance PARTIE2 : PRATIQUE Implémentation d'un cours en ligne sur une plateforme d'enseignement

Plus en détail

Comment créer vos propres pages web?

Comment créer vos propres pages web? Comment créer vos propres pages web? Vous voulez vous aussi devenir acteur et présenter vos passions et vos envies aux yeux du monde. Présentez-les sur le WEB. Pour cela, il vous suffit de créer vos "pages

Plus en détail

-Le traitement de texte. -Le courrier électronique

-Le traitement de texte. -Le courrier électronique 1/17 SOMMAIRE : -Windows -Le traitement de texte -Internet -Le courrier électronique 2/17 WINDOWS PRISE EN MAIN DE WINDOWS Lorsque vous démarrez votre ordinateur vous devez voir arriver un écran qui ressemble

Plus en détail

Guide d'installation Stellar OST to PST Converter 5.0

Guide d'installation Stellar OST to PST Converter 5.0 Guide d'installation Stellar OST to PST Converter 5.0 1 Présentation Stellar OST to PST Converter constitue une solution complète pour convertir des fichiers OST en fichiers Microsoft Outlook Personnel

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

Importation de modèles 3D

Importation de modèles 3D Importation de modèles 3D Bienvenue dans Corel DESIGNER, programme de dessin vectoriel complet destiné à la création de graphiques techniques. Dans ce didacticiel, vous apprendrez à modifier un modèle

Plus en détail

Aide à l utilisation de l Intranet de l IUT

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

Plus en détail

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

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

Mode d'emploi Application Présences Planification des évènements

Mode d'emploi Application Présences Planification des évènements Mode d'emploi Application Présences Planification des évènements 21 avril 2005 Page 1 / 31 2005 / Guillaume Fort Sommaire 1. Description du concept...3 2. Démarrage de l'application...4 3. Philosophie

Plus en détail

Freeway 7. Nouvelles fonctionnalités

Freeway 7. Nouvelles fonctionnalités ! Freeway 7 Nouvelles fonctionnalités À propos de ce guide... 3 Nouvelles fonctionnalités en un coup d'oeil... 3 À propos de la conception d'un site web réactif... 3 Travailler avec les pages pour créer

Plus en détail

Adobe Programme Expert certifié

Adobe Programme Expert certifié Adobe Programme Expert certifié Bulletin d'examen de maîtrise des produits Adobe Dreamweaver CS3 Examen n 9A0-056 Liste de contrôle de certification ACE La liste de contrôle ci-dessous vous guidera tout

Plus en détail

Questions-Réponses 1.48

Questions-Réponses 1.48 Questions-Réponses 1.48 Copyright 2001-2014 Thomas et Mathieu DUBAËLE http://www.atlence.com Tutoriel de mise en route Tutoriel de Questions-Réponses 1.48 Auteurs : Thomas et Mathieu DUBAËLE - Révision

Plus en détail

Fiche n 4 Utilisation de Kompozer Table des matières

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

Plus en détail

Manuel d'utilisation de l'espace d'e-learning de LaboCoop Novembre 2014

Manuel d'utilisation de l'espace d'e-learning de LaboCoop Novembre 2014 Manuel d'utilisation de l'espace d'e-learning de LaboCoop Novembre 2014 Table des matières Accès à l'espace d'e-learning...2 Login et mot de passe de la plateforme...2 Description générale de l'interface

Plus en détail

GUIDE DE STRUCTURATION DES DOCUMENTS

GUIDE DE STRUCTURATION DES DOCUMENTS GUIDE DE STRUCTURATION DES DOCUMENTS à l aide du modèle «Thèse Lyon 2» Version pour les doctorants Service général des publications ERAD juin 2008 Service général des publications ERAD Université Lumière

Plus en détail

Sémiotique des Médias

Sémiotique des Médias Sémiotique des Médias Le genre du documentaire audiovisuel Cours IV : Portails et espaces de recherche le Sharepoint Portal Serveur Peter Stockinger Séminaire de DESS à l'institut National des Langues

Plus en détail

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

La Clé informatique. Formation Word XP Aide-mémoire La Clé informatique Formation Word XP Aide-mémoire Septembre 2003 Table des matières Édition et insertion de texte... 4 Manipulation d un document Exploration de la fenêtre de travail Bouton de maximisation

Plus en détail

Les règles du contrôleur de domaine

Les règles du contrôleur de domaine Les règles du contrôleur de domaine Menu démarrer et barre des taches Supprimer le dossier des utilisateurs du menu Démarrer Désactiver et supprimer les liens vers Windows Update Supprimer le groupe de

Plus en détail

Stellar Phoenix Outlook PST Repair - Technical 5.0 Guide d'installation

Stellar Phoenix Outlook PST Repair - Technical 5.0 Guide d'installation Stellar Phoenix Outlook PST Repair - Technical 5.0 Guide d'installation 1 Présentation Stellar Phoenix Outlook PST Repair - Technical offre une solution complète pour la récupération de données à partir

Plus en détail

PLAN. Qui peut faire quoi? Présentation. L'internaute Consulte le site public

PLAN. Qui peut faire quoi? Présentation. L'internaute Consulte le site public SPIP est une interface en ligne gratuite permettant de créer des sites collaboratifs de façon suffisament simple pour que les élèves puissent publier leur propres articles. Il permet aussi d'héberger son

Plus en détail

Mozilla Thunderbird. 1. Configuration de base 2. Options 3. Paramètres des comptes 4. Ajout d'un compte de messagerie 5. Ajout d'un compte de flux

Mozilla Thunderbird. 1. Configuration de base 2. Options 3. Paramètres des comptes 4. Ajout d'un compte de messagerie 5. Ajout d'un compte de flux Thunderbird est le logiciel de messagerie développé par la Fondation Mozilla qui développe également le navigateur Firefox. Le téléchargement peut se faire sur ce lien. 1. Configuration de base 2. Options

Plus en détail

ETAPE 1 : PAGE D ACCUEIL

ETAPE 1 : PAGE D ACCUEIL SEANCE 3 : CREATION DES PREMIERES PAGE - TABLEAUX ETAPE 1 : PAGE D ACCUEIL Ta page d'accueil inclut ta présentation personnelle: ton nom, ta photo, ta classe. L'entête de la page d'accueil sera formé de

Plus en détail

Manuel d'utilisation pour Zimplit

Manuel d'utilisation pour Zimplit Manuel d'utilisation pour Zimplit Introduction Ce document vous présente un aperçu de l'interface utilisateur et les fonctions du gestionnaire de contenu Zimplit. Informations Générales Version: 0.3 Modifié

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

Sites web institutionnels de l'unil avec Jahia

Sites web institutionnels de l'unil avec Jahia ronstik - Fotolia.com Sites web institutionnels de l'unil avec Jahia mars 2013 1 Les bases de Jahia 2 Jahia est un CMS = content management system = système de gestion de contenu web une application installée

Plus en détail

Réaliser des tâches courantes dans une présentation

Réaliser des tâches courantes dans une présentation Formation Réaliser des tâches courantes dans une présentation AVANT DE COMMENCER Au cours de l'exercice pratique, cette fenêtre s'affichera au-dessus de la fenêtre du programme dans lequel vous travaillez.

Plus en détail

Sélectionner les cellules à copier Cliquer sur copier Cliquer dans la première cellule de destination Menu Edition / Collage spécial

Sélectionner les cellules à copier Cliquer sur copier Cliquer dans la première cellule de destination Menu Edition / Collage spécial Collage spécial Sélectionner les cellules à copier Cliquer sur copier Cliquer dans la première cellule de destination Menu Edition / Collage spécial Définir le type de collage à réaliser Transposé : inverse

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

Edition des portails régionaux du site Nature-France par les responsables SINP (rôle «manager-portail») Table des matières

Edition des portails régionaux du site Nature-France par les responsables SINP (rôle «manager-portail») Table des matières Edition des portails régionaux du site Nature-France par les responsables SINP (rôle «manager-portail») Table des matières Objectifs du document...2 Définitions...2 Convention d écriture...2 Pré-requis...2

Plus en détail

Publier des données sur le Web

Publier des données sur le Web Publier des données sur le Web Introduction Microsoft Excel fournit les outils dont vous avez besoin pour créer et enregistrer votre classeur sous forme d une page web et le publier sur le Web. La commande

Plus en détail

LEGI - FORMATION SPIP KEVIN REVERCHON - 14/01/08 FORMATION SPIP

LEGI - FORMATION SPIP KEVIN REVERCHON - 14/01/08 FORMATION SPIP FORMATION SPIP Introduction Le site web du LEGI est basé sur la technologie SPIP. SPIP est un système de publication pour l Internet qui s attache particulièrement au fonctionnement collectif, au multilinguisme

Plus en détail

Publipostage avec Calc

Publipostage avec Calc Auto-formation sur OpenOffice.org 2.0 par Cyril Beaussier Version 1.0.2 - Avril 2006 Publipostage avec Calc Sommaire Introduction... 2 Présentation... 3 Notions... 4 Les données... 5 Lettre type... 7 Création

Plus en détail

Table des matières. Microsoft Excel 2007. Présentation de la nouvelle interface (1)

Table des matières. Microsoft Excel 2007. Présentation de la nouvelle interface (1) Microsoft Excel 2007 Table des matières Présentation de la nouvelle interface (1) Interface utilisateur Ruban Onglets qui s affichent uniquement lorsque vous en avez besoin (2) Onglets de programme (3)

Plus en détail

Direction Informatique 02/11/2010

Direction Informatique 02/11/2010 Microsoft Word 2007 Direction Informatique 02/11/2010 Contexte de la formation: - Interface Ms Word 2007 - L utilisation des fonctions de Ms Word 2007 Objective: -Maîtriser le Ms Word 2007 Page 2/36 Introduction

Plus en détail

Tobii Communicator 4. Guide de démarrage

Tobii Communicator 4. Guide de démarrage Tobii Communicator 4 Guide de démarrage BIENVENUE DANS TOBII COMMUNICATOR 4 Tobii Communicator 4 permet aux personnes souffrant de handicaps physiques ou de communication d'utiliser un ordinateur ou un

Plus en détail

2 LES BASES DU HTML 19 Qu est-ce que le HTML? 20 De quand date le HTML? 20 Écrire son propre code HTML 22

2 LES BASES DU HTML 19 Qu est-ce que le HTML? 20 De quand date le HTML? 20 Écrire son propre code HTML 22 SOMMAIRE INTRODUCTION La collection Classroom in a Book TinyUrL Conditions requises Installation du programme Copie des fichiers Classroom in a Book ordre recommandé pour les leçons Démarrage instantané

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 un objet Flash à votre site

Ajouter un objet Flash à votre site Créer des sites Web personnels 1 Ajouter un objet Flash à votre site La Galerie de WebPlus offre une vaste collection de bannières Flash prédéfinies que vous pouvez ajouter à votre site et personnaliser

Plus en détail

SOMMAIRE 1 INTRODUCTION 4 2 GUIDE D UTILISATION ET TUTORIAUX VIDEOS EN LIGNE 4 3 CONTACTER VOTRE SUPPORT 4 4 RACCOURCIS CLAVIER 5

SOMMAIRE 1 INTRODUCTION 4 2 GUIDE D UTILISATION ET TUTORIAUX VIDEOS EN LIGNE 4 3 CONTACTER VOTRE SUPPORT 4 4 RACCOURCIS CLAVIER 5 SOMMAIRE 1 INTRODUCTION 4 2 GUIDE D UTILISATION ET TUTORIAUX VIDEOS EN LIGNE 4 3 CONTACTER VOTRE SUPPORT 4 4 RACCOURCIS CLAVIER 5 5 ADMINISTRER SON SITE WEBGAZELLE CMS 2.0 5 5.1 Configuration minimale

Plus en détail

et de la feuille de styles.

et de la feuille de styles. Feuilles de style / mars 2007 Manuel d'utilisation du modèle enssib et de la feuille de styles. Writer Open Office Service des produits documentaires Contact : Richard Grenier 2e étage enssib Tél : 04

Plus en détail

Présentation. Les impressions

Présentation. Les impressions Présentation Ce chapitre regroupe de nombreuses fonctionnalités relatives aux impressions. En effet, il concerne les éditions sur papier, les aperçus à l'écran avant impression et la visualisation des

Plus en détail

Vous devez IMPERATIVEMENT installer et utiliser ce navigateur

Vous devez IMPERATIVEMENT installer et utiliser ce navigateur GUIDE d utilisation Logiciels requis Les logiciels requis 3 Vous devez IMPERATIVEMENT installer et utiliser ce navigateur Mozilla Firefox (version minimum 2.0). L utilisation du navigateur Mozilla Firefox

Plus en détail

Découvrez Windows NetMeeting

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

Plus en détail

Guide de l'utilisateur PROTECTIS. Réalisé par le C.D.I.P.

Guide de l'utilisateur PROTECTIS. Réalisé par le C.D.I.P. Guide de l'utilisateur PROTECTIS Réalisé par le C.D.I.P. Table des matières INSTALLATION 1 Installation du logiciel...1 Ouverture du logiciel...1 Première ouverture du logiciel...1 Les ouvertures suivantes...3

Plus en détail

Fusion et publipostage dans Word 2010

Fusion et publipostage dans Word 2010 La fusion consiste à fusionner un document principal avec une source de données, de manière à personnaliser le document principal. Ces opérations s'appellent également publipostage ou mailing. Le document

Plus en détail

Support Izispot 1. Atelier création d'un site internet. Support de Sophie Epn Relais ménimontant

Support Izispot 1. Atelier création d'un site internet. Support de Sophie Epn Relais ménimontant Support Izispot 1 Atelier création d'un site internet Support de Sophie Epn Relais ménimontant Composition d'un site Ce site se compose d'une entête, d'un menu et d'un corps de page L'entête Elle contient

Plus en détail

1 CREER UNE PREMIERE PAGE WEB

1 CREER UNE PREMIERE PAGE WEB CLARIS HOME PAGE 2.0 1 CREER UNE PREMIERE PAGE WEB 1.1 DEMARRER CLARIS HOME PAGE Options du document Figure 1 CLARIS HOME PAGE affiche une page vide appelée «Sans titre.htm» Pour changer la couleur de

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

Explorateur Windows EXPLORATEUR WINDOWS...1 INTRODUCTION...2 LANCEMENT DE L'EXPLORATEUR WINDOWS...3 PRÉSENTATION PHYSIQUE...3 RECHERCHER...

Explorateur Windows EXPLORATEUR WINDOWS...1 INTRODUCTION...2 LANCEMENT DE L'EXPLORATEUR WINDOWS...3 PRÉSENTATION PHYSIQUE...3 RECHERCHER... EXPLORATEUR WINDOWS SOMMAIRE EXPLORATEUR WINDOWS...1 INTRODUCTION...2 LANCEMENT DE L'EXPLORATEUR WINDOWS...3 PRÉSENTATION PHYSIQUE...3 RECHERCHER...6 ORGANISATION DE SES DOSSIERS...7 CRÉER UN DOSSIER...7

Plus en détail

Tutoriel d'utilisation du site PEEP

Tutoriel d'utilisation du site PEEP Tutoriel d'utilisation du site PEEP Intro Le site, ape-niort.peep.asso.fr, est géré par un système de gestion de contenu (ici Mura CMS). Un CMS permet, entre autre, de générer un site de manière rapide

Plus en détail

Guide d utilisateurs Plesk WEBPACK GUIDE D UTILISATEURS

Guide d utilisateurs Plesk WEBPACK GUIDE D UTILISATEURS Guide d utilisateurs Plesk WEBPACK GUIDE D UTILISATEURS 1 PleskWebpack MAS_FR- Octobre 2010 SOMMAIRE - Introduction 1 - Créer un compte FTP et les droits d accès 2 - Utiliser l outil de rapport (statweb,

Plus en détail

Parcours FOAD Formation WORD 2010

Parcours FOAD Formation WORD 2010 Parcours FOAD Formation WORD 2010 PLATE-FORME E-LEARNING DELTA ANNEE SCOLAIRE 2013/2014 Pôle national de compétences FOAD Formation Ouverte et A Distance https://foad.orion.education.fr Livret de formation

Plus en détail

Documentation pour webmasters

Documentation pour webmasters Documentation pour webmasters Version du 20 juin 07 Fonctionnalités de base... 1 1 Comment se connecter sur le site?... 1 2 Comment modifier le contenu une page?... 2 Plus en détails...... 3 3 Comment

Plus en détail

WinTask : Automatisation de sites Web

WinTask : Automatisation de sites Web WinTask : Automatisation de sites Web Introduction Ce document a pour but de vous faire découvrir WinTask, le logiciel d'automatisation de tâches pour Windows et sites Web. WinTask vous permet d'automatiser

Plus en détail

Formation > Développement > Internet > Réseaux > Matériel > Maintenance

Formation > Développement > Internet > Réseaux > Matériel > Maintenance Formation > Développement > Internet > Réseaux > Matériel > Maintenance SOMMAIRE 1. ACCEDER A L'INTERFACE D'ADMINISTRATION...5 1.1. Le navigateur... 5 1.2. L'interface d'administration... 5 2. METTRE

Plus en détail

Support Gestionnaire pour les nouvelles versions CPM (outil Drupal) Télésanté Aquitaine

Support Gestionnaire pour les nouvelles versions CPM (outil Drupal) Télésanté Aquitaine Support Gestionnaire pour les nouvelles versions CPM (outil Drupal) Objet du document Ce document a pour but d'apporter des éléments de support au gestionnaire des nouvelles communautés de pratiques médicales.

Plus en détail

I - Créer un Nouveau Projet

I - Créer un Nouveau Projet Manuel d'utilisation Limite de responsabilités : En aucun cas, l'auteur ne pourra être tenu pour responsable des dommages indirects, particuliers, accidentels ou financiers résultant de l'utilisation et/ou

Plus en détail

Création d une présentation avec. PowerPoint 2004. Pour Mac OS X

Création d une présentation avec. PowerPoint 2004. Pour Mac OS X Création d une présentation avec PowerPoint 2004 Pour Mac OS X Service local du RÉCIT Commission scolaire de Saint-Hyacinthe http://recit.cssh.qc.ca Création d'une présentation avec PowerPoint 2004 Table

Plus en détail

LIBRE OFFICE WRITER 4.3

LIBRE OFFICE WRITER 4.3 LIBRE OFFICE WRITER 4.3 Environnement général de Libre Office Writer SOMMAIRE I - ENVIRONNEMENT DE WRITER 4.3 4 1.1 - OUVRIR ET FERMER LE LOGICIEL WRITER 4 1.1.1 CREER UN NOUVEAU DOCUMENT 4 1.1.1 - FERMER

Plus en détail

Dévéloppement de Sites Web

Dévéloppement de Sites Web 1 Dévéloppement de Sites Web Cours I : Conception et spécification d'un site à thème Peter Stockinger Séminaire de Maîtrise en Communication Interculturelle à l'institut National des Langues et Civilisations

Plus en détail

Guide d'installation Stellar Phoenix Outlook PST Repair 5.0

Guide d'installation Stellar Phoenix Outlook PST Repair 5.0 Guide d'installation Stellar Phoenix Outlook PST Repair 5.0 1 Présentation Stellar Phoenix Outlook PST Repair offre une solution complète pour la récupération de données à partir de fichiers de stockage

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

Utilisation du site Regio 21.ch

Utilisation du site Regio 21.ch Utilisation du site Regio 21.ch Introduction Ce document est un petit aide-mémoire qui vous permettra de réaliser des tâches simples avec l'outil TYPO3. La meilleure attitude en cas de doute est d'essayer

Plus en détail

DataTraveler 410. Manuel d'utilisation de SecureTraveler

DataTraveler 410. Manuel d'utilisation de SecureTraveler Manuel d'utilisation de SecureTraveler SecureTraveler est l'utilitaire de configuration DataTraveler permettant aux utilisateurs en entreprise et aux utilisateurs privés d'établir des zones publiques et

Plus en détail

Chapitre 2 Créer son site et ses pages avec Google Site

Chapitre 2 Créer son site et ses pages avec Google Site Réaliser un site internet à l aide de Google Site 10 Chapitre 2 Créer son site et ses pages avec Google Site 1. Créer un Google site 1. Rendez-vous sur www.google.be et connectez-vous à votre compte Gmail

Plus en détail

Qlik Sense Cloud. Qlik Sense 2.0.2 Copyright 1993-2015 QlikTech International AB. Tous droits réservés.

Qlik Sense Cloud. Qlik Sense 2.0.2 Copyright 1993-2015 QlikTech International AB. Tous droits réservés. Qlik Sense Cloud Qlik Sense 2.0.2 Copyright 1993-2015 QlikTech International AB. Tous droits réservés. Copyright 1993-2015 QlikTech International AB. Tous droits réservés. Qlik, QlikTech, Qlik Sense, QlikView,

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

Guide de démarrage rapide

Guide de démarrage rapide Comment démarrer rapidement votre Box e-commerce. Guide de démarrage rapide Autres supports : Vidéos démos disponibles sur le portail. Contactez notre service client : 0 969 366 636 Guide de démarrage

Plus en détail

Formation pour les rédacteurs du web dynamique Février 2006 TABLE DES MATIÈRES

Formation pour les rédacteurs du web dynamique Février 2006 TABLE DES MATIÈRES TABLE DES MATIÈRES Section 1 - Découvrir l espace privé... 1 1.1 L accès à l espace privé... 1 1.2 L'écran d'ouverture... 3 1.3 La barre des fonctions principales... 4 1.4 La barre de séparation et ses

Plus en détail

Microsoft. Office. Manuel. Partager le classeur pour la modification et suivre les modifications

Microsoft. Office. Manuel. Partager le classeur pour la modification et suivre les modifications Microsoft Office Manuel Partager le classeur pour la modification et suivre les modifications Table des matières 1 INTRODUCTION... 1 2 PARTAGER LE CLASSEUR POUR LA MODIFICATION PAR PLUSIEURS UTILISATEURS...

Plus en détail

I Pourquoi une messagerie?

I Pourquoi une messagerie? I Pourquoi une messagerie? Outlook express est un logiciel de messagerie de windows. Il est installé par défaut sur un grand nombre d ordinateurs de la planète, ceux tournant sous Windows, et proposé par

Plus en détail

Saisissez le login et le mot de passe (attention aux minuscules et majuscules) qui vous ont

Saisissez le login et le mot de passe (attention aux minuscules et majuscules) qui vous ont I Open Boutique Sommaire : I Open Boutique... 1 Onglet «Saisie des Produits»... 3 Création d'une nouvelle fiche boutique :... 3 Création d'une nouvelle fiche lieux de retraits :... 10 Création d'une nouvelle

Plus en détail

WebCT - Exercices. Préparé par. Edouard Staco Sylvain Lefebvre Dominic Villiard. École Polytechnique de Montréal. Page 1 sur 22

WebCT - Exercices. Préparé par. Edouard Staco Sylvain Lefebvre Dominic Villiard. École Polytechnique de Montréal. Page 1 sur 22 WebCT - Exercices Préparé par Edouard Staco Sylvain Lefebvre Dominic Villiard École Polytechnique de Montréal Page 1 sur 22 Configuration de votre fureteur Ajustement de la mémoire cache Netscape Navigator

Plus en détail

Guide Rédacteur Typo3

Guide Rédacteur Typo3 Guide Rédacteur Typo3 Table des matières 1. Introduction 1 2. Login 1 3. Vue d'ensemble 2 1.1 Le mode Page...5 1.2 Le mode Voir...7 4. Créer une nouvelle page 8 5. Déplacer une page 9 6. Copier une page

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