Création WEB avec DreamweaverMX

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

Download "Création WEB avec DreamweaverMX"

Transcription

1 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 le navigateur.ancre jbernard page 1

2 1. Preparer le site 1 D abord et avant tout, il est recommandé de construire l arborescence de votre site à partir de l Explorateur Windows. Il est suggéré d utiliser l arborescence type suivante: +Nom de votre site +Images +fichiers de travail +videos +animations Lorsque votre arborescence est complétée, démarrer dreamweaver. Sélectionner Site>Nouveau site depuis la fenêtre Dreamweaver. jbernard page

3 4 Inscrire le nom de votre site dans la première case de texte puis sélectionner le répertoire que vous venez de créer tel que décrit dans le texte ci-haut. Cliquer ensuite sur OK Maintenant que votre site est défini, revenez à la page d édition de Dreamweaver. Si aucun document n est ouvert, vous pouvez en ouvrir un nouveau directement à partir de l écran de gestion des sites de Dreamweaver via le menu Fichier>Nouveau fichier. Inscrire un nom de fichier dans la case réservée à cet effet. S il s agit de votre page d accueil, le nom devrait être index.htm. Cela rendra l adressage électronique plus facile pour le visiteur. 1 jbernard page 3

4 Maintenant que votre fichier est nommé, ouvrez-le en double cliquant dessus. Vous êtes maintenant en mode édition. Inscrire dans la case Titre, le nom de cette page. Le nom de la page n est pas le nom du fichier. Le nom du fichier ne peut contenir de caractères accentués et devrait être court. Le titre de la page peut contenir des caractères accentués et être beaucoup plus exhaustif que le titre du fichier. Nous allons maintenant commencer à composer notre page. Avant de commencer je vous recommande d afficher la grille. Cette grille est utile pour aligner les objets, les images et le texte. Elle ne sera pas visible dans un fureteur. Pour afficher la grille, sélectionner Affichage>Grille>Afficher la grille jbernard page 4

5 Les pages html peuvent contenir une couleur de fond ou une image de fond. Vous pouvez également définir la couleur du texte, la couleur des liens, actifs, visités ou non. Vous pouvez également définir des marges comme on le fait dans un logiciel de traitement de texte. Pour modifier ces attributs de page, sélectionner Modifier>Propriétés de la page. Dans la case Image d arrière-plan vous pouvez spécifier une image d arrière-plan. Les cases de couleurs en dessous vous permettent de modifier la couleur de l item spécifié. Les cases des marges vous permettent d indiquer les valeurs des marges à inscrire. Vous ne pouvez spécifier que les marges du haut et les marges de gauche. Dreamweaver affiche 4 cases puisque Netscape et Explorer traitent différemment les attributs de marges. Les cases de gauche sont valables pour Netscape et celles de droite sont valables pour Explorer. Cliquer sur Ok lorsque vous avez terminé. jbernard page 5

6 . Mise en forme Dreamweaver propose une aide à la mise en forme nommée tableau de mise en forme. L utilisation des ces tableaux de mise en forme peut s avérer ardue pour les débutants, raison pour laquelle je leur préfère les calques. 1 Un calque, c est ni plus ni moins qu une couche invisible, superposée à votre page comme une feuille acétate le serait par-dessus une feuille de papier. Vous pouvez inscrire dans un calque à peu près tout ce que vous pouvez inscrire dans une page puis déplacer le calque ou le redimensionner pour répondre à vos critères de mise en page... Pour insérer un calque, sélectionner le bouton Dessiner un calque de la boîte à outils Commun. Cliquer sur la page à l endroit où vous désirez insérer le calque puis glisser la souris. Un rectangle s affiche à l écran... Relâcher le bouton de la souris lorsque le calque a atteint les dimensions désirées. jbernard page 6

7 Vous pouvez dessiner autant de calques que vous désirez. Il faut se rappeller cependant, qu un calque ne peut en contenir un autre mais peut en chevaucher un autre. Pour insérer du contenu dans un calque, cliquer d abord à l intérieur de celui-ci puis insérer votre texte, vos images, tableaux, etc. Pour modifier les attributs d un calque, le déplacer ou le redimensionner, sélectionner d abord le contour de ce dernier (de petits carrés noirs s affichent sur le pourtour du calque). À l aide de la boîte des propriétés, vous pouvez modifier la couleur de fond, l image de fond et d autres attributs du calque sélectionné. Exemple d une boîte de propriétés d un calque... La figure ci-contre illustre un exemple de l utilisation des calques. Le calque supérieur contient le titre. Le calque de gauche contiendra la table des matières du site. Le calque de droite contient le texte et les images du site. Chaque calque contient donc généralement un contenu spécifique que l on peut déplacer et redimensionner facilement avec la boîte de propriétés entre autres. jbernard page 7

