Une page web utilisant uniquement du XHTML
|
|
|
- Claudette Morin
- il y a 6 ans
- Total affichages :
Transcription
1 1
2 Une page web utilisant uniquement du XHTML 2
3 La même page avec le CSS en plus Source: 3
4 Séparer le fond de la forme a plusieurs avantages : Personnalisation du design du site. Une plus grande lisibilité du code HTML quand les styles sont définis à part Mise en page homogène (ce qui contribue à donner un aspect professionnel à votre travail). Navigation accélérée, moins de données à télécharger quand le fond et la forme sont placés dans des fichiers séparés. 4
5 CSS (Cascading Style Sheets: feuille de style en cascade): Langage spécifique au Web, standard du W3C apparu dans les années 90. Fréquemment employé comme complément du langage HTML Former des feuilles de styles chargées de la mise en forme des documents web. Il gère l esthétique (couleurs, typographie) et diverses fonctionnalités. Champ d action: média screen (écran), médias print (imprimante), projection (présentations projetées), braille (tablettes à l usage des aveugles), embossed (impression en braille), aural/speech (propriétés auditives), handheld (assistants numériques) et tv (Web-TV) 5
6 6
7 Principe Une règle de style comprend : un sélecteur : il s agit des balises concernées par cette règle ; un bloc de déclarations : il indique les propriétés à attribuer à ces balises. Chaque déclaration est du type : propriété : valeur; Sélecteur Propriété1 :valeur 1; Propriété2 :valeur 2; { } Syntaxe d écriture d un style 7
8 Exemple: h1 {color : red ; background-color :yellow ;} h1 est le sélecteur, color est la première propriété qui détermine la couleur du texte de l élément, red la valeur attribuée à cette couleur, background-color désigne la couleur de fond est la seconde propriété yellow sa valeur. 8
9 Écriture d une règle de style Chaque déclaration se termine par un point-virgule. Une règle peut s écrire sur plusieurs lignes Commentaires Il est utile de commenter abondamment les feuilles de style, pour s y retrouver plus tard lorsqu il s agira d apporter des modifications. Il suffit de placer les commentaires entre les signes /* et */ : /* Voici un commentaire */ /* Et en voilà un autre, mais sur plusieurs lignes */ 9
10 10
11 Où doit-on placer le code CSS? Dans le fichier.html, entre des balises spéciales ou dans un autre fichier? Emplacement des styles Les règles de style peuvent se trouver : 1. Dans le code HTML, comme attributs de balises : ce sont des styles en ligne (utilisation déconseillée) ; 2. Dans l en-tête de la page web : feuille de style interne 3. Dans un fichier distinct : feuille de style externe, à appeler dans l en-tête de la page web. 11
12 1. Styles en ligne Dans le corps de la page HTML (entre <body> et </body>), Méthode à éviter autant que possible: mélange du contenu et de la mise en forme: Disparition de la clarté et l homogénéité apportées par les CSS. Difficulté à maintenir les pages. 12
13 2. Insérer des styles dans l en-tête <head> </head>du document Entre les balises <style> et </style>, ce code s appliquera à tout le document : Exemple: <style type="text/css"> h1 {color: blue;} </style> Sépare correctement contenu et mise en forme, p.e elle portera automatiquement sur tous les titres <h1> du document. la portée du style se limite au document HTML du fichier. 13
14 3. Feuille de style externe Ecrire dans un fichier à part (.css): Quand les règles de style sont applicables à plusieurs pages web La feuille de style est appelée par chacune des pages concernées Garantit l unité graphique du site et facilite les modifications. Contient l ensemble des règles définies. Feuille de style externe style.css Page web1 Page web2 Page web3 Page web4 14
15 3. Feuille de style externe (suite) Appeler la feuille de style dans l en-tête (<head>): balise <link> précise que le document une feuille de style externe Utiliser la Précise le type de la feuille de style Permet aussi de lier une feuille de styles externe à son document HTML. Ce n est pas une balise HTML, mais une règle CSS 2. Déclaration dans l élément <style> de l en-tête du document : URL de la feuille de style 15
16 16
17 Sélection des éléments auxquels on veut attribuer un style donné. Si des balises de même type doivent avoir différentes mises en forme, elles seront identifiées par des noms, lesquels seront repris dans les sélecteurs. Le langage CSS accepte différentes formes de sélecteurs : Les sélecteurs de balises ; Les sélecteurs de classes : une classe est un nom donné à un ensemble d éléments HTML à distinguer ; Les sélecteurs d identifiants :un identifiant ou id est le nom attribué à un élément unique dans le document HTML ; Les pseudo-classes et les pseudo-éléments variantes pour certaines fonctionnalités, par exemple les liens. Les sélecteurs contextuels: Appliquer un style à un élément fonction de sa position relative par rapport à un autre dans la hiérarchie des éléments. 17
18 Sélectionner un seul élément: Simple Le sélecteur est constitué du nom de l élément sans les caractères de début < et de fin de balise />. Par exemple : Sélectionner plusieurs éléments: Appliquer le même style à plusieurs éléments différents en les énumérant et en les séparant par une virgule dans le sélecteur. Eviter de multiplier les définitions : Nous pouvons écrire le style suivant : 18
19 Le sélecteur universel *: Appliquer un style à tous les éléments avant la définition d une ou plusieurs propriétés. Par exemple, pour que la couleur du fond de tous les éléments soit le jaune, nous écrirons : Possibilité de modifier cette couleur de fond pour un élément particulier, en la redéfinissant uniquement pour celui-ci, 19
20 Appliquer un style à l élément dont l id a une valeur précise en donnant cette valeur au sélecteur et en le faisant précéder du caractère dièse (#). Le code XHTML : En écrivant le style suivant : L identifiant doit être unique dans une page, et les autres éléments <div> ont un texte noir. Ce type de définition est très ciblé car le style ne peut s appliquer qu à un seul élément du fait de l unicité de l identifiant id. ne peut être utilisé qu une seule fois 20
21 Utilisation de l attribut class On peut donner le même nom à autant de balises que l on veut. Exemple: Modifier le CSS en utilisant un point : Résultat: 21
22 Permettent d attribuer un style à une partie abstraite d un document non identifiable dans la hiérarchie d un document XHTML: Le premier caractère ou la première ligne d un paragraphe ou en fonction des actions prévisibles mais non déterminées de l utilisateur final: le fait de placer son curseur sur un lien ou un composant de formulaire, etc. 22
23 Les pseudo-classes applicables aux liens Spécifiques aux éléments possèdent un attribut href faisant référence à un document externe ou interne Pseudoclasse :link :visited Description Lien hypertexte qui n a pas encore été visité Lien visité (encore présent dans l historique du navigateur) Pour les employer, il faut faire précéder le nom de la pseudo-classe de celui de l élément selon le modèle suivant concernant l élément <a> : 23
24 Les pseudo-classes dynamiques Attribuer un style à un élément en fonction des actions effectuées par le visiteur (disparaissent avec le motif de leur création) Pseudo-classe :focus :hover :active Description qui possède le focus (par exemple pour une zone de saisie d un formulaire, lorsque le curseur clignote dedans) ; Elément survolé par la souris Elément activé (la souris pointant ce lien, son bouton est enfoncé). Les pseudo-classes diverses Pseudo-classe :first-child Description Premier enfant d une balise quelconque (qui suit immédiatement cette balise) ; 24
25 Ressemblant aux pseudo-classes, les pseudo-éléments apportent d autres types de précision en agissant sur une partie du contenu d un élément: Pseudo-classe :first-letter :first-line :before :after Description Première lettre du bloc première ligne du bloc avant la balise spécifiée après la balise spécifiée Exemple : 25
26 Sélectionner que les éléments dans un certain contexte Parent-descendant: element_parent element_enfant {Définition des styles;} Il est aussi possible de préciser la hiérarchie en appliquant plus de deux éléments en les séparant tous par un espace. Parent-enfant directs: element_parent > element_enfant {Définitions des styles;} Eléments adjacents (relation de fratrie) element1+element2 {Définitions des styles;} 26
27 Exemple: sélecteur parent-enfant directs Page.html Style.css 27
28 style.css 28
29 Si une règle de style vient contredire une règle précédente, c est en généra le dernier style défini qui s applique. Source: livre Réussir site web XHTML et CSS 29
30 Multiples feuilles de style Application de plusieurs feuilles de style à un même document, Par exemple: par le concepteur (qui est l auteur du document), le lecteur ( qui a pu ajouter ses choix personnels) et l agent (le navigateur qui souhaite appliquer une feuille de style propre). Problème: Risque de conflit si ces feuilles ont spécifié des valeurs différentes pour la même propriété du même élément Solution: La cascade permet de résoudre les conflits 30
31 Pour déterminer les priorités, les navigateurs font l inventaire de toutes les déclarations qui s appliquent à un élément donné, puis procèdent à la sélection en fonction de différentes règles: 1. Le média Trouver toutes les déclarations qui concernent l'élément et la propriété en question, pour le type de média visé. Celles-ci s'appliquent si le sélecteur correspond à cet élément ; 2. Origine Règles normales : auteur > utilisateur > agent Règles importantes : utilisateur > auteur > agent!important l'emporte sur!normal 3. Spécificité du sélecteur le spécifique l'emporte sur le général 4. Ordre d'apparition à origine, poids et spécificité égales, la dernière règle rencontrée l'emporte «Si deux règles de style sont contradictoires, la deuxième remplace la première, sauf si cette première règle a un degré de priorité (c est-à-dire de spécificité) supérieur à la deuxième». Source: 31
32 Spécificité du sélecteur: La spécificité est définie à l aide d un nombre N de trois chiffres (en CSS 2), sous la forme ABC, et chaque chiffre est calculé de la manière suivante : A représente le nombre de sélecteurs d attributs id présents dans l ensemble du sélecteur. Exemple: Pour: #conteneur p #special {...} ; A=2 B représente le nombre de classes, de pseudo-classes et de sélecteurs d attribut présents dans le sélecteur. Exemple: Pour div.for a:hover{}; B=2 C représente le nombre d éléments XHTML utilisés dans le sélecteur. Exemple: Pour div p h1 {}; C=3 Les valeurs seront concaténées pour déterminer la spécificité d'un sélecteur. Exemple: li.red.level {} a=0 b=2 c=1 -> spécificités = 21 Source: 32
33 Pour donner une importance à un style, il faut insérer le mot-clé!important en le plaçant entre la valeur attribuée à la propriété et le point-virgule qui termine la déclaration. Exemple: 33
34 Mise en forme des caractères Paragraphes et blocs de texte Bordures Un peu de deco: couleur et fond Listes tableaux 34
35 Propriétés Description valeurs font-family; Choix d une police de caractères Nom des polices séparés par une virgule font-size; Taille des caractères. Taille relative: em, ex, % ou px Taille fixe: pt, pc, cm, mm, in Mot-clé: small, medium, large font-weight; Epaisseur d écriture, c est-à-dire le degré de graissage de la police. font-style; Définit un style de l écriture Normal Italic Oblique Normal (par défaut) Bold (gras) Lighter (moins gras ) Bolder (plus gras) Text-decoration Définir différents effets underline:souligné overline: trait au-dessus, line-through:texte barré blink: clignotant Text-transform Afficher une partie du texte en minuscules ou en majuscules Capitalize: première lettre de chaque mot en majuscule Lowercase: tout en minuscules Uppercase: tout en majuscules none: valeur par défaut 35
36 Mapage.html Style.css 36
37 Propriétés Description Valeurs text-align text-indent line-height Modifie l alignement horizontal de tout le texte Crée automatiquement des alinéas au début de chaque paragraphe du texte Modifie la hauteur d une ligne de texte (Interligne minimum) Left: à gauche Center: centré Right: à droite Justify: justifié La longueur de la marge en px normal (valeur standard) ou valeur positive pour régler l espacement entre les lignes Mêmes unités que les tailles de polices, ou % de cette taille. Word-spacing Espacement entre les mots normal (par défaut), valeur positive ou négative, respectivement pour augmenter ou diminuer l espace entre les mots. Mêmes unités que les tailles de polices, sauf %. Et Bien d autres. 37
38 Plusieurs propriétés CSS pour créer des bordures : border-style : détermine le type de bordure (bordure pleine, en pointillés, en tirets, effet 3D...) ; border-width : détermine l épaisseur de la bordure (généralement en pixels px); border-color : détermine la couleur de la bordure. (utilisée de la même manière que color et background color) Astuces : La propriété border peut regrouper les valeurs de ces 3 propriétés: Exemple: border: 2px dotted red; Border s applique aux 4 côtés: (border-left, border-right, border-top, borderbottom) 38
39 Mapage.html Style.css 39
40 40
41 Propriétés Description Valeurs color Background - color La couleur du texte (mot-clé, code numérique hexadécimal, nombre entier ou pourcentage) Modifie la couleur de fond de la page Nom de couleur prédéfini ou code RVB Exemple: body{color:: #0000ff;} em {color: green;} a {color: rgb(30%, 80%,30%)} Nom de couleur prédéfini ou code RVB Récapitulatif des notations des couleurs 41
42 Propriétés Description Valeurs background-image backgroundattachment background-position background-repeat Insère une image de fond (indiquer où se trouve l image) Fixe l image du fond et seul le texte se déplacera. Position de l image par rapport au coin supérieur gauche Définit la façon de répéter l arrière plan background-image: url ("image.jpg"); Fixed: image de fond fixée Scroll: image de fond défile avec le texte (par défaut) top bottom left right center repeat repeat-x repeat-y no-repeat 42
43 Structurer l information Créer de menus Propriétés Description Valeurs list-style-type Indique quel type de puce ou quel mode de numérotation à utiliser Listes à puces: disc (cercle plein par défaut) circle (cercle vide) square (carré plein) Listes numérotées: decimal (1,2.. Valeur par défaut) decimal-leading-zero (01,02, ) lower-roman (i,ii, ) upper-roman (I,II, ) upper-latin (A,B,C) etc,. list-style-image Utilise une image comme puce url (nom de l image avec chemin relatif ou absolu) ou none (par défaut) List-style-position Modifie le décalage du texte par rapport aux puces (retrait des listes) outside: met en retrait (par défaut) inside : pas de retrait 43
44 44
45 Structurer les données Synthétiser des informations redondantes (comparatifs, listes de messages, etc.). Propriétés Description Valeurs table-layout Obtenir des colonnes de largeur fixe auto: largeur automatique (par défaut) fixed: largeur fixe border-collapse caption-side vertical-align Indique s il y aura fusion ou non des bordures qui se touchent dans le tableau Donne un titre au tableau (placée à l intérieur de <table> </table>) Indique quel doit être l alignement d une cellule par rapport à la rangée de cellules dont elle fait partie, lorsque la taille de cette rangée est supérieure à celle de la cellule. Et bien d autres,. collapse: fusion des bordures Separate: séparation des bordures top: titre au dessus du tableau (par défaut) bottom: titre sous le tableau baseline : alignement normal sur la première ligne (valeur par défaut), top : sur le haut de la rangée de cellules, middle : au milieu de la rangée, bottom : sur le bas de la rangée. 45
46 1. Modèle en boite 2. Positionnement des éléments 3. Propriétés particulières 46
47 47
48 Chaque élément est considéré comme une boîte Périmètres non obligatoires: Espaces de marges externes (margin), ou internes (padding) et une bordure (border) Représentation graphique du modèle de boîte selon le W3C Source: 48
49 Marge par défaut Plus de marge Toutes les balises de type bloc (excepté <div> ) possèdent par défaut des marges internes et externes Toutes les balises en ligne ont une valeur par défaut toujours nulle 49
50 Marges externes autour d un bloc: Situées au-delà de ses bordures. Elles servent à espacer les blocs entre eux Propriétés margin-left, margin-right, margintop, margin-bottom Valeurs auto, taille relative en em, px, % ou taille fixe en pt Marges internes d un bloc Se trouvent à l intérieur des bordures Propriétés padding-left, padding-right, padding-top, padding-bottom Valeurs auto, taille relative en em, px, % ou taille fixe en pt Source: livre XHTML et CSS cours et exercices 50
51 Largeur d une boite= largeur du contenu (width)+ dimensions de marges internes gauche et droite+ épaisseur de la bordure gauche et droite Idem pour la hauteur Largeur de l élément=? 5px 20px 250px =300pixels Interprétation différente des dimensions des blocs selon les navigateurs Largeur apparente= largeur spécifiée (width) Éviter d attribuer une largeur ou hauteur (width/height) à un élément doté de marges internes (padding) ou de bordures latérales/horizontales: définir plutôt les margin Source: livre CSS2 pratique du design web 51
52 52
53 I. Positionnement du flux courant ou normal (par défaut): Les éléments de type bloc se succèdent verticalement, les uns en dessous des autres. Les blocs occupent toute la largeur disponible dans leur conteneur. Les éléments en ligne se suivent sur la même ligne, les uns à la suite des autres (retour à la ligne quand il n y a plus de place dans le conteneur). Exemple: Invisible Occupe toute la largeur de son conteneur, le bloc <div> 53
54 II. Positionnement relatif, absolu, fixe Propriété position qui permet de définir le type de position pour l élément concerné Il est possible de placer un élément en indiquant un décalage (top, right, bottom et left) 54
55 1. Positionnement relatif: Par rapport à sa position dans le flux normal : pour décaler un élément par rapport à ses frères (propriété position: relative;) ; 300 px 5 em 10px Modifier la position du second paragraphe en le décalant de sa position normale de 15 px à gauche et 20 px vers le haut 55
56 2. Positionnement absolu: Par rapport au bloc conteneur (soit son parent s il est positionné ou le premier ancêtre positionné) pour découper la page en zones: (propriété position: absolute;) Positionnement par rapport au body et non le div 3. Positionnement fixe: Par rapport à l écran : pour conserver en permanence un élément à l écran (propriété position: fixed;). 56
57 III. Positionnement flottant Propriété float: left; ou float: right; Pour placer des éléments côte à côte, en fonction de la place disponible dans la fenêtre d affichage ou le bloc conteneur. Pour habiller une image par du texte, pour une galerie d images ou une suite de menus. Tout élément positionné en flottant est considéré de type bloc. Pour empêcher le flottement: propriété clear 57
58 58
59 La propriété visibility permet de masquer occasionnellement un élément tout en réservant dans la page la place qu il occuperait normalement, donc sans perturber la mise en page. Propriété visibility Valeurs visible (par défaut) hidden: l élément est masqué mais occupe toujours le même espace dans la page collapse=hidden, sauf dans les tableaux, où l espace est libéré lorsqu il s agit d une ligne entière ou d une colonne entière. 59
60 La propriété display permet de transformer une balise de type bloc en balise de type en ligne et inversement. Propriété display Valeurs inline : élément en ligne (valeur par défaut) block : bloc none : l élément est invisible et ses dimensions sont nulles. Et d autres valeurs pour les listes et les tableaux Différence entre visibility: hidden et display:none : Ces deux règles permettent de masquer un objet dans la page. Avec visibility: hidden; l objet est masqué, mais occupe toujours la même place qu auparavant dans la page. Avec display: none; l objet devient invisible également, mais sa place n est plus réservée sur la page (aucune boîte n est générée). 60
61 Positionnement du flux courant: Le placement classique suivant la structure hiérarchique du code HTML Le positionnement le plus souple, le plus fluide et qui ne causera pas de problèmes d affichage Positionnement relatif Un cas particulier du positionnement en flux Positionnement absolu ou fixe Indépendants du flux et ne reflètent pas la structure hiérarchique de HTML Créer des pages fluides, centrer un site entier, etc Positionnement flottant Indépendant du flux mais dépendant des autres éléments flottants Aligner plusieurs éléments côte à côte 61
62 Ce qu il faut retenir: Importance des langages de base pour le développement de sites statiques: HTML/XHTML et CSS XHTML= le contenu, CSS= la forme et la déco Penser à valider vos pages Tester vos pages sur plus de deux navigateurs Avantages Convient aux sites web de petite taille, au contenu permanent ou rarement mis à jour. Inconvénients: Comme son nom l indique : le site est statique «ne bouge pas» Très peu adapté pour des sites dont les informations sont sujet à des modifications fréquentes nécessitant des mises à jour régulières. Fonctionnalités limitées en terme d interactivité 62
.. 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
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
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
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
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
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
Intégrateur Web HTML5 CSS3
Intégrateur Web HTML5 CSS3 L objectif de la 3W Academy est de former des petits groupes d élèves à l intégration de sites internet ainsi qu à la création d applications web simples telles qu un blog ou
Bernard Lecomte. Débuter avec HTML
Bernard Lecomte Débuter avec HTML Débuter avec HTML Ces quelques pages ont pour unique but de vous donner les premiers rudiments de HTML. Quand vous les aurez lues, vous saurez réaliser un site simple.
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
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
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
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...
GUIDE D UTILISATION DU BACKOFFICE
GUIDE D UTILISATION DU BACKOFFICE 1. Modifier les pages du site : - Aller dans l onglet «PAGE HTML», puis «Liste des pages HTML» - Pour visualiser votre page, cliquer sur le nom écrit en vert, dans la
HTML5 et CSS3 pour des sites Responsive Web Design
Chapitre 1 : Introduction A. Le design Web aujourd'hui 11 B. Le Responsive Web Design 11 C. Les approches dans la conception 12 D. Le lâcher-prise 12 E. Les objectifs du livre 13 F. Les outils de l intégrateur
Mon aide mémoire traitement de texte (Microsoft Word)
. Philippe Ratat Mon aide mémoire traitement de texte (Microsoft Word) Département Ressources, Technologies et Communication Décembre 2006. Sommaire PRÉSENTATION DU DOCUMENT 1 Objectif principal 1 Deux
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
1. La notion de cascade
HTML 5 et CSS 3 (partie 2) Objectifs Connaître quelques notions avancées de CSS 3, Appréhender l affichage, Introduction au Responsive Web Design. 1. La notion de cascade On constate que l on peut avoir
E-MAILING & NEWSLETTER NEWSLETTER RESPONSIVE
E-MAILING & NEWSLETTER NEWSLETTER RESPONSIVE mcbenveniste@gmail.com 09/2013 E-MAILING & NEWSLETTER L e-mailing consiste à envoyer des emails simultanément à un nombre important de destinataires dont le
É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
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
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
Rédigez efficacement vos rapports et thèses avec Word (2ième édition)
Introduction A. Introduction 11 B. Structure de l ouvrage 12 C. Le vocabulaire indispensable 13 1. La fenêtre de travail 13 2. Les boîtes de dialogue 15 3. Le mode connecté et le cloud computing 17 4.
Présentation du Framework BootstrapTwitter
COUARD Kévin HELVIG-LARBRET Blandine Présentation du Framework BootstrapTwitter IUT Nice-Sophia LP-SIL IDSE Octobre 2012 Sommaire I. INTRODUCTION... 3 Définition d'un framework... 3 A propos de BootstrapTwitter...
HTML. Notions générales
1 HTML Le langage HTML est le langage de base permettant de construire des pages web, que celles-ci soient destinées à être affichées sur un iphone/android ou non. Dans notre cas, HTML sera associé à CSS
GUIDE Excel (version débutante) Version 2013
Table des matières GUIDE Excel (version débutante) Version 2013 1. Créer un nouveau document Excel... 3 2. Modifier un document Excel... 3 3. La fenêtre Excel... 4 4. Les rubans... 4 5. Saisir du texte
COURS BARDON - EXCEL 2010
COURS BARDON - EXCEL 2010 Sommaire EXCEL 2010 - INTRODUCTION 3 FONDAMENTAUX OFFICE 2010 3 EXCEL 3 1. L ECRAN 3 2. BARRE D ETAT : CALCULS ET MODES D AFFICHAGE 7 3. PARAMETRAGE DU LOGICIEL 7 Chapitre 1 GESTION
REPUBLIQUE ALGERIENNE DEMOCRATIQUE ET POPULAIRE MINISTERE DE LA FORMATION PROFESSIONNELLE. Microsoft. Excel XP
IFP Birkhadem Alger Rue des trois frères Djillali 1 REPUBLIQUE ALGERIENNE DEMOCRATIQUE ET POPULAIRE MINISTERE DE LA FORMATION PROFESSIONNELLE INSTITUT DE LA FORMATION PROFESSIONNELLE DE BIRKHADEM Initiation
Styler un document sous OpenOffice 4.0
Mars 2014 Styler un document sous OpenOffice 4.0 Un style est un ensemble de caractéristiques de mise en forme (police, taille, espacement, etc.) qui sert à structurer un document en l organisant de manière
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
RESPONSIVE DESIGN : Comment offrir à vos sites une adaptabilité parfaite?
RESPONSIVE DESIGN : Comment offrir à vos sites une adaptabilité parfaite? Medialibs, votre partenaire digital Quoi? Un partenaire pour une gestion globale du digital (un laboratoire R&D, éditeur de logiciels
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
Soyez accessible. Manuel d utilisation du CMS
Soyez accessible. Manuel d utilisation du CMS Nameo : mode d emploi Nameo est une agence web basée en Alsace, à Strasbourg. Son champ d action : création ou refonte de sites internet, stratégie et mise
Débuter avec Excel. Excel 2007-2010
Débuter avec Excel Excel 2007-2010 Fabienne ROUX Conseils & Formation 10/04/2010 TABLE DES MATIÈRES LE RUBAN 4 LE CLASSEUR 4 RENOMMER LES FEUILLES DU CLASSEUR 4 SUPPRIMER DES FEUILLES D UN CLASSEUR 4 AJOUTER
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
Uniformiser la mise en forme du document. Accélère les mises à jour. Permets de générer des tables de matières automatiquement.
Les styles Table des matières Les styles... 1 1. Tutoriels... 1 2. Pourquoi utiliser les styles?... 1 3. Qu'est-ce qu'un style?... 1 4. Utiliser les styles existants... 2 Afficher les styles... 2 Appliquer
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...
Note de cours. Introduction à Excel 2007
Note de cours Introduction à Excel 2007 par Armande Pinette Cégep du Vieux Montréal Excel 2007 Page: 2 de 47 Table des matières Comment aller chercher un document sur CVMVirtuel?... 8 Souris... 8 Clavier
{less} Guide de démarrage
{less Guide de démarrage Pré requis L'utilisation d'un pré processeur css nécessite son installation préalable. Vous pouvez choisir de tout installer du coté du serveur ou du coté du client. Votre site
Optimiser les e-mails marketing Les points essentiels
Optimiser les e-mails marketing Les points essentiels Sommaire Une des clés de succès d un email marketing est la façon dont il est créé puis intégré en HTML, de telle sorte qu il puisse être routé correctement
BUREAUTIQUE. 1 Journée. Maîtriser les fonctions de base du logiciel
BUREAUTIQUE Maîtriser les fonctions de base du logiciel Premiers pas dans Word - Présentation de l interface - Mode affichage écran - Méthode de Sélection, de Déplacement - La gestion crante des documents
Sommaire : Pourquoi créer un site web? Qu est-ce qu un site Web? Les différents types de sites. Quelles solutions peuvent être employées?
Sommaire : Pourquoi créer un site web? Qu est-ce qu un site Web? Les différents types de sites Quelles solutions peuvent être employées? Présentation d une des solutions Conclusion Aujourd hui le web est
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
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
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
Atelier Formation Pages sur ipad Pages sur ipad
Pages sur ipad 1/43 Table des matières Atelier Formation Pages sur ipad Introduction à Pages 3 Créer ou ouvrir un document 3 Créer ou ouvrir un document 3 Textes et images du modèle 4 Remplacer du texte
Grille fluide. Une grille fluide sert à structurer la mise en page, la rendre harmonieuse et faciliter le passage au responsive web design
Grilles Fluides CSS CREATION D UNE GRILLE FLUIDE Grille fluide Une grille fluide sert à structurer la mise en page, la rendre harmonieuse et faciliter le passage au responsive web design WWW.SUTTERLITY.FR
TP 5 Les CMS, la forme et le fond Internet et Outils (IO2)
TP 5 Les CMS, la forme et le fond Internet et Outils (IO2) Un site, tel que vous avez appris à en programmer jusqu à maintenant, contenant un ensemble de pages HTML embellies de quelques feuilles de styles,
Comment insérer une image de fond?
COMMUNICATION VISUELLE Mise en page à l aide d un traitement de texte Comment insérer une image de fond? Image Plein papier ou au Format utile qu est-ce que cela veut dire? La mise en page d un document
VOCABULAIRE LIÉ AUX ORDINATEURS ET À INTERNET
VOCABULAIRE LIÉ AUX ORDINATEURS ET À INTERNET Brancher / débrancher l ordinateur de la prise Allumer / éteindre l ordinateur : pour allumer ou éteindre l ordinateur vous devez appuyer sur le bouton On/off
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
COMMENT PUBLIER SUR ARIANE?
COMMENT PUBLIER SUR ARIANE? Rédacteur : Dr Michel Arnould 1. SOMMAIRE 1.Sommaire...1 2.Connexion...1 3.Gestion des pages du wiki...1 Ajouter une nouvelle page...1 Supprimer, renommer, protéger une page...1
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
Formation tableur niveau 1 (Excel 2013)
Formation tableur niveau 1 (Excel 2013) L objectif général de cette formation est de repérer les différents éléments de la fenêtre Excel, de réaliser et de mettre en forme un tableau simple en utilisant
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
Sommaire. 1/ Grille. 2/ Specs globales. 3/ Specs HP. 4/ Specs Questions. 5/ Specs Offre. 6/ Specs Faq. 7/ Comportements interactifs
Sommaire 1/ Grille 2/ Specs globales 3/ Specs HP 4/ Specs Questions 5/ Specs Offre 6/ Specs Faq 7/ Comportements interactifs 1/ Grille et breakpoints Desktop :
DÉFINITION DE LA NEWSLETTER : OUVERTURE DU LOGITIEL ETARGET
DÉFINITION DE LA NEWSLETTER : La newsletter est un OUVERTURE document qui DU informe LOGITIEL le ETARGET client sur l'actualité, sur les nouveautés ou sur un sujet particulier. Elle est souvent rédigée
Nouveautés de la version moodle 2.7
Nouveautés de la version moodle 2.7 Atto Éditeur de texte facile Le nouveau éditeur de texte dans Moodle à été développé spécialement pour convivialité et accessibilité. Au-dessus de la zone d'écriture
RACCOURCIS CLAVIERS. DEFINITION : Une «combinaison de touches» est un appui simultané sur plusieurs touches.
S Vous n aimez pas la souris Les raccourcis clavier sont là pour vous faciliter la vie! INTRODUCTION : Vous avez du mal à vous habituer à la manipulation de la souris Des solutions existent : les raccourcis
Manuel de mise en page de l intérieur de votre ouvrage
Manuel de mise en page de l intérieur de votre ouvrage Merci de suivre strictement les recommandations de ce manuel qui a pour but de vous aider à préparer un livre dont la qualité de mise en page est
Utilisation de l'outil «Open Office TEXTE»
PRESENTATION / FORMATION Utilisation de l'outil «Open Office TEXTE» Présentation générale : OpenOffice Texte est un traitement de texte assez similaire à celui proposé par Microsoft ; il est d'ailleurs
CREER ET ANIMER SON ESPACE DE TRAVAIL COLLABORATIF
CREER ET ANIMER SON ESPACE DE TRAVAIL COLLABORATIF SOMMAIRE Sommaire... 2 Un espace de travail collaboratif, pourquoi faire?... 3 Créer votre espace collaboratif... 4 Ajouter des membres... 6 Utiliser
12 Tableaux croisés dynamiques
12 Le tableau croisé dynamique est l un des meilleurs outils de synthèse que propose Excel. Ne vous laissez pas intimidé par ce nom barbare et surtout, oubliez les inconvénients et les lourdeurs des précédentes
Prise en main rapide
Prise en main rapide 4 Dans cette leçon, vous découvrirez les fonctionnalités de création de page web de Dreamweaver et apprendrez à les utiliser dans l espace de travail. Vous apprendrez à : définir un
Responsive Web Design. Responsive Design avec HTML 5.0 et CSS3
Ivan MADJAROV Responsive Design avec HTML 5.0 et CSS3 HTML5 CSS3 IvMad - 2013 2 La spécification CSS3 Media Queries (requêtes de media) définit les techniques pour adapter de feuilles de styles en fonction
RAPPORT AUDIT SEO. Élaboré à l'attention de : Monsieur Greber Élaboré par : Cédric Peinado
- RAPPORT AUDIT SEO Élaboré à l'attention de : Monsieur Greber Élaboré par : Cédric Peinado 17 septembre 2013 Table des matières Optimisation structurelle 2 Optimisation des standards, performances et
qwertyuiopasdfghjklzxcvbnmqwerty uiopasdfghjklzxcvbnmqwertyuiopas dfghjklzxcvbnmqwertyuiopasdfghjklz mqwertyuiopasdfghjklzxcvbnmqwert
qwertyuiopasdfghjklzxcvbnmqwerty uiopasdfghjklzxcvbnmqwertyuiopas dfghjklzxcvbnmqwertyuiopasdfghjklz INITIATION à Word 2007 xcvbnmqwertyuiopasdfghjklzxcvbn Cours informatiques Année 2009/2010 mqwertyuiopasdfghjklzxcvbnmqwert
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
Responsive Web Design. La Rochelle, Avril 2014
Responsive Web Design La Rochelle, Avril 2014 Mohamed Belmokhtar Université de La Rochelle Germain Souquet Université de La Rochelle Sommaire Qu est-ce que le responsive web design? Les différentes approches
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
Création d articles sur le site web du GSP
Création d articles sur le site web du GSP Mode d emploi pour les membres du groupe spéléo Porrentruy. www.speleoporrentruy.ch 1 Article avec photo et document pdf sur le site du groupe spéléo Porrentruy
3. RÉALISATION ET QUALIFICATION D UN PROTOTYPE 3.1 Réalisation d un prototype CRÉATION D UNE PAGE WEB STATIQUE AU FORMAT HTML
Page:1/20 CRÉATION D UNE PAGE WEB STATIQUE AU FORMAT HTML Objectifs de l activité pratique : Notions sur le HTML, le WEB et le W3C Créer une page web statique au format HTML : - les marqueurs ou balises
Sage 100 CRM - Guide de la Fusion Avancée Version 8. Mise à jour : 2015 version 8
Sage 100 CRM - Guide de la Fusion Avancée Version 8 Mise à jour : 2015 version 8 Composition du progiciel Votre progiciel est composé d un boîtier de rangement comprenant : le cédérom sur lequel est enregistré
MAÎTRISE DE L ENVIRONNEMENT WINDOWS VISTA
MAÎTRISE DE L ENVIRONNEMENT WINDOWS VISTA OBJECTIFS : manipuler les fenêtres et l environnement Windows, gérer ses fichiers et dossiers, lancer les applications bureautiques présentes sur son poste. PUBLIC
HMI target Visu / PLC HMI. Pour réaliser une interface homme machine avec PLC control
HMI target Visu / PLC HMI Pour réaliser une interface homme machine avec PLC control VERSION : 1.4 / PH DATE : 5 Novembre 2014 Sommaire Ce manuel explique de manière pratique les étapes successives pour
Avant-propos FICHES PRATIQUES EXERCICES DE PRISE EN MAIN CAS PRATIQUES
Avant-propos Conçu par des pédagogues expérimentés, son originalité est d être à la fois un manuel de formation et un manuel de référence complet présentant les bonnes pratiques d utilisation. FICHES PRATIQUES
AGASC / BUREAU INFORMATION JEUNESSE 06700 Saint Laurent du Var Tel : 04.93.07.00.66 bij@agasc.fr www.agasc.fr. Word: Les tableaux.
Word: Les tableaux Introduction 6 ième partie Il est préférable par moments de présenter de l'information sous forme de tableau. Les instructions qui suivent démontrent comment créer un tableau et comment
Parcours FOAD Formation EXCEL 2010
Parcours FOAD Formation EXCEL 2010 PLATE-FORME E-LEARNING DELTA ANNEE SCOLAIRE 2013/2014 Pôle national de compétences FOAD Formation Ouverte et A Distance https://foad.orion.education.fr Livret de formation
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
MODE D EMPLOI DU MODULE D E-COMMERCE
MODE D EMPLOI DU MODULE D E-COMMERCE Cher client, Merci d entrer avec l équipe de Dakota dans l ère novatrice du commerce par internet. Ce document va vous guider dans les diverses opérations relatives
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
EXCEL TUTORIEL 2012/2013
EXCEL TUTORIEL 2012/2013 Excel est un tableur, c est-à-dire un logiciel de gestion de tableaux. Il permet de réaliser des calculs avec des valeurs numériques, mais aussi avec des dates et des textes. Ainsi
La saisie d un texte
La saisie d un texte On utilise le clavier pour la saisie des textes. C est une partie importante du travail. Il est indispensable de respecter un certain nombre de règles pour que le travail soit plus
SOUTENANCE ORALE RAPPORT DE PROJET D INFORMATIQUE
SOUTENANCE ORALE RAPPORT DE PROJET D INFORMATIQUE SITE INTERNET DE L ASSOCIATION Diapositive 1 RAPPORT DE PROJET Site internet de l association INTRODUCTION 1) Je m appelle Léonard STRONG. 2) Oral de présentation
Magento. Magento. Réussir son site e-commerce. Réussir son site e-commerce BLANCHARD. Préface de Sébastien L e p e r s
Mickaël Mickaël BLANCHARD BLANCHARD Préface de Sébastien L e p e r s Magento Préface de Sébastien L e p e r s Magento Réussir son site e-commerce Réussir son site e-commerce Groupe Eyrolles, 2010, ISBN
Date M.P Libellé Catégorie S.Catégorie Crédit Débit Solde S.B
Excel : Réalisation d un classeur Compta Saisir les étiquettes Renommer la première feuille Compta Laisser la première ligne vide et sur la deuxième ligne saisir les étiquettes Se placer sur A2 et saisir
Numbers sur ipad. Atelier Formation Numbers sur ipad. [Notes extraitres de l'aide en ligne]
![Numbers sur ipad. Atelier Formation Numbers sur ipad. [Notes extraitres de l'aide en ligne]](/thumbs/23/1774486.jpg "Numbers sur ipad. Atelier Formation Numbers sur ipad. [Notes extraitres de l'aide en ligne]")
Numbers sur ipad [Notes extraitres de l'aide en ligne] Table des matières Atelier Formation Numbers sur ipad Introduction à Numbers 4 Créer ou ouvrir une feuille de calcul 4 Créer ou ouvrir une feuille
WORDPRESS : réaliser un site web
WORDPRESS : réaliser un site web Wordpress est un système de gestion de contenu (ou CMS) libre. Il permet de créer des sites relativement complexes (blog, forum, site vitrine, site dynamique), sans qu
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
Création d un site Internet
Création d un site Internet Weebly.com Johanne Raymond Collège Lionel Groulx, mai 2010 Service du soutien à l enseignement et Plan de réussite Ouvrir un compte sur Weebly... 1 Modifier le modèle... 2 Ajouter
Comment mettre en page votre livre
GUIDE - ImprimermonLivre.com Comment mettre en page votre livre www.imprimermonlivre.com 1 V. 20131125 Conseils pour la mise en page de votre ouvrage L objectif de ce guide est de vous aider à réaliser
Table des matières & Index Partie première : Table des matières Jean-Yves Lucca
& Index Partie première : Jean-Yves Lucca Première édition du 14 novembre 2005 Version du 10 mai 2012 réalisée avec AOO 3.4.0 Le site du Forum francophone OpenOffice.org http://user.services.openoffice.org/fr/forum/
INTRODUCTION AU CMS MODX
INTRODUCTION AU CMS MODX Introduction 1. Créer 2. Organiser 3. Personnaliser UNE PETITE INTRODUCTION QUEST-CE QU UN CMS? CMS est l acronyme de Content Management System. C est outil qui vous permet de
Spétechs Mobile. D e r n i è r e m i s e à j o u r : a o û t 2014
Spétechs Mobile D e r n i è r e m i s e à j o u r : a o û t 2014 Généralités Envoi des créas à Amandine Canu, responsable traffic mobile : acanu@hi-media.com Mettre en copie de votre e-mail votre contact
Manuel d utilisation du module Liste de cadeaux PRO par Alize Web
Manuel d utilisation du module Liste de cadeaux PRO par Alize Web INSTALLER ET CONFIGURER LE MODULE (BACK OFFICE) 2 Réglages des performances 2 Télécharger le module 3 Installer le module 4 Configurer
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,
INITIATION AU LANGAGE C SUR PIC DE MICROSHIP
COURS PROGRAMMATION INITIATION AU LANGAGE C SUR MICROCONTROLEUR PIC page 1 / 7 INITIATION AU LANGAGE C SUR PIC DE MICROSHIP I. Historique du langage C 1972 : naissance du C dans les laboratoires BELL par
Formation Word/Excel. Présentateur: Christian Desrochers Baccalauréat en informatique Clé Informatique, 15 février 2007
Formation Word/Excel Présentateur: Christian Desrochers Baccalauréat en informatique Clé Informatique, 15 février 2007 1 Avant de débuter Qui suis-je? À qui s adresse cette présentation? Petit sondage
ContactForm et ContactFormLight - Gestionnaires de formulaire pour Prestashop Edité par ARETMIC S.A.
ContactForm et ContactFormLight - Gestionnaires de formulaire pour Prestashop Edité par ARETMIC S.A. - 1 - PREAMBULE Les conditions générales d utilisation détaillant l ensemble des dispositions applicables