HTML5, CSS3 et JavaScript Développez vos sites pour les terminaux mobiles

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

Download "HTML5, CSS3 et JavaScript Développez vos sites pour les terminaux mobiles"

Transcription

1 46 HTML5, CSS3 et JavaScript Développez vos sites pour les terminaux mobiles enfin deux points importants pour les sites mobiles, les nouveautés sur les formulaires ainsi que le mode hors-ligne. 2. Bonnes pratiques Avant de rentrer dans le vif du sujet en commençant le site HTML5, il est très important de bien comprendre l'environnement mobile, la manière d'afficher vos pages ainsi que les habitudes des utilisateurs. Comme déjà évoqués dans le chapitre Particularités des sites mobiles, nous allons aller plus loin pour non seulement afficher une page HTML sur votre mobile mais également la faire correspondre à l'utilisateur final. 2.1 Adapter le site à la taille de l'écran Dans le cadre du développement d'un site mobile, la spécificité la plus forte d'un appareil mobile est la taille de son écran ainsi que sa résolution. En effet, alors que les écrans pour ordinateur peuvent être au-dessus de la définition des télévisions (1920 pixels par 1080), la résolution des écrans pour mobiles est beaucoup plus faible, certains anciens modèles font même 320 pixels par 240. De la même manière, alors que les écrans d'ordinateur font maintenant plus de 43 cm, ceux des mobiles sont beaucoup plus petits, très souvent 8,9 cm (3,5 pouces). Bien sûr, les appareils mobiles peuvent afficher une page Internet, mais l'affichage d'une page web classique sera minuscule et il sera nécessaire d'agrandir la page pour lire correctement les caractères. Lors de l'affichage d'une page sous un appareil mobile, le navigateur va prendre en compte la largeur de cette page et utiliser celle-ci pour en afficher le maximum sur son navigateur. Editions ENI - All rights reserved

2 Créer un site mobile : HTML5 Chapitre 4 47 La deuxième problématique de ces pages est qu'elles sont prévues pour être affichées sur un écran suffisamment grand pour voir correctement la largeur de la page. Lors d'un agrandissement, il nous sera malheureusement impossible d'afficher correctement cette largeur et nous serons obligés de nous déplacer pour voir la page dans son intégralité. Il est donc primordial d'avoir à l'esprit ces inconvénients afin de créer un site permettant un affichage correct même sur un petit écran : Via une largeur adéquate. Via une taille de caractères lisible. Via des images peu larges. Affichage du site classique de Wikipédia sur un appareil mobile :

3 48 HTML5, CSS3 et JavaScript Développez vos sites pour les terminaux mobiles Affichage du site mobile de Wikipédia : 2.2 Améliorer la visibilité Il est nécessaire d'avoir un site reposant à l œil, ainsi : des images de fond, des couleurs de texte non adaptées avec le fond d'écran, une taille de texte trop petite, un bloc de texte trop compact, Editions ENI - All rights reserved

4 Créer un site mobile : HTML5 Chapitre 4 49 sont autant d'éléments qui feront que votre site ne sera pas visité dans des conditions optimales. N'hésitez pas à jouer sur les tailles et couleurs pour afficher les menus, sousmenus ou liens, n'hésitez pas non plus à ajouter des effets d'ombres aux boutons pour les faire ressortir. Si votre page peut descendre, assurez-vous de le faire comprendre à l'utilisateur en ne mettant pas une image couvrant toute la hauteur de la page (mais en coupant un peu avant pour montrer le texte qui suit) ou encore en ne collant pas les éléments de menu exactement à la hauteur de la page si d'autres sont plus bas. Une page contenant du texte non visible après la photo :

5 50 HTML5, CSS3 et JavaScript Développez vos sites pour les terminaux mobiles 2.3 Écrire des pages légères Actuellement, une des mauvaises pratiques du web classique, gommée grâce aux grandes connexions, est l'ajout de grandes images. Même si celles-ci sont ensuite réduites via la taille de la page sur l'écran, elles sont tout de même téléchargées sur le navigateur afin qu'il puisse les afficher correctement. Editions ENI - All rights reserved