8 3. Creer un lien Création WEB avec DreamweaverMX Vous pouvez créer un lien sur un texte ou sur une image ou sur un objet. Pour créer un lien sur un texte, il faut d abord sélectionner ce texte. Ce texte sera ensuite souligné et la couleur définie déjà dans la boîte Propriétés de page sera appliquée. Avant de créer un lien assurez-vous que la boîte des Propriétés est affichée (habituellement dans le bas de l écran). Si elle n est pas affichée, sélectionner Fenêtre>Propriétés. 1 Sélectionner le texte sur lequel sera créé le lien. Puis dans la boîte des propriétés, visà-vis la case Lien, sélectionner l icone en forme de chemise afin d atteindre le fichier qui constitue la cible du lien. S il s agit d une page sur Internet, il vous faudra inscrire l adresse URL au complet, incluant 3 Ex. Une fois le fichier sélectionné, cliquer sur OK. Voilà le lien est activé. Le texte est souligné et la couleur définie dans vos propriétés est affichée. jbernard page 8

9 4. Inserer une image Pour insérer une image, d abord il faut positionner le curseur à l endroit précis où vous désirez insérer l image. Dans l exemple ci-dessous, le curseur a été placé dans le calque du haut. Position du curseur... 1 Sélectionner le bouton Image de la boîte d outils. Sélectionner l image puis cliquer sur OK. 3 Voilà l image a été insérée dans le calque dans lequel avait été placé le curseur. jbernard page 9

10 5. Creer un lien sur une image Création WEB avec DreamweaverMX 1 Pour créer un lien sur une image, la technique est très semblable à celle qui permet d insérer un lien sur un texte. Sélectionner d abord l image qui déclenchera le lien. Dans la boîte des propriétés de l image, cliquer sur l icone en forme de chemise, vis-à-vis la case Lien. Sélectionner le fichier puis cliquer sur Sélectionner ou taper l adresse URL puis cliquer sur Sélectionner. 3 ou 4 3 jbernard page 10

11 6. Inserer une image avec zones sensibles Vous pouvez insérer plus d un lien sur une même image. Il s agit alors de zones réactives qui permettent, chacune, d activer un lien particulier. Pour insérer une zone réactive sur une image, il faut d abord sélectionner l image en question. 1 Puis dans la boîte des propriétés, sélectionner le type de zones réactives. Dessiner sur l image la zone réactive en glissant la souris. 3 Dans la boîte de la zone réactive, inscrire le lien. S il s agit d un fichier local (un de vos fichiers), vous pouvez le sélectionner avec l icone chemise comme vu précédemment. Vous pouvez insérer autant de zones réactives que votre image peut physiquement en contenir. 4 jbernard page 11

12 7. Inserer une image survolee Création WEB avec DreamweaverMX Une image survolée c est tout simplement une image qui s affiche à la place d une autre lorsque la souris la survole. Insérer une image survolée revient presque au même que d insérer une image ordinaire. D abord positionner votre curseur dans la cellule où vous désirez insérer votre image survolée. Sélectionner ensuite le bouton le menu Insertion>Images interactives>image survolée. La différence est évidemment qu il faut inscrire deux images au lieu d une seule. La première image sera celle qui sera affichée par défaut. La seconde est celle qui s affiche à sa place lors du survol de la souris. Pour insérer vos images, cliquer sur le bouton Parcourir puis sélectionner l image Vous procéder de façon identique pour la seconde image. Dans la case si cliquée, aller à l URL, inscrivez l adresse du lien ou le sélectionner avec le bouton Parcourir Cliquer ensuite sur OK jbernard page 1

13 8. Inserer un lien vers un courrier electronique Création WEB avec DreamweaverMX Insérer un lien de type courriel est tout aussi simple que d insérer un lien hypertexte. Positionner le curseur où vous désirez construire le lien. Sélectionner le bouton lien mail de la boîte d outils. Dans la boîte lien message électronique, inscrire le texte sur lequel sera créé le lien puis inscrire l adresse de messagerie. Cliquer sur OK. Vous pouvez également construire un lien sur un mot existant, un groupe de mots ou sur une image. Sélectionner le mot, le groupe de mots ou l image qui serviront de base au lien de type courriel. Sélectionner le bouton lien mail de la boîte d outils. Inscrire l adresse électronique dans la boîte de texte Adresse e- mail. Cliquer sur OK. jbernard page 13

