TP n 2 feuilles de style, sécurisation des documents
|
|
|
- Romain Gervais
- il y a 8 ans
- Total affichages :
Transcription
1 HLSE305 Concepts et outils de base en informatique TP n page 1/12 TP n 2 feuilles de style, sécurisation des documents Partie 1 feuilles de style Source : Objectif : apprendre à utiliser les feuilles de style : la syntaxe de base, les styles contextuels, les classes de style, les divisions. 1. Les feuilles de style Lorsque l'on réalise un ensemble de pages web, par exemple si on construit un site Internet, il est bien plus judicieux de séparer le contenu de la forme. La façon la plus «économique» de le faire est fournie par les feuilles de style en cascade (ou CSS pour Cascading Style Sheet). Ces feuilles CSS sont des fichiers munis de l'extension.css qui vont contenir toutes les indications de style (fond d'écran, fontes, couleurs, etc) tandis que le fond sera cantonné aux fichiers.html. En général, un fichier de style unique est utilisé pour toutes les pages d'un style: quand on veut changer celui-ci, il suffit de changer quelques lignes dans le fichier.css, sans toucher à tous les fichiers.html Principe Pour indiquer à un navigateur que le style d'une page html sera donné dans une feuille css externe, il faut ajouter un lien vers cette dernière dans l'en-tête de la page html : <head>... <link rel=stylesheet href=url du fichier de style type=text/css>... </head> Il n'est pas nécessaire que la feuille de style soit dans le même répertoire que les pages html puisque son adresse est indiquée. On peut même en indiquer plusieurs, sous réserve qu'elles portent des noms différents (ceci peut être utile si l'on veut distinguer des styles différents pour l'affichage à l'écran, pour les mobiles, pour l'impression,...) Syntaxe La syntaxe CSS est assez simple : nom_balise { propriété1: valeur; propriété2: valeur; propriétén: valeur; } Chaque bloc de style commence par le nom d'une balise HTML (body, h2, ul,...) suivie des propriétés de style qu'on veut donner au contenu de cette balise. Ces propriétés sont contenues entre deux accolades et se terminent par un point virgule (y compris s'il s'agit d'une propriété unique).
2 HLSE305 Concepts et outils de base en informatique TP n page 2/12 Remarque : même si ce n'est pas obligatoire, il est très recommandé de présenter les feuilles de style selon le modèle donné ci-dessus, en présentant une propriété par ligne: cela fait beaucoup pour la clareté de votre feuille de style Les principales propriétés Ceci n'est qu'une liste partielle, qui permet tout de même d'obtenir une grande variété de styles. Les valeurs soulignées sont celles utilisées par défaut. Attention, les noms de certaines propriétés sont proches du HTML mais pas identiques: par exemple background-image (css) est différent de background (HTML). background-image : url du fichier image permet de spécifier une image de fond. background-color : couleur permet de définir une couleur de fond. border-style : dashed, dotted, double,groove, inset, outset, ridge, solid, none spécifie le style des bordures d'un élément. Attention: par défaut, cette propriété a la valeur none, c'est à dire qu'il n'y a pas de bordure. border-width : largeur en pixel définit la bordure d'un élément. border-color : couleur définit la couleur de la bordure. float : right, left, none détermine si un élément (en particulier une image) flottera à gauche ou à droite du texte environnant. font-size : xx-small, x-small, small, medium, large, x-large, xx-large ou taille en pixels définit la taille de la police utilisée. font-style : normal, italic permet de demander l'affichage du texte en italique. font-weight : normal, bold permet de demander l'affichage du texte en gras. liste-style-position : inside, outside dans un élément de liste qui s'étend sur plusieurs lignes, permet de garder l'indentation de la première ligne (valeur outside par défaut) pour les lignes suivantes ou limite l'indentation à la première ligne. list-style-type : disc, circle, square, decimal, lower-alpha, lower-roman, none, upper-alpha, upperroman définit les marqueurs ou puces des éléments des listes non ordonnées (circle, disc, square) ou ordonnées (decimal=chiffres, roman=chiffres romains ou alpha=lettres). margin-left : largeur en pixel ou en % de la marge à gauche. margin-right : largeur en pixel ou en % de la marge à droite. margin-top : largeur en pixel ou en % de la marge en haut. margin-bottom : largeur en pixel ou en % de la marge en bas. padding(-left, -right, -bottom, -top) : cette propriété est analogue à lapropriété margin mais indique l'écart entre un élément et son contenu. Les unités sont les mêmes que pour la propriété margin. text-align : center, right, left, justify définit l'alignement horizontal du texte dans un élément. text-decoration : line-through, none, overline, underline définit certains effets de caractères et permet d'obtenir du texte barré (line-through), souligné (underline) ou surligné (overline). width : largeur en pixel, en pourcent, auto largeur d'un élément. height : hauteur en pixel, en pourcent, auto hauteur d'un élément.
3 HLSE305 Concepts et outils de base en informatique TP n page 3/12 Pour étudier l'effet de la propriété "float", ouvrez le fichier cassoulet.html que vous aurez copié dans votre arborescence. Complétez ce fichier en insérant l'image cassoulet.jpg au début du paragraphe, juste après la liste des ingrédients. Liez ce fichier à une feuille de style cassoulet.css que vous créerez et dans laquelle vous définirez le style de l'image, en essayant en particulier les trois valeurs de "float". Placez à présent l'image après le texte de ce premier paragraphe et testez à nouveau l'effet des différentes valeurs de float dans la feuille de style associée. Complétez la feuille de style de façon à obtenir un aspect qui ressemble à l'image ImageCassoulet.jpg. La spécification de la largeur d'un élément associée à des valeurs des marges particulières permet de centrer un élément: modifiez la feuille de style du document précédent pour centrer le tableau Les styles contextuels Il est également possible de définir le style d'un marqueur en fonction du contexte dans lequel ce marqueur apparaît. Par exemple, pour définir le style associé à un élément d'une liste non ordonnée (une puce en forme de cercle), on emploiera ul li { list style:circle; } si cette liste est elle-même un élément d'une liste non ordonnée, on souhaitera que la puce soit un carré et on ajoutera dans la feuille de style ul ul li { list style:square; } La suite ul ul li indique que le style est celui d'un élément de liste (li) d'une liste non ordonnée (ul) elle même élément d'une liste non ordonnée (ul). Modifier la feuille de style liée au document précédent pour que les liens hypertextes apparaissent en vert foncé (darkgreen) si ils sont situés dans un élément de liste (li) Les classes de style Il est très souvent pratique de définir plusieurs styles pour un même marqueur (X)HTML, par exemple de définir plusieurs style d'image (marqueur <img>) ou de paragraphe (marqueur <p>). On différencie alors les marqueurs du document HTML par l'attribut class=nom où nom est choisi pour identifier une des classes associée à ce marqueur. Dans la feuille de style, on écrira alors : nom_marqueur.nom_classe { style }
4 HLSE305 Concepts et outils de base en informatique TP n page 4/12 On pourra par exemple dans son document HTML définir pour les paragraphes une classe résumé, une classe introduction, etc dont les styles seront indiqués dans la feuille de style par la succession : p.résumé { style } p.introduction { style } Modifiez la feuille de style cassoulet.css et le document cassoulet.html pour définir un nouveau type de paragraphe : le paragraphe de type note devra être écrit sur fond jaune avec une fonte x- small et des marges à droite et à gauche de 60 pixels. Appliquez ce style pour le dernier paragraphe de cassoulet.html. 2. Les divisions 2.1. Description La balise HTML div permet de séparer un document en sections logiques, appelées divisions. Une division est un conteneur, c'est à dire un élément qui peut en contenir d'autres. Vous allez apprendre à utiliser cet élément, en conjonction avec les feuilles de style. Remarque : la balise body est également un conteneur puisqu'elle peut contenir d'autres éléments comme des paragraphes, des titres... ou des div Bases Copiez le fichier base.html dans un répertoire TP2 que vous créerez. Ouvrez-le avec un éditeur de texte (gedit par exemple) et avec votre navigateur pour le visualiser. Quatre sections DIV ont été faites dans le fichier, chacune contenant le même texte. Dans la fenêtre d'affichage du navigateur, les quatre paragraphes (identiques) apparaissent juxtaposés, sans distinction : les divisions n'ont pour l'instant, aucun aspect particulier. Pour appliquer des styles de mise en forme aux divisions, vous allez utiliser une feuille de style dont vous connaissez à présent le maniement.
5 HLSE305 Concepts et outils de base en informatique TP n page 5/12 Pour cela, liez le fichier base.html à une nouvelle feuille de style base.css que vous créerez. Pour visualiser les quatre divisions, identifiez chacune d'entre elle par un nom de classe particulier (un, deux, trois et quatre respectivement) puis, dans la feuille de style, donnez-leur une couleur particulière. Vous donnerez également la couleur «dimgray» au corps de la page html (grâce à la feuille de style). Quelle est la taille (largeur, hauteur) par défaut d'une division? Comment les divisions évoluent-elles quand on module la taille de la fenêtre du navigateur? En utilisant des valeurs négatives pour les marges à droite et à gauche sur une des quatre divisions, trouvez la largeur par défaut (à gauche et à droite) de la marge en pixels. Par défaut, le contenu du DIV est collé à ses bords: la propriété padding permet d'espacer le contenu avec les bordures d'un DIV, mais aussi d'autres conteneurs (comme body). Faîtes apparaître un écart du contenu avec les bords de divisions de 5 pixels à gauche et à droite et de 3 pixels en haut et en bas. Autour de la troisième division (celle identifiée par class=trois), créez une bordure solide, noire, de largeur 2px. Que constatez-vous? Dans chaque DIV, mettez le texte entre les balises <p> et </p> : quel est l'effet produit lorsque vous visualisez la page Web? Conclusions? 3. À retenir Les feuilles de style servent à séparer le contenu (inscrit dans le fichier (X)HTML) et la forme, qui est contenue dans le fichier de style. Elles sont particulièrement utiles pour homogénéïser le style donné à plusieurs pages HTML. Elles facilitent également la maintenance de ces pages (par exemple, celles qui forment un site Web) car il suffit de la modifier pour modifier instantanément le style de toutes les pages liées à la feuille de style. Les divisions permettent de définir des conteneurs flottants, dont l'agencement souple permet d'améliorer le rendu des sites Web.
6 HLSE305 Concepts et outils de base en informatique TP n page 6/12 Partie 2 : site web et contrôle continu n 1 Le premier contrôle continu de cette unité d'enseignement consiste à réaliser un site web mettant en œuvre les techniques vues lors des TP 1 et 2 (sans vous y limiter!) et présentant les travaux que vous avez produits lors des différents TP. Il sera déposé sur le dossier public_html de votre répertoire personnel (voir TP n 1) et sera rendu lors de la dernière séance de TP. Vous pouvez commencer dès maintenant! Partie 3 : sécurisation des informations Les fichiers informatiques sont duplicables, modifiables, altérables par un individu ou un système informatique, soumis à la fragilité de leur support et souvent accessibles par un réseau. Il est nécessaire de sécuriser les informations numériques en les sauvegardant, en protégeant leur accès et en les communiquant de manière sécurisée. Créer un fichier texte intitulé «reponses_tp_2_partie_3» que vous remplirez avec les réponses aux questions de cette partie. 1. Sauvegarder 1.1. Archivage électronique et compression L'archivage électronique est synonyme de stockage ou de sauvegarde. Trois critères principaux caractérisent un bon archivage : - la fidélité des données sauvegardées par rapport aux données initiales ; - la robustesse du dispositif de sauvegarde : quelle est la durée de vie du support matériel? Des sauvegardes ont-elles été faites sur plusieurs dispositifs? - la sécurisation des fichiers archivés face aux tentatives d'accès extérieures Rechercher sur Internet la durée de vie moyenne d'un DVD, d'une clé USB, d'un disque dur. Selon vos recherches, quel est le support le plus fiable?
7 HLSE305 Concepts et outils de base en informatique TP n page 7/12 La plupart des logiciels d'archivage offrent une fonctionnalité de compression, qui permet d'obtenir une archive d'une taille inférieure aux documents initiaux. Certains logiciels permettent en plus de protéger l'accès au contenu de l'archive par un mot de passe. Parmi les formats suivants, lesquels sont des formats compressés?.txt.doc.odt.raw.png.jpg (effectuer une recherche sur Internet). Ouvrir un gestionnaire de fichiers puis lancer le logiciel d'archivage par défaut en effectuant un clic droit sur l'icône d'un dossier. Afficher toutes les options d'archivage. Parmi les formats d'archivage proposés, lesquels sont propriétaires? Lesquels vous permettent de protéger votre archive par un mot de passe? De protéger aussi la liste des fichiers archivés? Selon vous, à quoi sert-il de «découper» l'archive en plusieurs fichiers de même taille comme certains formats le proposent? Réaliser une archive compressée de votre dossier en la protégeant par un mot de passe, puis la décompresser dans un autre dossier Espace personnel de l'ent Votre ENT présente un outil de stockage vous permettant d'accéder à vos documents depuis tout ordinateur connecté à Internet (Onglet espace personnel, Espace de stockage). Dans cet espace, créer un dossier HLSE305 dans lequel vous placerez vos fichiers de travail Logiciels de sauvegarde Parmi les supports permettant la sauvegarde d'informations numériques, on citera : - les supports locaux : clés USB, disque-dur externe, carte SD notamment ; - les supports distants, sur Internet («clouds») ou un autre espace accessible par le réseau. La sauvegarde s'effectue soit par le biais de l'utilisateur, soit par un logiciel de sauvegarde automatique, qui effectue des sauvegardes régulières de fichiers et dossiers choisis par l'utilisateur sur un support donné. Certains de ces logiciels utilisent la sauvegarde incrémentale, d'autres la synchronisation des supports ou le versioning. Rechercher sur Internet la signification de sauvegarde incrémentale, synchronisation de supports et versioning, puis citer des logiciels sous licence libre proposant ces fonctionnalités. Rechercher sur Internet un exemple récent de piratage d'informations depuis un espace de stockage sur Internet («cloud»).
8 HLSE305 Concepts et outils de base en informatique TP n page 8/12 2. Protéger l'accès à ses informations 2.1. Gestion des droits d'accès Source : Un système de protection sur les fichiers permet d'en contrôler l'accès. On va apprendre à utiliser ce système sous Linux, principalement par l'interface graphique. Interface graphique : Créez un fichier Test.txt sur votre bureau, faites un clic droit dessus et choisissez Propriétés dans le menu déroulant. Enfin, sélectionnez l'onglet Droits d'accès dans la boîte de dialogue. Plusieurs informations sur le fichier sont disponibles : - Les groupes : Un utilisateur peut appartenir à un ou plusieurs groupes, par exemple un groupe qui contient seulement l'utilisateur, un groupe qui contient tous les utilisateurs de la même promotion, un groupe qui contient uniquement les utilisateurs pouvant accéder à la carte son des machines... - Le groupe d'un fichier est un des groupe des son propriétaire (par défaut, celui que le propriétaire avait au moment de sa création). On peut toutefois changer le groupe d'un fichier en un autre groupe auquel appartient son propriétaire. Cela sera détaillé dans la partie suivante. - Dans le cadre Appartenance, le nom du propriétaire du fichier, normalement vous-même, ainsi que le nom du groupe auquel appartient le fichier, qui est par défaut le groupe de son propriétaire au moment de la création. - Dans le cadre Droits d'accès, les droits accordés au propriétaire, aux utilisateurs de même groupe que celui du fichier, et à tous les autres utilisateurs. Ces droits sont modifiables par l'intermédiaire de menus déroulants. De façon générale, les droits accordés aux utilisateurs sont de trois types : Lecture : pour un fichier, pouvoir le lire, et pour un répertoire, pouvoir voir et lister son contenu. Écriture : pour un fichier, pouvoir écrire dedans, et pour un répertoire, pouvoir effacer ou créer des fichier ou sous-répertoire dans ce répertoire. Exécution : pour un fichier, l'exécuter, si c'est un programme exécutable, et pour un répertoire, pouvoir le traverser pour accéder à des sous-répertoires. Pour approfondir : Il existe trois autres types de droits : les droits spéciaux qui permettent, sommairement, deux types de permissions supplémentaires : pouvoir accorder des droits particuliers à un fichier exécutable le temps de son exécution (droits SUID et SGID) et n'autoriser la suppression d'un fichier qu'au propriétaire de celui-ci (droit 'sticky'), alors qu'habituellement ce droit appartient au propriétaire du répertoire contenant le fichier à effacer. À l'aide de la souris, on peut modifier une partie de ces droits. Un contrôle plus précis peut se faire en mode ligne de commande.
9 HLSE305 Concepts et outils de base en informatique TP n page 9/12 Les 5 questions suivantes sont à faire en changeant les droits du Propriétaire des fichiers et répertoires considérés. Supprimez le droit d'écriture du fichier Test.txt. Ouvrez celui-ci avec un éditeur de texte et essayez d'écrire quelque chose dans le fichier et de sauvegarder. Rétablissez les droits d'écriture de Test.txt et écrivez quelques lignes dans ce fichier. Supprimez ensuite le droit de lecture (Interdit dans le menu déroulant) et essayez d'ouvrir le fichier. Dans votre répertoire personnel, créez un répertoire Photos, dans ce répertoire, créez un fichier texte Paysage et un sous-répertoire Vacances. Supprimez le droit d'écriture (modifier le contenu) sur le répertoire Photos. Essayez de supprimer le fichier Paysage. Essayez de créer un fichier Montagnes dans le répertoire Photos. Rétablissez le droit d'écriture sur le répertoire Photos. Supprimez le droit de lecture (voir le contenu) du répertoire Photos et essayez d'accéder à son contenu. Rétablissez le droit de lecture ; en cas d'impossibilité, vous pouvez le faire en ligne de commande : chmod u+r Photos. Un bref aperçu de la ligne de commande En utilisant des instructions en ligne de commande, il est possible de gérer plus finement les droits que précédemment. On peut alors utiliser les droits pour sécuriser certaines parties d'un répertoire personnel et en laisser d'autres accessibles aux autres utilisateurs. Voici un survol des commandes permettant de gérer les droits d'accès. id : donne des renseignements sur votre identifiant et le numéro d'utilisateur associé, sur votre groupe et le numéro de groupe associé ainsi que la liste des groupes auxquels vous appartenez (possiblement qu'un seul pour l'instant...) : essayez-la! ls -l (deux fois la lettre L) : affiche la liste des fichiers et des dossiers du répertoire courant, accompagnés de leurs droits d'accès. Un droit d'accès est représenté par dix caractères, correspondant au type de fichier (principalement - pour un fichier 'normal', d pour un répertoire), les droits de l'utilisateur : r ("read") pour la lecture, w ("write") pour l'écriture et x ("execute") pour l'exécution, les droits du group et les droits des autres utilisateurs. Essayez-la! chown : change le propriétaire d'un fichier chgrp : change le groupe d'appartenance d'un fichier chmod : change les droits d'accès d'un fichier umask : change les droits d'accès donnés à un fichier lors de sa création Remarques : - pour plus de détail et d'expérimentation sur ces commandes, vous pouvez consulter le TP n 3 du site - dans un site web, les règles d'accès aux sous-dossiers du site sont gérées par un fichier nommé «.htaccess», placé à la racine du site sur le serveur.
10 HLSE305 Concepts et outils de base en informatique TP n page 10/ Chiffrage «Je n'ai rien à cacher» : Si on vous parle de chiffrer vos mails ou vos données, comme beaucoup de gens vous répondrez «je n'ai rien à cacher» ou «il serait étonnant que la NSA s'intéresse au contenu de mon ordinateur». Vous avez raison, vous ne risquez probablement pas grand-chose, du moins dans l'état actuel des lois. Mais êtes-vous certains que vos contacts (famille, amis, relations, ) ne soient pas «intéressants» pour des services de renseignements publics ou privés? Le copain de lycée qui travaille maintenant pour une entreprise sensible, votre cousin journaliste qui enquête sur une affaire de corruption, par exemple? Ils ont beau de leur côté prendre beaucoup de précautions, si vous leur envoyez des mails en clair ou des documents non cryptés, ceux qui le souhaitent pourront y avoir accès, les lire et éventuellement localiser votre interlocuteur. En clair, en vous protégeant, c'est en fait les autres que vous protégez. Panneau à l'entrée d'une réserve africaine : il demande aux visiteurs de désactiver le GPS de leur appareil photo ou téléphone car l'exploitation des méta-données des photos permet aux braconniers de repérer les lieux où se trouvent les rhinocéros. Il existe plusieurs façon de chiffrer ou de signer ses données : nous utiliserons ici exclusivement le chiffrement par clefs asymétriques. Cette méthode utilise une paire de clefs, c'est à dire deux très grands nombres, aux rôles différents : la clef publique, distribuée largement, permet de passer du message en clair au message chiffré (mais pas l'inverse) la clef privée, qui doit rester secrète, permet de retrouver, à partir du message chiffré, le message en clair. Comment fonctionne le chiffrement/ la signature par clés asymétriques? Jean-Claude a généré une paire de clefs (publique/privée) au moyen du logiciel gpg. Il met sa clé publique à disposition de ses correspondants : sur son site web, en signature de ses mails ou sur un serveur de clés publiques. Les correspondants peuvent alors chiffrer les messages ou les fichiers confidentiels destinés à Jean-Claude à l'aide de la clef publique : seul Jean-Claude pourra déchiffrer le mail ou le fichier grâce à sa clef privée (qu'il est le seul à détenir). Comment générer une paire de clef? (uniquement pour les étudiants motivés) On utilisera le logiciel libre gpg (pour GnuPG) qui est une implémentation du standard OpenPGP. Ouvrez un terminal et tapez : gpg gen key Le programme vous demande d'abord quel type de clef vous souhaitez créer : choisissez une paire de clefs RSA (choix par défaut). Vous devez choisir la longueur de votre clef, entre 1024 et 4096 bits. Une clef longue est plus difficile à casser mais aussi plus longue à créer (plusieurs minutes). Vous pouvez vous contenter de 1024 bits. Après avoir renseigné le nom, l'adresse mail et le commentaire attachés à ces clés puis vérifié votre saisie, vous devez saisir une phrase de passe. C'est ce qui vous permettra d'autoriser l'utilisation de votre clef puis, plus tard, de la modifier ou la révoquer. Choisissez une phrase simple facile à mémoriser. Attention, pour des raisons de sécurité, aucun caractère n'apparaît quand vous tapez votre phrase.
11 HLSE305 Concepts et outils de base en informatique TP n page 11/12 Maintenant, le système va créer votre clef. Vous allez voir un message apparaître, indiquant qu'il cherche à «obtenir suffisamment d'entropie» pour générer des nombres aléatoires. Il vous invite donc à taper (n'importe quoi) sur le clavier ou à bouger la souris Si vous ne touchez à rien, le système vous rappellera à l'ordre! La génération d'une clef peut prendre plusieurs minutes. À la fin, l'écran va afficher les identifiants de la paire de clefs créée. Vous trouvez entre autres (cadre rouge) le type de la clef et sa longueur (4096R) ainsi que son identifiant (1E54D247) et sa date de création (30 janvier 2015). Remarque : Toutes les informations relatives à la paire de clefs créée sont à présent stockés dans les fichiers du répertoire (caché).gnupg. A présent, vous devez exporter votre clé publique en format texte pour la diffuser : gpg output maclef.asc armor export identifiant_clef et vous obtiendrez un fichier lisible nommé maclef.asc. Chiffrer un fichier Commencez par noter l'identifiant de votre clef publique en listant celles qui sont présentes sur votre système («anneau») : gpg list keys Tapez ensuite gpg encrypt xxx.pdf : le programme vous demande l'identité de la clef publique à utiliser. Listez ensuite le répertoire courant contient un fichier xxx.pdf.gpg. C'est le fichier chiffré. Le fichier ne sera lisible que si vous le déchiffrez avec la clé privée : gpg output decrypt xxx.pdf.gpgcette commande va vous demander votre phrase passe et créer un fichier xxx-decrypt.pdf. Vérifiez que ce nouveau fichier est parfaitement lisible. Exercice récapitulatif : en utilisant la clef publique d'un de vos voisins, crypter le fichier xxx.pdf et envoyez le lui. En retour,il vous enverra le même fichier crypté en utilisant votre clef publique. Vérifiez que ce fichier est illisible en l'état puis déchiffrez-le et essayer à nouveau de le lire. Remarque : C'est le même principe qui sera utilisé au SIF pour accéder à d'autres types d'infirmation (Git, espace projet, etc). Il suffit de taper à la racine de son autohome : ssh keygen t rsa
12 HLSE305 Concepts et outils de base en informatique TP n page 12/12 3. Communiquer de manière sécurisée 3.1. Échanges sur le web : norme https Les adresses web sont précédées d'un préfixe : http pour les sites web non sécurisés, https pour les sites web sécurisés (en général, un élément sur le navigateur indique si le site est sécurisé : icône de cadenas, ou bien coloration de la barre d'adresse) ; ce système de sécurité permet d'encoder les données transmises avant transmission, et de décoder les données reçues. Ainsi, les données ne circulent pas en clair entre votre ordinateur et le serveur du site web sécurisé. Si vous devez saisir des données sensibles, vérifiez que le site web est sécurisé. Attaque de l'homme du milieu : (source : Wikipédia) partant du principe que les internautes précisent rarement le type de protocole dans les URL (le protocole HTTP étant sélectionné par défaut) et se contentent de suivre des liens, un chercheur en sécurité informatique, connu sous le pseudonyme de Moxie Marlinspike, a développé une attaque du type Attaque de l'homme du milieu («Man in the middle» en anglais), afin de contourner le chiffrement de HTTPS. Le pirate se positionne entre le client et le serveur et change les liens https: en ainsi le client envoie ses informations en clair via le protocole HTTP et non HTTPS. Ce type d'attaque a été présenté par Marlinspike à la Blackhat Conference Durant cette conférence, Marlinspike a non seulement présenté le fonctionnement de l'attaque, mais également quelques statistiques d'utilisation. Il a réussi à récupérer plusieurs centaines d'identifiants, informations personnelles et numéros de cartes bancaires en 24 heures, aucune personne ne se doutant de l'attaque en cours Chiffrement des messages électroniques Le chiffrement des messages électroniques utilise le système de clefs asymétriques présenté au paragraphe 2.2. Une fois le logiciel de messagerie configuré avec la paire de clefs, le chiffrement et déchiffrement de messages est transparent pour l'utilisateur. Il est à noter qu'un nombre croissant de fournisseurs de messagerie proposent un chiffrement des échanges de mail par le protocole sécurisé SSL ou TLS Un outil sécurisé de partage de texte : framabin Il peut arriver que vous ayez besoin de partager des informations sensibles sans vouloir passer par la voie du courrier électronique. Framabin est un service en ligne sous licence libre qui permet de partager des textes de manière sécurisée. La différence par rapport à d'autres éditeurs collaboratifs est que le document est chiffré sur le serveur et que seuls les utilisateurs possèdent une clé de déchiffrement. Essayez-le!
Formation HTML / CSS. ar dionoea
Formation HTML / CSS ar dionoea le HTML Hyper Text Markup Language langage descriptif composé de balises interprété par le navigateur page HTML = simple fichier texte (bloc notes, vim,...) les déclarations
.. CSS. Damien Nouvel. Damien Nouvel (Inalco) CSS 1 / 15
.. CSS Damien Nouvel Damien Nouvel (Inalco) CSS 1 / 15 Feuilles de styles Plan 1. Feuilles de styles 2. Sélecteurs 3. Attributs Damien Nouvel (Inalco) CSS 2 / 15 Feuilles de styles Déportation des styles
JOOMLA 1.5 avancé SUPPORT DE COURS + annexe
JOOMLA 1.5 avancé SUPPORT DE COURS + annexe SOMMAIRE 1. LA GESTION DES MODULES... Page 2 2. MODIFICATION DE SON TEMPLATE... Page 6 3. LA CREATION DE DIAPORAMA... Page 9 4. LA CREATION DE SONDAGE... Page
LES GRANDES ETAPES DE CREATION D UN WEB DESIGN
LES GRANDES ETAPES DE CREATION D UN WEB DESIGN PENSER LA STRUCTURE ET LE THEME DU SITE STRUCTURE ET THEME DU SITE Taille (le site sera-t-il extensible ou fixe?) Organisation Thème Couleurs Illustrations
HTML, CSS, JS et CGI. Elanore Elessar Dimar
HTML, CSS, JS et CGI Elanore Elessar Dimar Viamen GPAs Formation, 13 avril 2006 Sommaire Qu est-ce que HTML? HTML : HyperText Marckup Language XML : extensible Marckup Language Qu est-ce que HTML? HTML
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
Tutoriel : Feuille de style externe
Tutoriel : Feuille de style externe Vous travaillerez à partir du fichier cerise.htm que vous ouvrirez dans NVU. Commencez par remplacer le contenu de la balise Title par : Comment débuter une recherche?
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
Initiation à html et à la création d'un site web
Initiation à html et à la création d'un site web Introduction : Concevoir un site web consiste à définir : - l'emplacement où ce site sera hébergé - à qui ce site s'adresse - le design des pages qui le
Utilisation de l éditeur.
Utilisation de l éditeur. Préambule...2 Configuration du navigateur...3 Débloquez les pop-up...5 Mise en évidence du texte...6 Mise en évidence du texte...6 Mise en page du texte...7 Utilisation de tableaux....7
TRAVAILLER SUR LES ORDINATEURS DU LYCEE
TRAVAILLER SUR LES ORDINATEURS DU LYCEE TRAVAILLER SUR LES ORDINATEURS DU LYCEE Ouvrir et fermer une session, éteindre le poste...3 Ouvrir une session...3 Fermer une session...4 Eteindre le poste...5 L'environnement
Licence de Biologie, 1ère année. Aide. [Aide 1] Comment utiliser l'explorateur Windows? Comment créer des dossiers?
![Licence de Biologie, 1ère année. Aide. [Aide 1] Comment utiliser l'explorateur Windows? Comment créer des dossiers?](/thumbs/18/825045.jpg "Licence de Biologie, 1ère année. Aide. [Aide 1] Comment utiliser l'explorateur Windows? Comment créer des dossiers?")
Aide [Aide 1] Comment utiliser l'explorateur Windows? Comment créer des dossiers? Au sein d'un ordinateur, les données et les fichiers sont stockés suivant une structure d'arbre appelée arborescence. Pour
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
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
MODULES 3D TAG CLOUD. Par GENIUS AOM
MODULES 3D TAG CLOUD Par GENIUS AOM 1 Sommaire I. INTRODUCTIONS :... 3 II. INSTALLATION MANUELLE D UN MODULE PRESTASHOP... 3 III. CONFIGURATION DU MODULE... 7 3.1. Préférences... 7 3.2. Options... 8 3.3.
MAILING KOMPOZER... 2 CREEZ UNE PAGE... 2 FORMAT DE LA PAGE... 2 AJOUTER DU TEXTE SUR UNE PAGE... 4
MAILING Table des matières KOMPOZER... 2 CREEZ UNE PAGE... 2 FORMAT DE LA PAGE... 2 AJOUTER DU TEXTE SUR UNE PAGE... 4 INSERER UNE IMAGE (OU UNE PHOTO) PAS DE COPIER / COLLER... 5 INSERER UN TABLEAU...
FORMATION PcVue. Mise en œuvre de WEBVUE. Journées de formation au logiciel de supervision PcVue 8.1. Lieu : Lycée Pablo Neruda Saint Martin d hères
FORMATION PcVue Mise en œuvre de WEBVUE Journées de formation au logiciel de supervision PcVue 8.1 Lieu : Lycée Pablo Neruda Saint Martin d hères Centre ressource Génie Electrique Intervenant : Enseignant
Exposer ses photos sur Internet
Exposer ses photos sur Internet Vous souhaitez montrer vos photos à votre famille ou vos amis? Pour cela, il existe de nombreuses solutions : vous pouvez effectuer un envoi groupé par email, créer un site
CMS Made Simple Version 1.4 Jamaica. Tutoriel utilisateur Récapitulatif Administration
CMS Made Simple Version 1.4 Jamaica Système de gestion de contenu CMS Made Simple est entièrement gratuit sous licence GPL. Tutoriel utilisateur Récapitulatif Administration Le système de gestion de contenu
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
Administration du site (Back Office)
Administration du site (Back Office) A quoi sert une interface d'administration? Une interface d'administration est une composante essentielle de l'infrastructure d'un site internet. Il s'agit d'une interface
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
Guide de l'utilisateur de l'application mobile
Guide de l'utilisateur de l'application mobile Avis de droit d'auteur Copyright Acronis International GmbH, 2002-2012. Tous droits réservés. «Acronis», «Acronis Compute with Confidence», «Acronis Recovery
TP JAVASCRIPT OMI4 TP5 SRC1 2011-2012
TP JAVASCRIPT OMI4 TP5 SRC1 2011-2012 FORMULAIRE DE CONTACT POUR PORTFOLIO PRINCIPE GENERAL Nous souhaitons réaliser un formulaire de contact comprenant les champs suivants : NOM PRENOM ADRESSE MAIL MESSAGE
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
Manuel d utilisation email NETexcom
Manuel d utilisation email NETexcom Table des matières Vos emails avec NETexcom... 3 Présentation... 3 GroupWare... 3 WebMail emails sur internet... 4 Se connecter au Webmail... 4 Menu principal... 5 La
Media queries : gérer différentes zones de visualisation
2 Media queries : gérer différentes zones de visualisation Comme nous l avons vu au chapitre précédent, les CSS3 sont constituées de modules. Media queries est simplement l un d eux. Ce module permet d
OwnCloud. Définition 1 / 10. Date d'édition 03/09/2013 Public concerné Étudiants, Personnels Version du logiciel
OwnCloud Date d'édition 03/09/2013 Public concerné Étudiants, Personnels Version du logiciel Table des matières Définition...1 L'interface web...2 Fichier musique sur OwnCloud...3 Fichier image sur OwnCloud...3
ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE
ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE Session découverte La Gestion des photos avec Windows Vista / Windows 7 et le traitements d images numériques 1 Généralités sur le jargon de l image numérique
Le service de création de site Internet : Mode d emploi. La Création de Site Internet
Le service de création de site Internet : Mode d emploi Sommaire 1) Comment se connecter à votre interface client? 2) Comment démarrer la création de votre site Internet? 3) Comment gérer les pages de
Navigation dans Windows
Cours 03 Navigation dans Windows Comme je le disais en introduction, notre souris se révèle plus maligne qu'elle n'en a l'air. À tel point qu'il faut apprendre à la dompter (mais c'est très simple, ce
Assistance à distance sous Windows
Bureau à distance Assistance à distance sous Windows Le bureau à distance est la meilleure solution pour prendre le contrôle à distance de son PC à la maison depuis son PC au bureau, ou inversement. Mais
Travaux dirigés n 10
Travaux dirigés n 10 IMAC 1 Responsive Web Design Dans ce TD, vous verrez comment concevoir un design web qui s adaptera au terminal sur lequel il sera visualisé. Avant-propos Avec l avènement des smartphones
Connecteur Zimbra pour Outlook 2007 et 2010 (ZCO) w
w Procédure Messagerie Outlook 2007 et 2010 Solutions informatiques Connecteur Zimbra pour Microsoft Outlook 2007 et 2010 (ZCO) 1/46 SOMMAIRE 1 Introduction... 3 2 Compatibilité... 3 2.1 Versions supportées
CAPTURE DES PROFESSIONNELS
CAPTURE DES PROFESSIONNELS 2 Téléchargement 3 Installation 8 Prise en main rapide 10 Lancement Recherche 14 Gestion des fichiers 23 Compare et Sépare 24 Fichiers annexes 2/ Le menu Utilitaires 32 Internet
Guide d'utilisation. OpenOffice Calc. AUTEUR INITIAL : VINCENT MEUNIER Publié sous licence Creative Commons
Guide d'utilisation OpenOffice Calc AUTEUR INITIAL : VINCENT MEUNIER Publié sous licence Creative Commons 1 Table des matières Fiche 1 : Présentation de l'interface...3 Fiche 2 : Créer un nouveau classeur...4
Création de site Internet avec Jimdo
Création de site Internet avec Jimdo Ouvrez votre navigateur internet ou Internet Explorer ou Mozilla Firefox Rendez vous sur la page http://fr.jimdo.com/ voici ce que vous voyez. 1=> 2=> 1. Le nom que
Évaluation des compétences. Identification du contenu des évaluations. Septembre 2014
Identification du contenu des évaluations Septembre 2014 Tous droits réservés : Université de Montréal Direction des ressources humaines Table des matières Excel Base version 2010... 1 Excel intermédiaire
Gérer, stocker et partager vos photos grâce à Picasa. Janvier 2015
Gérer, stocker et partager vos photos grâce à Picasa Janvier 2015 Sommaire 1 - Découverte de Picasa 2 - Gestion des dossiers et des photos 3 - Trier, filtrer et rechercher 4 - Retoucher une image 5 - Création
Les Enseignants de l Ere Technologique - Tunisie. Niveau 1
Les Enseignants De l Ere Technologique - Tunisie - LE CLOUD COMPUTING TAT Tunisie 2014 Le Cloud Computing 1. Définition Les Enseignants de l Ere Technologique - Tunisie Le cloud computing (en français
Guide utilisateur Archivage intermédiaire Messagerie. Enterprise Connect pour Outlook 2010 EC 10.2.1 V 1.0
Guide utilisateur Archivage intermédiaire Messagerie Enterprise Connect pour Outlook 2010 EC 10.2.1 V 1.0 Page : 2/38 Table des matières 1. Introduction... 3 2. L'interface Livelink dans MS Outlook...
Climat Scolaire - Manuel utilisateur - Chapitre 2 : «Créer, Editer et suivi d un texte»
Climat Scolaire - Manuel utilisateur - Chapitre 2 : «Créer, Editer et suivi d un texte» Espace collaboratif Co-Ment Date : 01/12/2013 Référence du Projet : Chef de Projet : www.cndp.fr/climatscolaire Caroline
1. Installation du Module
1 sur 10 Mise en place du Module Magento V 1.5.7 1. Installation du Module Vous pouvez installer le module de deux façons différentes, en passant par Magento Connect, ou directement via les fichiers de
DECOUVERTE DE LA MESSAGERIE GMAIL
DECOUVERTE DE LA MESSAGERIE GMAIL modifie août 2011 La messagerie GMAIL est très répandue parce que simple d'utilisation et surtout gratuite. Car elle proposée par Google. Cliquez deux fois sur l'icône
Atelier Le gestionnaire de fichier
Chapitre 12 Atelier Le gestionnaire de fichier I Présentation Nautilus est un gestionnaire de fichiers pour l environnement de bureau Gnome. Il offre toutes les fonctions de gestion de fichier en local
Guide d utilisation 2012
Guide d utilisation 2012 Tout ce dont vous avez besoin pour bien démarrer REACOM La performance marketing SOMMAIRE Démarrez avec reagiciel Accédez à votre console d administration 4 Gestion internet Aperçu
Notes pour l utilisation d Expression Web
EICW Formation Webmaster Notes pour l utilisation d Expression Web G. Barmarin 2008-2009 1 /21 Table des matières 1 Introduction... 3 2 Installer Expression Web... 4 3 Explorer et personnaliser l interface
1 CRÉER UN TABLEAU. IADE Outils et Méthodes de gestion de l information
TP Numéro 2 CRÉER ET MANIPULER DES TABLEAUX (Mise en forme, insertion, suppression, tri...) 1 CRÉER UN TABLEAU 1.1 Présentation Pour organiser et présenter des données sous forme d un tableau, Word propose
Dans la série LES TUTORIELS LIBRES présentés par le site FRAMASOFT. Premiers pas avec WinPT (cryptographie sous Win) EITIC
Dans la série LES TUTORIELS LIBRES présentés par le site FRAMASOFT Premiers pas avec WinPT (cryptographie sous Win) EITIC Logiciel : WinPT site : http://www.winpt.org/ Niveau : Débutant Auteur : EITIC
F O R M A T I O N S LOTUS NOTES. 8.5 Utilisateurs. 02 40 42 33 37 13 rue de la Bôle. E U R L. a u c a p i t a l d e 1 0 0 0
Bureautique - Internet - Développement ALTAIRE F O R M A T I O N S Logiciels - Audit - Marketing LOTUS NOTES 8.5 Utilisateurs 02 40 42 33 37 13 rue de la Bôle 44510 le Pouliguen altair.formation s@wan
Programmation Web TP1 - HTML
Programmation Web TP1 - HTML Vous allez réaliser votre premier site Web dans lequel vous présenterez la société SC, agence spécialisée dans la conception des sites internet. 1 - Une première page en HTML
KompoZer. Composition du site : _ une page d'accueil : index.html. _ une page pour la théorie : theorie.html. _ une page pour les photos : photos.
KompoZer Créer un site «simple» Composition du site : _ une page d'accueil : index.html _ une page pour la théorie : theorie.html _ une page pour les photos : photos.html _ une page avec la galerie : galerie.html
L'explorateur de fichier de Windows 8.1
Une documentation Côtière Informatique L'explorateur de fichier de Windows 8.1 Mise à jour du 01/10/2014 Sommaire Préambule page 1 Cours 1 1) Le matériel servant au stockage des données. page 2 2) Reconnaître
Qu'est ce que le Cloud?
Qu'est ce que le Cloud? Le Cloud computing (informatique dans les nuages) consiste en l'utilisation de données à distance. Les fichiers de l utilisateur se trouve non pas dans son ordinateur personnel
Support Web Administration et gestion des portails web des facultés - Université A.Mira Béjaia -
UVERSITE A. MIRA - BEJAIA Support Web Administration et gestion des portails web des facultés - Université A.Mira Béjaia - Prise en main de CMS Joomla Exploitation des ressources Recommandations et Règles
Le générateur d'activités
Le générateur d'activités Tutoriel Mise à jour le 09/06/2015 Sommaire A. Mise en route du Générateur d'activité... 2 1. Installation de Page... 2 2. Création des bases du générateur d'activités... 3 3.
Responsive Design. Technologies du web. Stéphane Bouvry, 2014
Responsive Design Technologies du web Stéphane Bouvry, 2014 1. Objectif Utilisation de CSS pour la mise en page 2. Diapos Le responsive design : http://goo.gl/dmh8is 3. Grille fluide Dans cette partie,
RESPONSIVE WEB DESIGN
RESPONSIVE WEB DESIGN Une approche pour concevoir des sites Web adaptatifs et une occasion d'inciter les étudiants à consulter des cours responsives Ivan MADJAROV Arnaud FÉVRIER Comment consulte-t-on le
claroline classroom online
de la plate-forme libre d'apprentissage en ligne Claroline 1.4 Manuel Révision du manuel: 06/2003 Créé le 07/09/2003 12:02 Page 1 Table des matières 1) INTRODUCTION...3 2) AFFICHER LA PAGE DE DEMARRAGE...3
Guide pour la réalisation d'un document avec Open Office Writer 2.2
Guide pour la réalisation d'un document avec Open Office Writer 2.2 1- Lancement de l'application : Le Traitement de textes de la Suite OpenOffice peut être lancé : soit depuis le menu «Démarrer / Programmes/OpenOffice2.2/Writer
Sage CRM. 7.2 Guide de Portail Client
Sage CRM 7.2 Guide de Portail Client Copyright 2013 Sage Technologies Limited, éditeur de ce produit. Tous droits réservés. Il est interdit de copier, photocopier, reproduire, traduire, copier sur microfilm,
Procédure Création : 04/05/2009 ARCHIVAGE DE LA MESSAGERIE
Procédure Création : 04/05/2009 DSIO / Direction Système d Information et Organisation ARCHIVAGE DE LA MESSAGERIE TABLE DES MATIÈRES 1. Objet de l opération... 2 2. Rappel des bonnes pratiques... 3 3.
Utilisation de GLPI. 1.Page d'accueil. Introduction
Introduction OCS inventory NG, Open Computer and Software Inventory Next Generation est une application permettant de réaliser un inventaire de la configuration matérielle du réseau et des logiciels installés.
Publier un Carnet Blanc
Site Web de l association des ingénieurs INSA de Lyon Publier un Carnet Blanc Remarque : la suppression des contributions n est pas possible depuis le Front-Office. lbuisset Page 1 18/09/2008 Publication,
Auguria_PCM Product & Combination Manager
Auguria_PCM Product & Combination Manager Guide utilisateurs v1.5 Auguria 9, rue Alfred Kastler 44300 NANTES FRANCE +33251135012 contact@auguria.net Plan 1 Description générale du module...3 2 Mise en
Sauvegarder automatiquement ses documents
Sauvegarder automatiquement ses documents Par Clément JOATHON Dernière mise à jour : 22/09/2014 Il n'y a rien de pire que de perdre ses documents suite à un problème avec son ordinateur. Qu'ils s'agissent
Guide de réalisation d une campagne e-mail marketing
Guide de réalisation d une campagne e-mail marketing L ère des envois d e-mails en masse est révolue! Laissant la place à une technique d e-mail marketing ciblé, personnalisé, segmenté et pertinent. La
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...
Formation Site Web. Menu du jour. Le web comment ça marche? Créer un site web Une solution proposée pour débuter La suite?
Menu du jour Le web comment ça marche? Créer un site web Une solution proposée pour débuter La suite? Le web comment ça marche? - Internet le réseau des réseaux. Un peu d'histoire. - adresse IP : numéro
Date de diffusion : Rédigé par : Version : Mars 2008 APEM 1.4. Sig-Artisanat : Guide de l'utilisateur 2 / 24
Guide Utilisateur Titre du projet : Sig-Artisanat Type de document : Guide utilisateur Cadre : Constat : Les Chambres de Métiers doivent avoir une vision prospective de l'artisanat sur leur territoire.
Table des matières ENVIRONNEMENT
ENVIRONNEMENT Présentation de Windows 7.................13 Démarrer Windows 7......................15 Quitter.................................15 Les fenêtres..............................16 Généralités............................17
STID 2ème année : TP Web/PHP
STID 2ème année : TP Web/PHP Plan de travail et aide mémoire jean.arnaud@inria.fr Ce document est composé de cinq parties : Un aide mémoire sur les aspects pratiques de la création de sites Une introduction
Manuel d'utilisation d'apimail V3
Manuel d'utilisation d'apimail V3 I Préambule Page 3 II Présentation Page 4 III Mise en route Configuration Page 5 Messagerie Serveur smtp Serveur pop Compte pop Mot de passe Adresse mail Laisser les messages
Tutoriel BLOGGER. Pour vous donner une idée, voici un exemple de blog : http://formationlaragne.blogspot.fr/
Tutoriel BLOGGER Blogger est un outil Google gratuit de publication de blogs qui permet de partager du texte, des photos et des vidéos. C est un outil simple, bénéficiant du référencement de Google, ce
Petit guide à l'usage des profs pour la rédaction de pages pour le site Drupal du département
Petit guide à l'usage des profs pour la rédaction de pages pour le site Drupal du département Le nouveau site du département Le nouveau site du département est situé, comme l'ancien à l'adresse suivante
Traitement de texte : Quelques rappels de quelques notions de base
Traitement de texte : Quelques rappels de quelques notions de base 1 Quelques rappels sur le fonctionnement du clavier Voici quelques rappels, ou quelques appels (selon un de mes profs, quelque chose qui
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
Cyberclasse L'interface web pas à pas
Cyberclasse L'interface web pas à pas Version 1.4.18 Janvier 2008 Remarque préliminaire : les fonctionnalités décrites dans ce guide sont celles testées dans les écoles pilotes du projet Cyberclasse; il
Publication dans le Back Office
Site Web de l association des ingénieurs INSA de Lyon Publication dans le Back Office Note : dans ce guide, l'appellation GI signifie Groupe d'intérêt, et GR Groupe Régional laure Buisset Page 1 17/09/2008
HMTL. Exemple de fichier HTML. Structure d un document HTML. Exemple de fichier HTML. Balises HTML. IFT1147 Programmation Serveur Web avec PHP
IFT1147 Programmation Serveur Web avec PHP Un bref survol du langage HTML HMTL HTML: Hypertext Markup Language HTML est essentiellement un langage de description de structure de document (par exemple titre,
Pas-à-pas : activer WebDAV pour le partage des fichiers iwork sur ipad
Pas-à-pas : activer WebDAV pour le partage des fichiers iwork sur ipad Anthony Nelzin 4 octobre 2010 18:40 12 Nous sommes tombés par hasard sur cette nouvelle fonction : Pages, Keynote et Numbers pour
Sauvegarder ses données avec Syncback Windows 98, 2000, Me, NT, XP
Sauvegarder ses données avec Syncback Windows 98, 2000, Me, NT, XP A. Introduction : Contrairement à ce que beaucoup pensent, la sauvegarde de données n'est pas une perte de temps, mais à l'inverse un
L accès à distance du serveur
Chapitre 11 L accès à distance du serveur Accéder à votre serveur et aux ordinateurs de votre réseau depuis Internet, permettre à vos amis ou à votre famille de regarder vos dernières photos, écouter vos
L informatique et la formation en direction des élus
L informatique et la formation en direction des élus ICE version 2.30 Edité le 30 juillet 2011 Référence Client :............ Votre Contact :............... INOVA3 Sarl au capital de 9200 Euros Siret 441761798
CRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN E-MAILING
CRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN E-MAILING Durée : 3J / 21H Formateur : Consultant expert en PAO et Web-marketing. Groupe de : 4 max Formation au web marketing Objectifs : Mettre en oeuvre des
Les outils de création de sites web
Tuto 1ère séance - p1 Les outils de création de sites web Sources : Réalisez votre site web avec HTML5 et CSS3 de Mathieu Nebra (Edition Le Livre du Zéro) site fr.openclassrooms.com (anciennement «site
Domaine D1 : Travailler dans un environnement numérique évolutif
Domaine D1 : Travailler dans un environnement numérique évolutif Tout au long de sa vie, l usager travaille dans un environnement numérique. La virtualisation des ressources, les risques inhérents numériques
Alfresco Guide Utilisateur
Alfresco Guide Utilisateur ATELIER TECHNIQUE DES ESPACES NATURELS - 1 Table des matières Alfresco Guide Utilisateur...1 Accéder à la GED de l'aten...3 Via un client FTP...3 Onglet Général...3 Onglet Avancé...3
LECON 2 : PROPRIETES DE L'AFFICHAGE Version aout 2011
LECON 2 : PROPRIETES DE L'AFFICHAGE Version aout 2011 COPIER LE FICHIER LECON 1_02 DU DISQUE D : VERS LA CLE USB Cliquez gauche deux fois sur l'icône POSTE DE TRAVAIL Cliquez gauche deux fois sur DONNEES
Didacticiel de mise à jour Web
Didacticiel de mise à jour Web Copyright 1995-2012 Esri All rights reserved. Table of Contents Didacticiel : Création d'une application de mise à jour Web.................. 0 Copyright 1995-2012 Esri.
Silfid : Agence de création de site internet, formations et Conseils Retour sommaire
Sommaire ILFID vous accueille dans sa salle de formation équipée d ordinateurs en réseau et connectés internet, d'un vidéo- Sprojecteur et tableau blanc. Nos solutions sont éligibles aux critères de financement
Table des matières. 1 À propos de ce manuel...5 1.1 Icônes utilisées dans ce manuel... 5. 1.2 Public visé... 5. 1.3 Commentaires...
Manuel utilisateur Table des matières 1 À propos de ce manuel...5 1.1 Icônes utilisées dans ce manuel... 5 1.2 Public visé... 5 1.3 Commentaires... 5 2 Généralités sur les applications web... 7 3 Module
UN SITE WEB RESPONSIVE EN UNE HEURE?
UN SITE WEB RESPONSIVE EN UNE HEURE?! O N O R H C P TO Raphaël Goetter Raphaël Goetter alsacreations.fr alsacreations.com goetter.fr knacss.com mobitest.me @goetter EN UNE HEURE, VOUS AVEZ DIT?!? R E N
TeamViewer 7 Manuel Manager
TeamViewer 7 Manuel Manager TeamViewer GmbH Kuhnbergstraße 16 D-73037 Göppingen teamviewer.com Présentation Sommaire Sommaire... 2 1 Présentation... 4 1.1 À propos de TeamViewer Manager... 4 1.2 À propos
ENT Espace de stockage
ENT Espace de stockage L'adresse : http://environnementnumeriquedetravail.fr Une fois identifié, cliquez "Espace de stockage" dans le menu "Services" L'espace de stockage permet de mettre en ligne des
Espace numérique de travail collaboratif
Espace numérique de travail collaboratif 1/10 Présentation Agora Project est un espace de travail collaboratif complet et intuitif. Cette application est accessible partout et à tout moment, via un simple
l'ordinateur les bases
l'ordinateur les bases Démarrage de l'ordinateur - Le bureau, mon espace de travail - J'utilise la souris - Ouvertes ou fermées, les fenêtres - Dans l'ordinateur, tout est fichier - Le clavier : écrire,
Espace de travail collaboratif
Espace de travail collaboratif 1/10 Table des matières Présentation...3 Les modules...4 LiveCounter, Messenger et Moteur de recherche...5 Utilisateur, Administrateur et Invité...5 Droits d'accès au contenu...6