6 Créer un site mobile : HTML5 Chapitre 4 51 Il est donc nécessaire de travailler sur deux axes pour les images : Réduire leur taille pour un chargement plus rapide. Changer leur résolution pour coller au mieux à la taille voulue sur notre site mobile (une image de grande résolution, réduite via le navigateur, rendra très souvent moins bien qu'une image déjà réduite via un logiciel spécialisé). Pour permettre une meilleure lisibilité générale due à la taille de l'écran, il est également recommandé de limiter les images qui se révéleraient inutiles pour une bonne visibilité. Une autre pratique des sites Internet classiques est l usage d un grand nombre de fichiers optionnels dont le téléchargement alourdit la page. Pensons à une page classique de 500 Ko, via un accès ADSL le chargement sera quasi instantané, il n'en sera pas de même pour un accès 3G et donc la page ne pourra pas donner satisfaction à l'utilisateur. Il faut par conséquent privilégier : Les pages faibles en poids. Le bon usage du cache pour navigateurs. L'utilisation de fichiers JavaScript ou CSS sous forme d'import (et non directement dans les pages) ; ceci permettra de les réutiliser sur tout votre site. Même si les appareils mobiles tendent à être de plus en plus puissants, ils ne sont toujours pas à la hauteur des ordinateurs de bureau : le temps de traitement d'un JavaScript sera plus long sur appareil mobile, l'affichage de la page sera plus lent. Privilégiez donc des JavaScript n'utilisant que le nécessaire dans la mesure du possible.

LES IMAGES NUMERIQUES

LES IMAGES NUMERIQUES LES IMAGES NUMERIQUES Ce qui génère ces images, ce sont : les appareils photo numériques, les scanners, les caméscopes numériques, des logiciels de dessin, On les trouve : sur Internet : auquel cas, il

Plus en détail

Freeway 7. Nouvelles fonctionnalités

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

Plus en détail

Modifier la taille des images avec photofiltre

Modifier la taille des images avec photofiltre Modifier la taille des images avec photofiltre Une photo prise avec un appareil numérique 6 méga-pixels a une taille d'environ 3 Mo ou 3000 Ko. Pour voir quelle taille ont vos images, ouvrir l'explorateur

Plus en détail

AGASC / BUREAU INFORMATION JEUNESSE 06700 Saint Laurent du Var Tel : 04.93.07.00.66 E mail : bij@agasc.fr www.agasc.fr. Word: La présentation

AGASC / BUREAU INFORMATION JEUNESSE 06700 Saint Laurent du Var Tel : 04.93.07.00.66 E mail : bij@agasc.fr www.agasc.fr. Word: La présentation Word: La présentation Introduction 2 ième partie Bien que le contenu du document soit le plus important, Word vous offre plusieurs options pour améliorer la présentation du texte. Cette page va vous montrer

Plus en détail

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

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

Plus en détail

Guide Ultra-book / 2012

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

Plus en détail

Version 4.0. Multinet Ressources Inc. Page 1 sur 13

Version 4.0. Multinet Ressources Inc. Page 1 sur 13 Version 4.0 Page 1 sur 13 Introduction Lorsque vous obtenez l accès à Méganet, votre site est déjà construit. C est-à-dire qu il a fait l objet d une étude de style selon les couleurs de votre entreprise

Plus en détail

Pas-à-pas. Créer une newsletter avec Outlook

Pas-à-pas. Créer une newsletter avec Outlook Pas-à-pas Créer une newsletter avec Outlook Objectif : mettre en forme des messages électroniques afin de pouvoir avoir des images dans le corps du message et une mise en page agréable à l œil et efficace.

Plus en détail

1. Une image de 12 cm de long exactement

1. Une image de 12 cm de long exactement 1. Une image de 12 cm de long exactement Votre image est particulièrement grande et vous souhaitez qu elle ne mesure pas plus de 12 cm de long, pas un millimètre de plus, mais en conservant ses proportions.

Plus en détail

Aide à l utilisation du logiciel IziSpot.Mobi

Aide à l utilisation du logiciel IziSpot.Mobi 1 Sommaire 1. Description logiciel (explication des menus)... 3 1.1. Description de la barre de menu... 3 2. Onglet configuration... 4 2.1. Gestion du logo... 4 2.1.1. Affichage du zoom... 4 2.1.2. Disposition

Plus en détail

A. Allumer et éteindre l équipement, ouvrir et fermer une session

A. Allumer et éteindre l équipement, ouvrir et fermer une session Page 1 / 12 A. Allumer et éteindre l équipement, ouvrir et fermer une session ALLUMER Pour allumer l ordinateur, regardez en face de l unité centrale et localisez un gros bouton marque du symbole Enfoncez-le

Plus en détail

Ajout d un contenu texte-images

Ajout d un contenu texte-images Ajout d un contenu texte-images Procédure Description : Cette procédure explique en détail comment insérer un contenu texte-images sur TYPO. Il est conseillé d appliquer cette procédure après les procédures

Plus en détail

APPRENDRE A UTILISER L INTERFACE DE PUBLICATION DU LYCÈE SCHEURER KESTNER

APPRENDRE A UTILISER L INTERFACE DE PUBLICATION DU LYCÈE SCHEURER KESTNER APPRENDRE A UTILISER L INTERFACE DE PUBLICATION DU LYCÈE SCHEURER KESTNER :: HEHN Philippe :: 2005-2006 :: LES TUTORIAUX EN LIGNE :: La présente formation intervient en complément des tutoriaux textes

Plus en détail

Fiche n 4 Utilisation de Kompozer Table des matières

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

Plus en détail

CMS Modules Dynamiques - Manuel Utilisateur

CMS Modules Dynamiques - Manuel Utilisateur CMS Modules Dynamiques - Manuel Utilisateur 1. Introduction Le modèle CMS Le modèle des «Content Management Systems» proposé par MUM est un type particulier de sites web dynamiques, ayant comme avantage

Plus en détail

1 Module 1 : feuille de style, position des blocs, nombre d éléments

1 Module 1 : feuille de style, position des blocs, nombre d éléments Plugin d'habillage d'eva-web 4 Le plugin d'habillage d'eva-web permet de : adapter la position, la taille des divers éléments la composant choisir les couleurs de fonds des divers secteurs choisir la taille,

Plus en détail

Siemens Gigaset C450IP avec Freebox en mode routeur DHCP et compte SIP

Siemens Gigaset C450IP avec Freebox en mode routeur DHCP et compte SIP Pour utiliser un téléphone C450IP en mode SIP avec une Freebox il est nécessaire de configurer plusieurs éléments : le compte SIP le routeur de la Freebox la base du C450IP Pour cela il va falloir récupérer

Plus en détail

Dans ce mémento, vous trouverez les informations détaillées pour configurer les fonctionnalités du Responsive Design dans le Worldsoft CMS:

Dans ce mémento, vous trouverez les informations détaillées pour configurer les fonctionnalités du Responsive Design dans le Worldsoft CMS: 1 La taille et la résolution de l'écran des ordinateurs portables, des ordinateurs de bureau, des tablettes et des smartphones peuvent considérablement varier. C'est pour cette raison, que les sites Web

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

Les unités de taille des polices de caractères

Les unités de taille des polices de caractères Les unités de taille des polices de caractères Deux systèmes permettent d'indiquer les dimensions des éléments en CSS : les unités de taille fixe et les unités de taille relative. C'est la propriété font-size

Plus en détail

3. Qu'est-ce qu'une image numérique? 3.1 Pixels et niveaux de gris

3. Qu'est-ce qu'une image numérique? 3.1 Pixels et niveaux de gris 3. Qu'est-ce qu'une image numérique? 3.1 Pixels et niveaux de gris PLAN 3.1.1 Image numérique et image analogique 3.1.2 Résolution 3.1.3 Niveaux de gris 3.1.4 L'image numérique : un tableau d'entiers 3.1.1

Plus en détail

Description des pratiques à adopter pour la mise à jour du layout en utilisant le gestionnaire de conception de Sharepoint 2013

Description des pratiques à adopter pour la mise à jour du layout en utilisant le gestionnaire de conception de Sharepoint 2013 Exemple d utilisation du gestionnaire de conception Description des pratiques à adopter pour la mise à jour du layout en utilisant le gestionnaire de conception de Sharepoint 2013 6, rue de l Etang, L-5326

Plus en détail

Créer un collage avec The Gimp 2.2.10

Créer un collage avec The Gimp 2.2.10 Créer un collage avec The Gimp 2.2.10 Sommaire A. Ouvrir The Gimp -----> Le choix des formats ou extensions B.Le projet : Isoler/ sélectionner C.Intégrer -----> calques -----> Echelle -----> Teintes Le

Plus en détail

Personnalisation des templates pour LogiVert 6

Personnalisation des templates pour LogiVert 6 Manuel Personnalisation des templates pour LogiVert 6 Copyrights (c)2013 + LogiVert BV Site web : www.logivert.com PRESENTATION... 3 INTRODUCTION... 3 LES 4 NIVEAUX... 3 NIVEAU1 CONFIGURATION DE TEMPLATE...

Plus en détail

Réaliser une mosaique de photos

Réaliser une mosaique de photos Avec XnView Le logiciel XnView est un visualiseur et gestionnaire d'images très complet. Outre une retouche basique de vos images, XnView permet la création rapide de mosaïque photo ou de planche contact.

Plus en détail

Manuel de modifications des modèles

Manuel de modifications des modèles Manuel de modifications des modèles Contenu Avant propos...2 Introduction...2 Les 4 niveaux...2 Préparation...2 Quoi et pourquoi...2 Comment...2 Nommer les modèles modifiés...4 Niveau 1 Images...4 Quoi...4

Plus en détail

Gérer des sites avec Dreamweaver

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

Plus en détail

DETERMINER LA LARGEUR DE PAGE D'UN SITE et LES RESOLUTIONS d'ecran

DETERMINER LA LARGEUR DE PAGE D'UN SITE et LES RESOLUTIONS d'ecran DETERMINER LA LARGEUR DE PAGE D'UN SITE et LES RESOLUTIONS d'ecran dossier par Clochar SOMMAIRE 1. LES RESOLUTIONS d'ecran... 1 2. RESOLUTION de l écran et choix de la TAILLE DE LA PAGE... 2 3. AGRANDISSEMENT

Plus en détail

UTILISATION DE XnView

UTILISATION DE XnView UTILISATION DE XnView 1.1. Installer XnView Nous allons copier sur votre clef USB le logiciel portable aucune installation ne sera nécessaire sur l ordinateur. 1.2. Lancer XnView Un clic sur l icône Xnview.exe

Plus en détail

Mémento mise à jour d un site all-in-web

Mémento mise à jour d un site all-in-web Mémento mise à jour d un site all-in-web Ce document a pour but de rappeler les principales manipulations pour mettre à jour un site web sous all-in-web. Sommaire 1 La CSS : la mise en forme du site...

Plus en détail

La Solution Crypto et les accès distants

La Solution Crypto et les accès distants La Solution Crypto et les accès distants Introduction L'objectif de ce document est de présenter les possibilités d'accès distants à La Solution Crypto. Cette étude s'appuie sur l'exemple d'un groupement

Plus en détail

Sommaire. [page 4] Lancement Identification Multi Comptes. [page 5] Créer un nouveau projet. [page6] Editer un projet

Sommaire. [page 4] Lancement Identification Multi Comptes. [page 5] Créer un nouveau projet. [page6] Editer un projet Sommaire [page 4] Lancement Identification Multi Comptes [page 5] Créer un nouveau projet [page6] Editer un projet [page 7] Supprimer un projet Prévisualiser un projet Mettre un projet par défaut [page

Plus en détail

Utilisation de GIMP. : : INTRASITE-DEVELOPPEMENT : : Développement de sites internet : : Hébergement : : Référencement : :

Utilisation de GIMP. : : INTRASITE-DEVELOPPEMENT : : Développement de sites internet : : Hébergement : : Référencement : : Utilisation de GIMP 1. GIMP (The GNU Image manipulation Program) Préambule 1.1 Téléchargement et installation 1.2 Téléchargement 1.3 Installation 1.4 Modification des attributs tailles d une image 1.5

Plus en détail

Débuter avec GIMP. Novembre 2013

Débuter avec GIMP. Novembre 2013 Débuter avec GIMP Novembre 2013 Sommaire 1. Télécharger GIMP 2. L'interface 3. La boîte à outils 4. Gestion des documents 5. La résolution et les pixels de l'image 6. L'enregistrement 7. Les couleurs 8.

Plus en détail

I - Créer un Nouveau Projet

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

Plus en détail

ACCESSIBILITE. Dans le domaine de l informatique pour le handicap, "l Accessibilité" consiste à adapter et optimiser l ergonomie :

ACCESSIBILITE. Dans le domaine de l informatique pour le handicap, l Accessibilité consiste à adapter et optimiser l ergonomie : ACCESSIBILITE Définition de l Accessibilité en Informatique Dans le domaine de l informatique pour le handicap, "l Accessibilité" consiste à adapter et optimiser l ergonomie : - des matériels et dispositifs

Plus en détail

L acquisition d images numériques

L acquisition d images numériques L acquisition d images numériques Il existe diverses méthodes pour acquérir des images numériques. 1. Avec un scanner : Placer l image sur le scanner (face vers la vitre) et ouvrir un logiciel d acquisition

Plus en détail

Note d intention : ce document est long mais en définitive ne fait pas mal

Note d intention : ce document est long mais en définitive ne fait pas mal PUBLIER DES ARTICLES SUR WWW.JETFM.ASSO.FR TUTORIEL Note d intention : ce document est long mais en définitive ne fait pas mal Il est demandé à TOUS les adhérents et ce pour chaque émission de créer un

Plus en détail

Les modèles (templates) de Dokuwiki

Les modèles (templates) de Dokuwiki Les modèles (templates) de Dokuwiki Le look de Dokuwiki est personnalisable via les nombreux modèles qui existent déjà, et ceux que vous pouvez créer! La page des modèles sur le site de Dokuwiki : http://wiki.splitbrain.org/wiki:tpl:templates

Plus en détail

I Open Location de matériel

I Open Location de matériel I Open Location de matériel Sommaire : I Open Location de matériel... 1 Identification... 2 Le menu... 2 Paramétrage... 3 Création d'une nouvelle fiche magasin :... 3 Ajout du logo ou d'une photo :...

Plus en détail

MON GUIDE AU COLLEGE VOSGES

MON GUIDE AU COLLEGE VOSGES MON GUIDE AU COLLEGE VOSGES Contacter le support technique : monguide88@crdp lorraine.fr Compléments en ligne : www.crdp lorraine.fr/typo3/crdp/edition/histoire geographie/mon guide au college 88.html

Plus en détail

Découvrir les calques de PhotoFiltre 7 et PhotoFiltre Studio par l'exemple

Découvrir les calques de PhotoFiltre 7 et PhotoFiltre Studio par l'exemple PF7. Fiche 9 Découvrir les calques de PhotoFiltre 7 et PhotoFiltre Studio par l'exemple Avant-propos Une image numérique peut être le résultat de la combinaison des contenus de différents calques fusionnés.

Plus en détail

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

Dreamweaver CC pour PC/Mac Pour des sites full CSS conformes aux standards du W3C Introduction L'Internet aujourd'hui 7 Le World Wide Web Consortium et les standards 7 Les logiciels de conception de sites web 7 L'objectif du livre 8 Le Creative Cloud d Adobe 9 Interface de conception

Plus en détail

Partie 2 : Transmettre des données de page en page 141/361. Les cookies

Partie 2 : Transmettre des données de page en page 141/361. Les cookies Partie 2 : Transmettre des données de page en page 141/361 Les cookies Travailler avec des cookies fonctionne à peu près de la même façon qu'avec des sessions, à quelques petites différences près que nous

Plus en détail

Guide Référent Et Equipe pédagogique Version.1

Guide Référent Et Equipe pédagogique Version.1 Guide Référent Et Equipe pédagogique Version.1 1 Sommaire page 1- Introduction 3 2- Connexion 4 3- Tableau de bord 5 4- Gérer les demandes d admissions 7 5- Les blocs 8 6- Création d un cours 10 7- Mise

Plus en détail

Utilisation de XnView

Utilisation de XnView http://www.rakforgeron.fr 27/02/2015 Utilisation de XnView Les photos d'actes généalogiques, les scans de documents réalisés par vous, ou vos saisies d'écran de documents téléchargés sur Internet, au-delà

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

Ajuster la dimension d une image et l imprimer

Ajuster la dimension d une image et l imprimer Ajuster la dimension d une image et l imprimer Proposé par Tabila117 Membre du Forum Nikon Numérique Document Nikon traduit par Tabila117 Version 1.1 12/07/2007 Ajuster la dimension d une image et l imprimer

Plus en détail

Ref : Résolution problème d'accès aux supports de cours

Ref : Résolution problème d'accès aux supports de cours PLATE FORME e-learning LLMS Pôle national de compétences FOAD (Formation Ouverte et A Distance) Ref : Résolution problème d'accès Pôle compétences FOAD SIGAT http://foad.ac-toulouse.fr/ Page 2 SOMMAIRE

Plus en détail

FENESTELA V.1.2005. Manuel Utilisateur

FENESTELA V.1.2005. Manuel Utilisateur FENESTELA V.1.2005 Manuel Utilisateur 1 Lors de l installation de Fenestela un Profil Administrateur et un bureau type est fourni. Pour accéder à votre Fenestela, ouvrez votre navigateur Web (Internet

Plus en détail

faqphilatelie.lautre.net Comment publier un article

faqphilatelie.lautre.net Comment publier un article faqphilatelie.lautre.net Comment publier un article Ce document va vous permettre de vous familiariser avec la création d article. Préparez votre article à l avance, utilisez la macro Word pour la mise

Plus en détail

Institut Méditerranéen de Biodiversité et d Ecologie marine et continentale

Institut Méditerranéen de Biodiversité et d Ecologie marine et continentale Documentation pour l administration de Pages personnelles sur www.imbe.fr Update : 05/12/2013 Les pages personnelles Ouverture d une page personnelle La demande de création d une page personnelle doit

Plus en détail

RESPONSIVE WEB DESIGN

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

Plus en détail

FORMATION DES RÉDACTEURS.

FORMATION DES RÉDACTEURS. Idemu, refonte de site web. le 06 novembre 2008 FORMATION DES RÉDACTEURS. 1. Introduction L objectif de ce cours est d apprendre à utiliser le logiciel SPIP en tant que rédacteur. Ce cours ne requiert

Plus en détail

Manuel d'utilisation pour Zimplit

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

Plus en détail

A. Vue d'ensemble. Interroger : la gestion des requêtes sous InfoView

A. Vue d'ensemble. Interroger : la gestion des requêtes sous InfoView A. Vue d'ensemble Interroger : la gestion des requêtes sous InfoView Comme nous l'avons évoqué dans un chapitre précédent, la requête sur un univers est le fournisseur de données le plus souvent utilisé

Plus en détail

UTILISATION DU PORTAIL EXTRANET VDI GROUP SOUS WINDOWS 7 ED 12 02 2011 SOMMAIRE

UTILISATION DU PORTAIL EXTRANET VDI GROUP SOUS WINDOWS 7 ED 12 02 2011 SOMMAIRE MO-03-66 Utilisation du Portail Extranet sous Windows 7 UTILISATION DU PORTAIL EXTRANET VDI GROUP SOUS WINDOWS 7 ED 2 02 20 SOMMAIRE. OBJET ET DOMAINE D APPLICATION... 2 2. ACCÈS ET AUTHENTIFICATION AU

Plus en détail

Prise en main du logiciel GOF2. Paramétrage du logiciel

Prise en main du logiciel GOF2. Paramétrage du logiciel Prise en main du logiciel GOF2 Paramétrage du logiciel Avant d'utiliser GOF2, il convient de paramétrer celui-ci pour l'adapter à vos besoins, nombre de terminaux, ordre de l'affichage sur les terminaux,

Plus en détail

Bases de la Bureautique septembre 2014

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

Plus en détail

Mode d'emploi. À l'usage des chefs, cheffes de courses et membres des comités autorisés à gérer les pages 'Récits de courses'.

Mode d'emploi. À l'usage des chefs, cheffes de courses et membres des comités autorisés à gérer les pages 'Récits de courses'. Mode d'emploi À l'usage des chefs, cheffes de courses et membres des comités autorisés à gérer les pages 'Récits de courses'. Les récits de courses sont gérés avec le module 'Articles' Table des matières

Plus en détail

L image numérique. Bitmap (ou matricielle) vectorielle

L image numérique. Bitmap (ou matricielle) vectorielle L image numérique Bitmap (ou matricielle) vectorielle L image Bitmap (ou matricielle) L image est considérée comme un rectangle constitué de points élémentaires appelés pixels. Elle permet la qualité photographique

Plus en détail

9234991 Édition 1 FR. Nokia et Nokia Connecting People sont des marques déposées de Nokia Corporation

9234991 Édition 1 FR. Nokia et Nokia Connecting People sont des marques déposées de Nokia Corporation 9234991 Édition 1 FR Nokia et Nokia Connecting People sont des marques déposées de Nokia Corporation Sélectionnez Adobe Reader. Adobe Reader pour Symbian OS vous permet d'afficher des fichiers Adobe PDF

Plus en détail

Titre avec couleur de fond de texte image d'origine

Titre avec couleur de fond de texte image d'origine Fiche procédure n 1 Isoler une partie de l'image 1.Ouvrir l'image. 2.Sélectionner avec la souris la zone à garder. 3. Menu «Edition» «Retailler» ou barre d'outils 4. Enregistrer sous un autre nom cette

Plus en détail

Mode d emploi SPIP 2.0 pour rédacteur

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

Plus en détail

MANUEL DE PROCÉDURE POUR LA MISE À JOUR DU SITE DE FIDAFRIQUE. Documentation utilisateur Octobre 2005

MANUEL DE PROCÉDURE POUR LA MISE À JOUR DU SITE DE FIDAFRIQUE. Documentation utilisateur Octobre 2005 MANUEL DE PROCÉDURE POUR LA MISE À JOUR DU SITE DE FIDAFRIQUE Documentation utilisateur Octobre 2005 I. Principes 1.1 - Généralités Les personnes autorisées à intervenir sur le site sont enregistrées par

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

Irfanview Le menu Fichier

Irfanview Le menu Fichier Irfanview Le menu Fichier Vous permet d ouvrir un fichier. La fonction Réouvrir permet de revenir à la dernière version enregistrée en annulant toutes les modifications faites. Ouvre un explorateur de

Plus en détail

Personnaliser son bureau

Personnaliser son bureau Changer la résolution d'écran Définition : la résolution (exprimée en pixels de largeur x hauteur) indique la finesse d'affichage de votre écran. Plus cette résolution est grande, plus l'affichage est

Plus en détail

Créer une trace, obtenir son fichier gpx et sa carte Ou Afficher un fichier trace GPX

Créer une trace, obtenir son fichier gpx et sa carte Ou Afficher un fichier trace GPX Créer une trace, obtenir son fichier gpx et sa carte Ou Afficher un fichier trace GPX Logiciels nécessaires : - - - Google Chrome comme navigateur internet FireShot qui est un add-on qui se greffe sur

Plus en détail

Personnalisation de votre ordinateur

Personnalisation de votre ordinateur Quelles sont les nouveautés dans Windows 7? Même si de nombreuses fonctionnalités sont identiques à la version précédente de Windows, vous aurez peut-être besoin d aide pour effectuer vos tâches plus rapidement.

Plus en détail

MODE D EMPLOI. Août 2012. Page 1 de 5

MODE D EMPLOI. Août 2012. Page 1 de 5 MODE D EMPLOI Août 2012 Page 1 de 5 1. Introduction Ce mode d emploi vous explique de quelle manière vous pouvez très facilement composer et placer une publicité dans le Guide de Campings. Vous recevez

Plus en détail

Mode d emploi pour lire des livres numériques

Mode d emploi pour lire des livres numériques Mode d emploi pour lire des livres numériques Configuration minimale requise : Pour télécharger des ouvrages numériques sur son poste et utiliser les fichiers, vous avez besoin : sur PC : connexion Internet

Plus en détail

> Table des matières. Gestion des pages courantes

> Table des matières. Gestion des pages courantes I N T E R F A C E A D M I N I S T R A T I O N M A N U E L D ' U T I L I S A T I O N D E T Y P O 3 V 4. 2 R É D A C T E U R V. DARDENNE DÉCEMBRE 2009 > Table des matières Gestion des pages courantes > Accès

Plus en détail

AD SPECIFICATIONS. Bannière standard. Livraison par des sites et applis tiers. Créations. Animation. Fichiers à fournir. Disponibilité.

AD SPECIFICATIONS. Bannière standard. Livraison par des sites et applis tiers. Créations. Animation. Fichiers à fournir. Disponibilité. Bannière standard Une bannière publicitaire standard est une publicité pouvant être statique ou animée. Cette publicité peut permettre un large éventail d'actions, notamment l'accès à un site mobile, une

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

Redimensionner 1. Photoshop, les raccourcis clavier, taille de l'image, zone de travail, recadrage 3. Les raccourcis clavier

Redimensionner 1. Photoshop, les raccourcis clavier, taille de l'image, zone de travail, recadrage 3. Les raccourcis clavier N 5-13 Redimensionner 1. Photoshop, les raccourcis clavier, taille de l'image, zone de travail, recadrage 1.1. Objectifs : 1.1.1. Recadrer une image pour la rendre plus dynamique 1.1.2. Respecter les dimensions

Plus en détail

Guide de l administrateur de rubriques du site communal d ORCHAISE

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

Plus en détail

rendre les réunions simples

rendre les réunions simples rendre les réunions simples Vous trouverez tout ce dont vous avez besoin pour commencer à utiliser votre compte de conférence VaaS-t dans les pages suivantes. Guide de démarrage rapide Mise en route Votre

Plus en détail

Fiche Windows Movie Maker n 3 Titres et génériques Bande son Encodage

Fiche Windows Movie Maker n 3 Titres et génériques Bande son Encodage Fiche Windows Movie Maker n 3 Titres et génériques Bande son Encodage Table des matières 1- Les titres...1 2- La bande son...3 3- L'encodage...5 http://blogs.lyceecfadumene.fr/informatique Fiche Windows

Plus en détail

Application de gestion Interreg V FWVL

Application de gestion Interreg V FWVL Application de gestion Interreg V FWVL Manuel d utilisation opérateur 1. Identification Pour pouvoir accéder à l application de gestion, vous devez préalablement vous identifier à l aide du login et du

Plus en détail

Espace Numérique Régional de Santé Présentation de DRUPAL

Espace Numérique Régional de Santé Présentation de DRUPAL Espace Numérique Régional de Santé Présentation de DRUPAL Sommaire 1. Introduction 2. Conception d un site 3. Thème 4. Blocs 5. Types de contenu 6. Page 7. Menu 8. Accès 2 1. Introduction Drupal est un

Plus en détail

Animation numérique. de territoire. Créer son site Internet avec un outil gratuit. Mardi 4 novembre 2014. Cédric ARNAULT OT Lourdes

Animation numérique. de territoire. Créer son site Internet avec un outil gratuit. Mardi 4 novembre 2014. Cédric ARNAULT OT Lourdes Créer son site Internet avec un outil gratuit Mardi 4 novembre 2014 Cédric ARNAULT OT Lourdes Présentation de la journée - Créer un site Internet : Pourquoi? Pour qui? Comment? - - Aller plus loin avec

Plus en détail

Créer son site web. Avec la distribution e-change http://www.plateforme-echange.org/ Benoît Mamet Cédric Morin

Créer son site web. Avec la distribution e-change http://www.plateforme-echange.org/ Benoît Mamet Cédric Morin Créer son site web Avec la distribution e-change http://www.plateforme-echange.org/ Benoît Mamet Cédric Morin 1 Personnaliser l'apparence du site Avec la distribution e-change 2 La version rapide 3 Choisir

Plus en détail

Prise en main du logiciel Smart BOARD

Prise en main du logiciel Smart BOARD Prise en main du logiciel Smart BOARD 1. Introduction : Le logiciel Smart BOARD est utilisable avec les tableaux blancs interactifs de la gamme SMART. Toutefois, il n'est pas nécessaire d'avoir un tbi

Plus en détail

1 AU DEMARRAGE...2 2 LE MENU DEMARRER...3

1 AU DEMARRAGE...2 2 LE MENU DEMARRER...3 Sommaire 1 AU DEMARRAGE...2 2 LE MENU DEMARRER...3 3 POUR DEMARRER UN PROGRAMME...4 4 POSITION ET DIMENSION DES FENETRES...5 POSITION...5 DIMENSION...5 UTILISER LES BARRES DE DEFILEMENT...7 POUR AFFICHER

Plus en détail

1. Utilisation du logiciel Keepass

1. Utilisation du logiciel Keepass Utilisation du logiciel Keepass L'usage de mots de passe est nécessaire pour de nombreux accès ou pour la protection de données personnelles. Il convient d'en utiliser plusieurs, suivant le type d'accès

Plus en détail

Création de maquette web

Création de maquette web Création de maquette web avec Fireworks Il faut travailler en 72dpi et en pixels, en RVB Fireworks étant un logiciel dédié à la création de maquettes pour le web il ne propose que les pixels pour le texte

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

Mode d emploi du site Internet «Mediawiki»

Mode d emploi du site Internet «Mediawiki» Mode d emploi du site Internet «Mediawiki» École Libre du Soleil Levant La technologie MediaWiki a été choisie pour sa flexibilité et une simplicité d utilisation ne demandant que de connaître quelques

Plus en détail

Worldsoft CMS Méga Menu. Avec le Méga Menu du Worldsoft CMS, vous pouvez créer des menus de navigation.

Worldsoft CMS Méga Menu. Avec le Méga Menu du Worldsoft CMS, vous pouvez créer des menus de navigation. 1 Mega Menu Avec le du Worldsoft CMS, vous pouvez créer des menus de navigation. Vous pouvez mettre en place autant de menus que vous le désirez et les adapter graphiquement. Avec votre propre contenu

Plus en détail

Pour augmenter la taille du texte, plusieurs possibilités sont disponibles :

Pour augmenter la taille du texte, plusieurs possibilités sont disponibles : Agrandir le texte A l'ouverture de la page, l'écran contient l'ensemble de la fiche. Ceci vous permet de visualiser l'architecture de la fiche, mais peut rendre difficile la lecture du texte. Pour augmenter

Plus en détail

Spécifications techniques

Spécifications techniques Spécifications techniques Décembre2009 1. Récapitulatif des formats : p2 1. Formats classiques p2 2. Formats Rich Média p2 2. Emplacements : p3 1. Directions.fr p3 2. Newsletter Directions p4 3. Contraintes

Plus en détail

Initiation à Internet avec Firefox 3 1/ 5. L'interface

Initiation à Internet avec Firefox 3 1/ 5. L'interface Initiation à Internet avec Firefox 3 1/ 5 L'interface L'interface comprend, une barre de menus, de navigation, de Marque-Pages, et éventuellement une barre d'onglets (Cf. 3.3). La barre de navigation inclut

Plus en détail

Manuel d'utilisation

Manuel d'utilisation Manuel d'utilisation Présentation Linutop TV est une solution clé en main pour réaliser en ligne un affichage dynamique personnalisé diffusable dans plusieurs lieux simultanément. Stockez vos documents,

Plus en détail

Typo3 afpa.fr - initiation

Typo3 afpa.fr - initiation intro 01 02 03 04 05 06 07 Typo3 afpa.fr - initiation Redimensionner/Optimiser une photo En date du 27 juin 2008 Mode d emploi du diaporama en ligne : Pour faire avancer les animations de diapo, cliquer

Plus en détail

Personnaliser un thème WordPress pour un Blog de l'ara. Méthode pas à pas.

Personnaliser un thème WordPress pour un Blog de l'ara. Méthode pas à pas. Personnaliser un thème WordPress pour un Blog de l'ara. Méthode pas à pas. Table des matières I. Les outils nécessaires... 3 II. Utilisation de l'outil Artisteer.... 3 1. Pourquoi utiliser Artisteer?...

Plus en détail

CmapTools Guide de démarrage rapide

CmapTools Guide de démarrage rapide CmapTools Guide de démarrage rapide Principes de base Le logiciel CmapTools permet de construire et de partager des cartes conceptuelles (désignées ci-après par le terme «Cmap»). Ces cartes conceptuelles

Plus en détail

Vade-mecum des «raccourcis typographique» dans SPIP

Vade-mecum des «raccourcis typographique» dans SPIP Vade-mecum des «raccourcis typographique» dans SPIP Fonctionnalités Méthodes Commentaires Intertitre {{{le titre}}} Le texte entre triples accolades est affiché comme un titre. Changement de Cliquer deux

Plus en détail

Créer un menu adaptable à toutes les résolutions

Créer un menu adaptable à toutes les résolutions Créé par : feektif Ce guide est reproductible en : 30 à 40 min et est d'un niveau : Intermédiaire Pour de tutoriel, nous allons réaliser un menu composé de cinq liens, chacun divisé en 3 éléments. Un curseur

Plus en détail

Créer sa première présentation :

Créer sa première présentation : PowerPoint est une application dédiée à la conception de présentations de toutes sortes, utilisées en projection ou en affichage sur écran. Ces présentations peuvent intégrer aussi bien du texte, des diagrammes,

Plus en détail