14 9. Apercu dans un navigateur Création WEB avec DreamweaverMX Normalement, à l installation de Dreamweaver, un fureteur par défaut est automatiquement défini. Pour visualiser dans un navigateur, sélectionner Fichier>Aperçu dans le navigateur... Choisir le navigateur en cliquant sur son nom. Voici l aperçu de notre page dans le navigateur Internet Explorer... jbernard page 14

15 10. Inserer une ancre Positon du curseur Une ancre sert de repère à la navigation sur une page web. Grâce aux ancres, vous pouvez permettre à vos lecteurs de sauter d une section à une autre de votre page à l aide d un seul clic sans avoir à parcourir l ensemble de votre page. L exemple ci-contre illustre comment insérer une ancre dans le haut d une page web puis comment insérer un lien vers cette ancre à partir du bas de la page. De cette façon, un utilisateur, rendu en bas de la page, pourra en un seul clic revenir au tout début de la page. 1 Sélectionner le bouton nommé : ancre nommée Nommer cette ancre puis cliquer sur OK. jbernard page 15

16 Une fois l ancre insérée, il faut créer le lien vers cette ancre. Il est à noter que plusieurs liens peuvent être créés sur une même ancre mais qu un lien ne peut cibler qu une ancre. 4 Dans l exemple ci-contre, le mot RETOUR a été sélectionné comme base de notre lien vers l ancre. 5 À l aide de l icône CIBLE, situé à droite de la boîte Lien, vous ciblez l ancre déposée. Il suffit de cliquer sur l icône puis de glisser la souris vers le symbole de l ancre, une ancre marine sur fond jaune. Une fois sur le symbole de l ancre, relâcher le bouton de la souris et le nom de l ancre s inscrit automatiquement dans la boîte Lien. Vous pouvez également inscrire directement le nom de l ancre dans la boîte Lien précédé d un #. Dans notre exemple cela donne #haut. jbernard page 16

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

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

Plus en détail

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

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

Collège Lionel-Groulx Service du soutien à l enseignement. PowerPoint 2007. Note de formation

Collège Lionel-Groulx Service du soutien à l enseignement. PowerPoint 2007. Note de formation Collège Lionel-Groulx Service du soutien à l enseignement PowerPoint 2007 Note de formation Johanne Raymond Automne 2009 Table des matières Interface... 1 Éléments de l interface graphique... 2 Bouton

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

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

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

Plus en détail

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

Atelier d initiation. Gestion de fichiers et de dossiers

Atelier d initiation. Gestion de fichiers et de dossiers Atelier d initiation Gestion de fichiers et de dossiers Contenu de l atelier Fichier... 1 Dossier... 1 Explorateur Windows... 1 Ouverture de l Explorateur Windows avec le menu Démarrer... 1 Ouverture

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

Création d un site Internet

Création d un site Internet Création d un site Internet Weebly.com Johanne Raymond Collège Lionel Groulx, mai 2010 Service du soutien à l enseignement et Plan de réussite Ouvrir un compte sur Weebly... 1 Modifier le modèle... 2 Ajouter

Plus en détail

PRISE EN MAIN D UN TABLEUR. Version OPEN OFFICE

PRISE EN MAIN D UN TABLEUR. Version OPEN OFFICE PRISE EN MAIN D UN TABLEUR Version OPEN OFFICE Prise en main d un tableur page 2 1. L utilisation de la souris Pour faire fonctionner un tableur, on utilise le clavier mais aussi la souris. Rappelons,

Plus en détail

Dessiner avec GIMP - Introduction des calques

Dessiner avec GIMP - Introduction des calques Dessiner avec GIMP - Introduction des calques Comme nous l avons signalé précédemment, GIMP comme PS sont des logiciels d infographie, nous allons donc créer notre première image. Ouvrir une feuille et

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

Les Tracés et les Outils de Dessin. Formes géométriques

Les Tracés et les Outils de Dessin. Formes géométriques et les Outils de Dessin Prise en main rapide Formes géométriques Cliquez sur cette Icône pour ouvrir la fenêtre Caractéristiques générales des Dessins. Ci-contre, vous avez les différentes formes géométriques,

Plus en détail

Groupe Eyrolles, 2003, ISBN : 2-212-11317-X

Groupe Eyrolles, 2003, ISBN : 2-212-11317-X Groupe Eyrolles, 2003, ISBN : 2-212-11317-X 3 Création de pages dynamiques courantes Dans le chapitre précédent, nous avons installé et configuré tous les éléments indispensables à la mise en œuvre d une

Plus en détail

Windows 7 - Dossiers et fichiers

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

Plus en détail

EXCEL 1 - PRISE EN MAIN

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

Plus en détail

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

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

Plus en détail

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

Dossier d utilisation

Dossier d utilisation Dossier d utilisation Lancer le logiciel Microsoft WORD. Page 1 Ouvrir Un fichier existant Page 1 Créer (ou Ouvrir) un nouveau document Page 2 Sauvegarder un nouveau fichier Page 2 Enregistrer un document

Plus en détail

FORMATION EXCEL 2013. Livret 2 Faire des tableaux (pour débutant) THIERRY TILLIER. Produit et diffusé par coursdinfo.fr

FORMATION EXCEL 2013. Livret 2 Faire des tableaux (pour débutant) THIERRY TILLIER. Produit et diffusé par coursdinfo.fr FORMATION EXCEL 2013 Livret 2 Faire des tableaux (pour débutant) THIERRY TILLIER Produit et diffusé par coursdinfo.fr Ce support de cours est réservé à un usage personnel. Toute utilisation et diffusion

Plus en détail

Leçon N 2E Utilisation d un traitement de texte (2 ème partie)

Leçon N 2E Utilisation d un traitement de texte (2 ème partie) Leçon N 2E Utilisation d un traitement de texte (2 ème partie) Nous allons travailler sur la MISE EN FORME d un document. 1 Mise en forme des caractères Les logiciels Word et Writer regroupent les commandes

Plus en détail

Créer des styles CSS simples

Créer des styles CSS simples Créer des styles CSS simples Les styles CSS mémorisent les attributs de caractère et de paragraphe comme la police, la taille, la couleur, l alignement du texte, etc... Vous pouvez ensuite les appliquer

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

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

FORMATION sur le LOGICIEL de SCHEMAS ELECTRIQUES

FORMATION sur le LOGICIEL de SCHEMAS ELECTRIQUES FORMATION sur le LOGICIEL de SCHEMAS ELECTRIQUES Lycée Louis MARCHAL mis à jour par Lycée T. DECK Page 1/ 17 SOMMAIRE 1. ARCHIVAGE/DESARCHIVAGE... 3 1.1. DESARCHIVAGE :... 3 1.2. ARCHIVAGE :... 4 2. CREATION

Plus en détail

Microsoft Word barres d outils. Par : Patrick Kenny

Microsoft Word barres d outils. Par : Patrick Kenny Microsoft Word barres d outils Par : Patrick Kenny 17 novembre 2004 Table des matières Mode affichage :... 3 Barre d outils Standard :... 4-5 Barre d outils Mise en forme :... 6-7 Activation de la barre

Plus en détail

Les Tableaux sous Word

Les Tableaux sous Word Les Tableaux sous Word Comme pour les images, la sélection d un tableau ouvre un menu contextuel qui va s adresser au tableau. Ce menu "les outils du tableau" propose 2 onglets, Création et Disposition.

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

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

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

La Clé informatique. Formation Excel XP Aide-mémoire La Clé informatique Formation Excel XP Aide-mémoire Septembre 2005 Table des matières Qu est-ce que le logiciel Microsoft Excel?... 3 Classeur... 4 Cellule... 5 Barre d outil dans Excel...6 Fonctions habituelles

Plus en détail

Prise en main Windows

Prise en main Windows Prise en main Windows Windows 2000 est un système d'exploitation. Un système d exploitation est un logiciel qui intervient à presque tous les niveaux de fonctionnement de votre ordinateur. Il est donc

Plus en détail

Copyright Marc REYNAUD messagerie@formenligne.org. Copyright Marc REYNAUD www.formenligne.org Page 1

Copyright Marc REYNAUD messagerie@formenligne.org. Copyright Marc REYNAUD www.formenligne.org Page 1 0 Cette série d ouvrages numériques et destinée soit : - aux enseignants et formateurs qui cherchent des supports de cours pour leurs classes et les groupes d adultes en formation. - aux particuliers qui

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

PC & Windows Livret d exercices Laurent DUPRAT Pratiquons

PC & Windows Livret d exercices Laurent DUPRAT Pratiquons Pratiquons ensemble PC & Windows Livret d exercices Laurent DUPRAT Pratiquons ensemble PC & Windows Livret d exercices Laurent DUPRAT Pratiquons ensemble PC & Windows Livret d exercices Laurent DUPRAT

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

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

Tapez le titre de la page «BASTIA ville méditerranéenne», puis allez deux fois à la ligne à l aide de la touche Entrée. Créer un site Internet à l aide du logiciel NVU Le logiciel NVU, permet l édition Wysiwyg (What You See, Is What You Get, ce que vous voyez, est ce que vous obtenez ) d un site internet. Vous rédigez le

Plus en détail

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

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

Appleworks. Les outils peuvent s afficher simplement en cliquant sur la petite caisse à outils rouge en bas à gauche du document de travail.

Appleworks. Les outils peuvent s afficher simplement en cliquant sur la petite caisse à outils rouge en bas à gauche du document de travail. Appleworks APPLE et AppleWorks sont des marques déposées dʼapple Corporation AppleWorks se compose de 6 modules reconnaissables à leur barre de boutons (Bb). La barre d outils (Bo) est verticale et commune

Plus en détail

TECHNOLOGIE DE L INFORMATION

TECHNOLOGIE DE L INFORMATION Les FICHES-GUIDE du tableur-grapheur WORKS 3 pour WINDOWS TECHNOLOGIE DE L INFORMATION PRÉSENTATION de L ÉCRAN du TABLEUR de WORKS 3 pour WINDOWS Barre de titre Barre des menus Barre de commande (icônes

Plus en détail

OPEN OFFICE.org. Sommaire :

OPEN OFFICE.org. Sommaire : Le traitement de texte avec : OPEN OFFICE.org OpenOffice Writer est la partie traitement de texte d'openoffice. org, la suite bureautique libre. Cette suite bureautique est téléchargeable librement et

Plus en détail

1 Liste des fonctionnalités de l éditeur :... 3 2 Gestionnaire d images... 4 2.1 Insérer une image qui existe déjà sur le serveur :... 4 2.

1 Liste des fonctionnalités de l éditeur :... 3 2 Gestionnaire d images... 4 2.1 Insérer une image qui existe déjà sur le serveur :... 4 2. Intranet EERV Edition des articles Table des matières : 1 Liste des fonctionnalités de l éditeur :... 3 2 Gestionnaire d images... 4 2.1 Insérer une image qui existe déjà sur le serveur :... 4 2.2 Charger

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

Manuel d utilisation des archives pour enregistreur numérique Alarme DB

Manuel d utilisation des archives pour enregistreur numérique Alarme DB Manuel d utilisation des archives pour enregistreur numérique Alarme DB Procédure d accès aux archives 1- Cliquez une fois avec le bouton gauche de la souris sur l icône «View Log» en bas à droite de l

Plus en détail

Démarrer ActivInspire

Démarrer ActivInspire ActivInspire Démarrer ActivInspire 1. Dans la liste des programmes, sélectionnez ActivInspire. 2. Dans le tableau de bord ActivInspire, cliquez sur Ouvrir un paperboard. Pour créer un nouveau «paperboard»,

Plus en détail

Avant-propos FICHES PRATIQUES EXERCICES DE PRISE EN MAIN CAS PRATIQUES

Avant-propos FICHES PRATIQUES EXERCICES DE PRISE EN MAIN CAS PRATIQUES Avant-propos Conçu par des pédagogues expérimentés, son originalité est d être à la fois un manuel de formation et un manuel de référence complet présentant les bonnes pratiques d utilisation. FICHES PRATIQUES

Plus en détail

Manuel d utilisation du CMS

Manuel d utilisation du CMS Manuel d utilisation du CMS ---------------------------- Le gestionnaire de contenu Web et son manuel d utilisation sont une production Global-Média inc. Cet ouvrage est assujetti aux lois sur les droits

Plus en détail

Initiation WORD. Module 9 : Les graphismes.

Initiation WORD. Module 9 : Les graphismes. Initiation WORD. Module 9 : Les graphismes. Système d exploitation utilisé : Windows XP Service Pack 2 Créé par Xavier CABANAT Version 1.0 Document créé par Xavier CABANAT Page 1 sur 14 Avant propos. Tout

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

Windows Atelier Cyber-Base Emploi Pays Beaujolais

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

Plus en détail

Atelier d initiation. Initiation à Windows Vista et 7

Atelier d initiation. Initiation à Windows Vista et 7 Atelier d initiation Initiation à Windows Vista et 7 Contenu de l atelier Qu est-ce que Windows?... 1 Démarrage d un ordinateur... 1 Ouverture de session... 1 Bureau... 2 La barre des tâches... 2 Le menu

Plus en détail

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

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

Plus en détail

ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE

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

Plus en détail

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

GUIDE D UTILISATION INTERNET POUR LE PERSONNEL DE LA C.S. DES LAURENTIDES

GUIDE D UTILISATION INTERNET POUR LE PERSONNEL DE LA C.S. DES LAURENTIDES GUIDE D UTILISATION INTERNET POUR LE PERSONNEL DE LA C.S. DES LAURENTIDES LE CARNET D ADRESSES ÉLECTRONIQUES DE L ANNUAIRE LDAP Document préparé par Jimmy Beattie, technicien informatique, CSL Commission

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

Flash3.exe. Flash 3 est un logiciel d édition de graphiques vectoriels. Il permet de créer des animations et des

Flash3.exe. Flash 3 est un logiciel d édition de graphiques vectoriels. Il permet de créer des animations et des Flash3.exe Flash 3 est un logiciel d édition de graphiques vectoriels. Il permet de créer des animations et des anim ations interactives destinées principalement à être diffusées sur internet. Tutoriel

Plus en détail

Procédure à suivre pour mettre à jour le «SITE DE COURS» par le titulaire. Juillet 2010 Version 5

Procédure à suivre pour mettre à jour le «SITE DE COURS» par le titulaire. Juillet 2010 Version 5 Procédure à suivre pour mettre à jour le «SITE DE COURS» par le titulaire. Juillet 2010 Version 5 2 1- PRÉALABLES Le titulaire du cours doit détenir une adresse de courrier électronique de l UQAC. Pour

Plus en détail

Découvrons LibreOffice Calc ou Classeur

Découvrons LibreOffice Calc ou Classeur Découvrons LibreOffice Calc ou Classeur Qu'est-ce que LibreOffice : LibreOffice est une suite bureautique libre et gratuite. Elle est multiplateforme et Multilingue. Une suite bureautique? Une suite bureautique

Plus en détail

CRÉATION D UNE PAGE WEB GUIDE DE L ÉLÈVE

CRÉATION D UNE PAGE WEB GUIDE DE L ÉLÈVE CRÉATION D UNE PAGE WEB GUIDE DE L ÉLÈVE Ce projet est divisé en 3 parties. Dans cette première partie, tu apprendras comment te servir du logiciel Microsoft Office SharePoint Designer 2007 Étape 1 : Dans

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

Créer des visites virtuelles avec Google Earth

Créer des visites virtuelles avec Google Earth Créer des visites virtuelles avec Google Earth Parmi les outils géomatiques, Google Earth se distingue par la possibilité de créer des parcours, des visites virtuelles et de les enregistrer sous forme

Plus en détail

Nom :... Prénom :... Classe :... Techniques infographiques. InDesign

Nom :... Prénom :... Classe :... Techniques infographiques. InDesign Nom :... Prénom :... Classe :... Techniques infographiques InDesign 1 Insertion de blocs textes et images (bases) a Création d un nouveau document...p04 b Le plan de travail...p05 c Les outils de base...p06

Plus en détail

GUIDE Excel (version débutante) Version 2013

GUIDE Excel (version débutante) Version 2013 Table des matières GUIDE Excel (version débutante) Version 2013 1. Créer un nouveau document Excel... 3 2. Modifier un document Excel... 3 3. La fenêtre Excel... 4 4. Les rubans... 4 5. Saisir du texte

Plus en détail

Microsoft WORD. Sommaire :

Microsoft WORD. Sommaire : Le traitement de texte avec : Microsoft WORD Sommaire : 1 Le traitement de texte : usages typographiques ITALIQUE Règles Typographiques On se sert de l italique pour attirer l attention sur un mot, sur

Plus en détail

Guide d utilisation. Pour GestiO Saisie Rapide version 1.01.05

Guide d utilisation. Pour GestiO Saisie Rapide version 1.01.05 Guide d utilisation Pour GestiO Saisie Rapide version 1.01.05 Partie 1 : Installation Procédure pour la première installation du logiciel ❶ ❷ ❸ Téléchargement du fichier o Vous devez vous connecter au

Plus en détail

Procédures CreaWEB Guide pratique

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

Plus en détail

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

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

Plus en détail

PAGE 1. L écran du logiciel d Open Office Draw. Barre de menu: Les commandes du logiciel

PAGE 1. L écran du logiciel d Open Office Draw. Barre de menu: Les commandes du logiciel PAGE L écran du logiciel d Open Office Draw Nom du document : Nom d enregistrement Barre de mise forme: Ligne, couleurs, fond,... Barre de menu: Les commandes du logiciel Barre d outils: Les boutons de

Plus en détail

INITIATION A POWERPOINT

INITIATION A POWERPOINT INITIATION A POWERPOINT P. BESSON OCTOBRE 2000 SOMMAIRE Chap. 1 Découverte de POWERPOINT I. Démarrer Powerpoint 1. Lancement de l application 2. Boite de dialogue de démarrage de Powerpoint II. Structure

Plus en détail

GUIDE D UTILISATION GESTION DU CONTENU SITE INTERNET CANATAL. 1 ère Partie. Modification du Contenu du Site WordPress de Canatal

GUIDE D UTILISATION GESTION DU CONTENU SITE INTERNET CANATAL. 1 ère Partie. Modification du Contenu du Site WordPress de Canatal INDUSTRIES CANATAL INC. GUIDE D UTILISATION GESTION DU CONTENU SITE INTERNET CANATAL 1 ère Partie Modification du Contenu du Site WordPress de Canatal Version 1.0 FR 27 février 2013 Page laissée intentionnellement

Plus en détail

TECHNIQUE : Plan de situation d un Parc d Activités

TECHNIQUE : Plan de situation d un Parc d Activités GÉO Erdre & Gesvres Fiches pratiques MÉTIER TECHNIQUE : Plan de situation d un Parc d Activités Comment réaliser un plan de situation? Le service Technique ou le service Développement Economique pourrait

Plus en détail

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

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

Plus en détail

Naviguer CHARGER ET QUITTER INTERNET EXPLORER

Naviguer CHARGER ET QUITTER INTERNET EXPLORER Naviguer UTILISER UN NAVIGATEUR CHARGER ET QUITTER INTERNET EXPLORER Pour pouvoir travailler avec votre application Internet Explorer il est indispensable de l'ouvrir. Pour réaliser cette opération plusieurs

Plus en détail

TRAITEMENT DE TEXTE SOUS WORD ET OPEN OFFICE LECON N 5

TRAITEMENT DE TEXTE SOUS WORD ET OPEN OFFICE LECON N 5 TRAITEMENT DE TEXTE SOUS WORD ET OPEN OFFICE LECON N 5 Créer une image filigrane en pleine page Utiliser une planche d'étiquettes Créer une carte de visite Téléchargement de Photofiltre retouche d'images

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

Initiation WORD. Module 4 : La mise en page d un document

Initiation WORD. Module 4 : La mise en page d un document Initiation WORD. Module 4 : La mise en page d un document Système d exploitation utilisé : Windows XP Service Pack 2 Créé par Xavier CABANAT Version 1.0 Document créé par Xavier CABANAT Page 1 sur 13 Avant

Plus en détail

Procédure pour Windows Movie Maker

Procédure pour Windows Movie Maker Procédure pour Windows Movie Maker Étapes de base du montage vidéo sur ordinateur Voici les étapes de base pour monter une vidéo numérique sur votre ordinateur : A- Copier une vidéo enregistrée à partir

Plus en détail

TUTORIEL IMPRESS. Ouvrir Impress cocher «présentation vierge», «suivant» cocher «écran», «suivant» cocher «standard», «créer»

TUTORIEL IMPRESS. Ouvrir Impress cocher «présentation vierge», «suivant» cocher «écran», «suivant» cocher «standard», «créer» TUTORIEL IMPRESS Ouvrir Impress cocher «présentation vierge», «suivant» cocher «écran», «suivant» cocher «standard», «créer» Une page impress s'ouvre : Le volet gauche contiendra toutes les diapositives

Plus en détail

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

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

Plus en détail

SOMMAIRE. HELPCLIC 03/08/2006 http://www.helpclic.net. I L écran principal Page 4

SOMMAIRE. HELPCLIC 03/08/2006 http://www.helpclic.net. I L écran principal Page 4 SOMMAIRE I L écran principal Page 4 II Les principales barre d outils 2-1 : LA BARRE D OUTILS STANDARD Page 4 2-2 : LA BARRE D OUTILS MISE EN FORME Page 5 2-3 : LA BARRE D OUTILS OBJETS Page 5 III Créer

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

Confection d une carte de vœux animée

Confection d une carte de vœux animée 1) Création du fond d image Ouvrir Photofiltre a) Importation de l image i) S il s agit d une image provenant d Internet (1) Dans l explorateur (a) cliquer sur l image pour l agrandir (b) Faire un clic

Plus en détail

AGASC / BUREAU INFORMATION JEUNESSE 06700 Saint Laurent du Var - E mail : bij@agasc.fr / Tel : 04.93.07.00.66 CONSIGNE N 1 :

AGASC / BUREAU INFORMATION JEUNESSE 06700 Saint Laurent du Var - E mail : bij@agasc.fr / Tel : 04.93.07.00.66 CONSIGNE N 1 : CONSIGNE N 1 : Rédiger puis envoyer un nouveau message La fenêtre de la boîte de messagerie s affiche Cliquer sur «Ecrire» ou «Nouveau message» pour ouvrir cette nouvelle fenêtre. Ensuite, suivre cette

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

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

Guide de l utilisateur. Faites connaissance avec la nouvelle plateforme interactive de Guide de l utilisateur Faites connaissance avec la nouvelle plateforme interactive de Chenelière Éducation est fière de vous présenter sa nouvelle plateforme i+ Interactif. Conçue selon vos besoins, notre

Plus en détail

Guide élève : Comment créer un livre numérique avec Didapages?

Guide élève : Comment créer un livre numérique avec Didapages? Guide élève : Comment créer un livre numérique avec Didapages? Les livres numériques encore appelés "e-books" sont des livres qui peuvent être lus sur différents supports électroniques : ordinateurs, tablettes

Plus en détail

Webartist (SIERRA 199 FF TTC) Les méthodes basiques pour générer un premier site Web. recherche. Insertion arrière-plan

Webartist (SIERRA 199 FF TTC) Les méthodes basiques pour générer un premier site Web. recherche. Insertion arrière-plan Webartist (SIERRA 199 FF TTC) Les méthodes basiques pour générer un premier site Web Fichier propriétés du site Web couleurs Fichier propriétés du site Web informations de recherche Fichier propriétés

Plus en détail

Contenu de l atelier. Windows 7

Contenu de l atelier. Windows 7 Contenu de l atelier Qu est-ce que Windows?... 1 Démarrage d un ordinateur... 1 Bureau... 1 Icônes... 1 La corbeille... 2 Barre des tâches... 2 Menu Démarrer... 2 Lancement rapide... 3 Applications ouvertes...

Plus en détail

Introduction. Créer, ouvrir et enregistrer un fichier

Introduction. Créer, ouvrir et enregistrer un fichier Introduction Microsoft Office Word est un logiciel de traitement de texte permettant la rédaction de documents, de rapports, de notes de service, etc. Il facilite la correction des fautes d orthographe

Plus en détail

Édu-groupe - Version 4.3

Édu-groupe - Version 4.3 Édu-groupe - Version 4.3 Guide de l utilisateur Gestion des fichiers Société GRICS, Équipe Évaluation Août 2012 2 CONSIDÉRATIONS GÉNÉRALES A. Importante mise en garde concernant les types de fureteur Les

Plus en détail

Guide d utilisation. Version 1.0

Guide d utilisation. Version 1.0 Guide d utilisation Version 1.0 Table des matières Présentation de MindManager MapShare... 1 Qu est-ce qu une map?... 1 Afficher une map depuis une liste SharePoint... 2 Modifier une map d une liste SharePoint...

Plus en détail

Guide d utilisation Plus de souplesse dans votre communication?

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

Plus en détail

CARTES DE VISITE, CARTE DE VŒUX, ETIQUETTES AVEC OPENOFFICE

CARTES DE VISITE, CARTE DE VŒUX, ETIQUETTES AVEC OPENOFFICE CARTES DE VISITE, CARTE DE VŒUX, ETIQUETTES AVEC OPENOFFICE 1- Créer une planche 2- Indiquer les mesures 3- Indiquer le format de la page 4- Ajouter une bordure 5- Ajouter du texte 6- Ajouter une image

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

Mode d emploi de Typo3

Mode d emploi de Typo3 Mode d emploi de Typo3 1. Accès à l interface d administration Slide 2 2. Description de l interface Slide 3 3. Le menu Slide 4 4. Gestion des circulaires administratives 4.1 Affichage - Sélection Slide

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

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

La Clé informatique. Formation Access XP Aide-mémoire La Clé informatique Formation Access XP Aide-mémoire Septembre 2003 Définitions de termes Base de données : Se compare à un énorme classeur ayant plusieurs tiroirs où chacun d eux contient des informations

Plus en détail