KOMPOZER CRÉER UNE PAGE WEB AVEC KOMPOZER. Qu est ce que le langage HTML? Qu est ce que Kompozer?

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

Download "KOMPOZER CRÉER UNE PAGE WEB AVEC KOMPOZER. Qu est ce que le langage HTML? Qu est ce que Kompozer?"

Transcription

1 KOMPOZER Qu est ce que le langage HTML? Qu est ce que Kompozer? Les écrans de Kompozer Créer une page Le corps Insérer du texte Insérer de l image Insérer des liens Insérer des ancres Insérer des tableaux Insérer des cadres Publier son site

2 0 Qu est ce que le langage HTML? HTML : HyperText Markup Langage Structure d un fichier HTML (d une page web) : <!-- DATE DE CREATION: 18/03/ > <HTML> Commentaires <HEAD> <TITLE></TITLE> <META NAME="Description" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Author" CONTENT=«test"> <META NAME="Generator" CONTENT="WebExpert"> </HEAD> En-tête «méta données» Fichier <BODY> Bonjour! </BODY> </HTML> données Corps

3 0 Qu est ce que le langage HTML? Données intra-balises et de description générale <TABLE WIDTH=50% BORDER=1 ALIGN="CENTER" BGCOLOR="#00FF00" BORDERCOLOR="#808080"> <TR> <TD ALIGN="JUSTIFY" VALIGN="MIDDLE">DESS</TD> <TD ALIGN="JUSTIFY" VALIGN="MIDDLE">MONTAGNE</TD> </TR> <TR> <TD ALIGN="JUSTIFY" VALIGN="MIDDLE">OPTION</TD> <TD ALIGN="JUSTIFY" VALIGN="MIDDLE">WEB</TD> </TR> </TABLE> <BODY BGCOLOR="#808080" TEXT="#000080" LINK="#FF0000" VLINK="#00FF00" ALINK="#800000"> <FONT FACE="Dauphin" COLOR="#FFFFFF">Allo maman bobo</font> </BODY>

4 0 Qu est ce que le langage HTML? Le HTML n est pas un langage de programmation, c est un simple fichier texte contenant des balises de mise en forme. Balises simples : <BR> <P> Balises de mise en forme de texte ou d image : UNE BALISE DE MISE EN FORME OUVERTE <> DOIT TOUJOURS ETRE FERMEE </> <b>bravo</b> <i>bravo</i> <center><b>bravo</b></center> <TABLE> <HTML> Balises de structures imbriquées : <TR> <TD></TD> <TD></TD> </TR> <TR> <TD></TD> <TD></TD> </TR> </TABLE> <HEAD> </HEAD> <BODY> </BODY> </HTML>

5 1 Qu est ce que Kompozer? Logiciel de création de pages html (type Dreamweaver, Golive ) Outil WYSIWYG : what you see is what you get composition visuelle du résultat sans avoir à programmer directement sur les lignes de code Outil gratuit et Open source (anciennement NVU) complet pour la création et la gestion de sites Internet Téléchargement et liens utiles en français :

6 2 Les écrans de Kompozer Fenêtre de travail LANCER KOMPOZER Changement de mode de création

7 2 Les écrans de Kompozer 3 possibilités d affichage de la page sous Kompozer : Conception : visualisation de type navigateur Mixte : type navigation + code source de la zone de travail Source :UniquementlecodesourceHTMLdetoute la page Il est souvent pratique de vérifier certaines caractéristiques directement sur le code source

8 3 Créer une page Le corps On commence par gérer en amont les caractéristiques de base de la page : les couleurs de fonds, de texte : c est le corps (body) Menu FORMAT Couleurs et fonds de page On gère également les métadonnées qui seront inscrites dans les premières lignes de codes (et recherchées par les moteurs) : titre, auteur Menu FORMAT Titre et propriétés de la page

9 4 Insérer du texte Tout simplement écrire dans la fenêtre de travail Sélectionner le texte Lui donner des caractéristiques Menu FORMAT Pour tester des paragraphes : utiliser le faux texte «bolo bolo» (Lorem Ipsum) Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

10 5 Insérer de l image Menu INSERTION Image Attention à bien vérifier l emplacement de l image : il faut structurer son site web avec des répertoires et des sous-répertoires propres qui seront transférés intégralement sur serveur Attention aux noms des images

11 6 Insérer des liens Menu INSERTION Lien Penser à spécifier la fenêtre et le cadre ATTENTION : Kompozer ne sait pas générer des pages de cadre, il faut le programmer avant

12 7 Insérer des ancres Une ancre permet de faire un lien à l intérieur d une page pour aller directement vers une position pointée Générer une page avec suffisamment de texte Commencer par créer l endroit ciblé dans le texte Menu INSERTION Ancre Puis sélectionner le mot qui pointera vers l ancre Menu INSERTION Lien Liste déroulante : #nom de l ancre Lien vers ancre Ancre

13 8 Insérer des tableaux 90% de la mise en page d une page Internet est réalisée sous forme de tableau. Il faut s habituer à structurer toute son information (texte, images ) sous forme de tableaux imbriqués et mis en page Menu INSERTION Tableau

14 9 Insérer des cadres Kompozer ne sait pas générer des cadres (frames), c est-à-dire des pages composées de plusieurs pages. Il faut le faire via un autre outil (traitement de texte par exemple) <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>exemple de frames</title> </head> <frameset rows="185,*" cols="*" framespacing="0" frameborder="no" border="0"> <frame src="bandeau.html" name="haut" scrolling="auto" noresize="noresize" id="topframe" title="topframe" /> <frameset rows="*" cols="204,*" framespacing="0" frameborder="no" border="0"> <frame src="menu.html" name="menu" scrolling="auto" noresize="noresize" id="leftframe" title="leftframe" /> <frame src="corps.html" name="corps" scrolling="auto" id="mainframe" title="mainframe" /> </frameset> </frameset> <noframes><body> </body> </noframes></html> Bandeau.html corps.html Voici un exemple de page HTML composée de 3 fichiers montés en cadre

15 10 Publier son site Plusieurs solutions pour publier son site : Générer directement sa page web sur un serveur d accueil gratuit (type Google site), dans le même principe que la gestion de blog Créer sa page personnelle chez soi et la transférer chez un hébergeur via des outils de type ftp (avec les abonnements Internet ou téléphone le prestataire propose souvent de l espace disque pour page Internet) Avoir son propre serveur Se faire connaitre : Acheter son propre nom de domaine Se déclarer aux moteurs de recherche Se faire des liens «amis»

PLATEFORME GRAPHIQUE INSTITUT DU NOUVEAU MONDE

PLATEFORME GRAPHIQUE INSTITUT DU NOUVEAU MONDE PLATEFORME GRAPHIQUE INTRODUCTION 01 Ce guide de normes a pour but d assurer à l Institut du nouveau monde une image uniforme et puissante, de communiquer la cohérence des gestes, des services et des politiques

Plus en détail

02/2011. charte graphique d arte pour le print

02/2011. charte graphique d arte pour le print 02/2011 charte graphique d arte pour le print C o r p o r at e d e s i g n P r i n t 5 C H A R T E G R A P H I Q U E 50 PA P E T E R I E D E N T R E P R I S E 78 E X E M P L E S D A P P L I C AT I O N

Plus en détail

Bien encaisser en ligne 1. Panorama des moyens de paiement 2. Le point sur la fraude. Club PME 2.0 22/10/2012 @awtbe Damien Jacob

Bien encaisser en ligne 1. Panorama des moyens de paiement 2. Le point sur la fraude. Club PME 2.0 22/10/2012 @awtbe Damien Jacob Bien encaisser en ligne 1. Panorama des moyens de paiement 2. Le point sur la fraude Club PME 2.0 22/10/2012 @awtbe Damien Jacob Plan A. Les différents moyens d encaisser en ligne I. Paiement en direct

Plus en détail

GESTION DES CONNAISSANCES AU GEIPAN

GESTION DES CONNAISSANCES AU GEIPAN GESTION DES CONNAISSANCES AU GEIPAN FONDEMENTS DE LA FUTURE PLATEFORME DE GESTION DES CONNAISSANCES ET STRATÉGIE DE TRAVAIL COLLABORATIF DU GEIPAN MICHAEL VAILLANT SYSTÈME DE GESTION DES CONNAISSANCES?

Plus en détail

Parler. DU Rotary. Charte graphique à l usage des Rotariens

Parler. DU Rotary. Charte graphique à l usage des Rotariens Parler DU Rotary à l usage des Rotariens «le plus bel accomplissement... est le résultat d une parfaite coordination entre le cœur, la tête et les bras.» Paul P. Harris Sommaire Introduction Notre look

Plus en détail

PARLONS ROTARY. Charte graphique à l usage des Rotariens

PARLONS ROTARY. Charte graphique à l usage des Rotariens PARLONS ROTARY à l usage des Rotariens «LE PLUS BEL ACCOMPLISSEMENT... EST LE RÉSULTAT D UNE PARFAITE COORDINATION ENTRE LE CŒUR, LA TÊTE ET LES BRAS.» PAUL P. HARRIS Sommaire INTRODUCTION NOTRE LOOK TISSONS

Plus en détail

Pour votre succès : acier et solutions intelligentes

Pour votre succès : acier et solutions intelligentes Pour votre succès : acier et solutions intelligentes Tout commence avec l acier : l acier dont vous, notre client, avez besoin pour votre succès sur le marché. Un acier d une qualité déterminée, avec les

Plus en détail

Conduite et présentation des activités professionnelles. Prénom NOM BTS Assurance. Session 20XX

Conduite et présentation des activités professionnelles. Prénom NOM BTS Assurance. Session 20XX Prénom NOM BTS Assurance Session 20XX ( image de votre choix en harmonie avec l enseigne thème et couleur) Conduite et présentation des activités professionnelles I / Contexte A / Présentation de l agence

Plus en détail

Avantages et méthode de la bonne gouvernance d'entreprise - le cas pratique des PSF

Avantages et méthode de la bonne gouvernance d'entreprise - le cas pratique des PSF Avantages et méthode de la bonne gouvernance d'entreprise - le cas pratique des PSF Agenda Notre objectif Avantages et méthode de la bonne gouvernance d'entreprise - le cas pratique des PSF Vu par Vectis

Plus en détail

Mise à jour : janvier 2015 POURQUOI ET COMMENT OPTIMISER LES VISUELS

Mise à jour : janvier 2015 POURQUOI ET COMMENT OPTIMISER LES VISUELS Mise à jour : janvier 2015 POURQUOI ET COMMENT OPTIMISER LES VISUELS QUI EST MAXIWEB? Maxiweb est une agence digitale pas comme les autres. Un seul objectif : faire de vous le ROI Pôle Consulting Pôle

Plus en détail

Le Portfolio d une... Marion Bossaton. #Curieuse #Créative #Connectée

Le Portfolio d une... Marion Bossaton. #Curieuse #Créative #Connectée Le Portfolio d une... Marion Bossaton #Curieuse #Créative #Connectée À travers ce book interactif, je souhaite vous faire découvrir mon panel de compétences. J ai eu l occasion de travailler sur des projets

Plus en détail

Tour d horizon des CMS. Content Management System

Tour d horizon des CMS. Content Management System Tour d horizon des CMS Content Management System Qu est ce qu un CMS? C est un Sytème de gestion de contenus Gestion dynamique de contenus en ligne Contenus suivant les standards du web Séparation du contenu,

Plus en détail

- Génération de trafic - Analyse du comportement des visiteurs

- Génération de trafic - Analyse du comportement des visiteurs Les Rencontres TIC - Génération de trafic - Analyse du comportement des visiteurs Qui sommes nous? Agence WSI en Franche-Comté WSI est certifié WSI est membre du SEMPO (Search Engine Marketing Professional

Plus en détail

Énergie Texte : Gwenola Doaré Photos : Refuge de Sarenne/Espace Visuel Digital

Énergie Texte : Gwenola Doaré Photos : Refuge de Sarenne/Espace Visuel Digital Texte : Gwenola Doaré Photos : Refuge de Sarenne/Espace Visuel Digital Le chalet reconstruit en 2003 avec du bois abattu par la tempête de 1999 dans le Jura. À 2 000 m d altitude, le chalet est exposé

Plus en détail

Plateforme publicitaire Entreprendre. Guide de normes

Plateforme publicitaire Entreprendre. Guide de normes Plateforme publicitaire Entreprendre Guide de normes 4 mars 2015 Table des matières La typographie... 4 Les unités de mesure... 4 Les images et les messages... 5 La grille de base... 6 Le bloc texte...

Plus en détail

e-commerce+ Solution globale e-commerce Trafic web E-commerce BtoB Travailler les contenus d'un site e-commerce : un critère de qualité

e-commerce+ Solution globale e-commerce Trafic web E-commerce BtoB Travailler les contenus d'un site e-commerce : un critère de qualité et aussi à Marseille, Nîmes, Toulouse et Nantes. RENCONTREZ-NOUS E-commerce Paris 2013 VAD e-commerce Lille 2013 e-commerce+ LETTRE D INFORMATION D OCTAVE.BIZ + d'infos en dernière page PAGE PAGE PAGE

Plus en détail

Qui sommes-nous? Buddyweb est une agence digitale spécialisée dans les projets web et mobiles.

Qui sommes-nous? Buddyweb est une agence digitale spécialisée dans les projets web et mobiles. Présentation 2014 Qui sommes-nous? Buddyweb est une agence digitale spécialisée dans les projets web et mobiles. Nous créons des solutions qui ont un impact positif sur les utilisateurs de nos produits,

Plus en détail

Les sites Internet dynamiques. contact : Patrick VINCENT pvincent@erasme.org

Les sites Internet dynamiques. contact : Patrick VINCENT pvincent@erasme.org Les sites Internet dynamiques contact : Patrick VINCENT pvincent@erasme.org Qu est-ce qu un site Web? ensemble de pages multimédia (texte, images, son, vidéo, ) organisées autour d une page d accueil et

Plus en détail

«Cachez-moi cette page!»

«Cachez-moi cette page!» «Cachez-moi cette page!» Atelier Pratique 1h30 Hugo Hamon (@hhamon) http://hugohamon.com Qui suis-je? Au menu de cet atelier 1. Introduction 2. Avantages 3. Expiration (Expires & Cache-Control) 4. Validation

Plus en détail

TRAVELEASY GILLIAN SOKOLOFF ET MARCELLO CARLINO 1BGDB

TRAVELEASY GILLIAN SOKOLOFF ET MARCELLO CARLINO 1BGDB L aventure Lone Survivor est avant tout une expérience de survie. You est un personnage faible et très seul. Il n a pas de passé, enfin il l a oublié. Au début du jeu, le joueur n a pas de nourriture,

Plus en détail

Élaborer une charte graphique. Comment élaborer une charte graphique?

Élaborer une charte graphique. Comment élaborer une charte graphique? INFOGRAPHIE MATRICIELLE Élaborer une charte graphique Version 1.0 en date du 19/12/2012 Comment élaborer une charte graphique? Document de formation (Largement inspiré de l excellent tutoriel de Yannick

Plus en détail

ATHOMEMAGAZINE. Les prix de l immobilier au Luxembourg!

ATHOMEMAGAZINE. Les prix de l immobilier au Luxembourg! Les prix de l immobilier au Luxembourg! Madame, Monsieur, Chers agents, Chers clients, Le prochain numéro d athomemagazine sortira pour la fin du mois de mars 2015. Pour cette édition, nous vous proposons

Plus en détail

GE Measurement & Control. Intecal v10. Logiciel de gestion d'étalonnage

GE Measurement & Control. Intecal v10. Logiciel de gestion d'étalonnage GE Measurement & Control Intecal v10 Logiciel de gestion d'étalonnage Solution d'étalonnage de GE L'étalonnage est un élément important de la maintenance des procédés d'instrumentation. S'assurer que l'instrumentation

Plus en détail

Cyril Codogno Concepteur centré utilisateur / Architecte d'information. Book.08

Cyril Codogno Concepteur centré utilisateur / Architecte d'information. Book.08 Cyril Codogno Concepteur centré utilisateur / Architecte d'information Book.08 Cyril Codogno 25 rue du Bizet - 95100 Argenteuil 06 26 56 46 29 / cyril.codogno@gmail.com 27ans - Permis B Site perso ( en

Plus en détail

Le point sur les services en ligne employeurs

Le point sur les services en ligne employeurs DATE Émetteur rappel du titre général de la présentation Le point sur les services en ligne employeurs de l Assurance Maladie Déclaration d accident du travail ou de trajet, attestation de salaire, bordereaux

Plus en détail

Publier dans la Base Documentaire

Publier dans la Base Documentaire Site Web de l association des ingénieurs INSA de Lyon Publier dans la Base Documentaire Remarque : la suppression des contributions n est pas possible depuis le Front-Office. lbuisset Page 1 18/09/2008

Plus en détail

LA VISION DU BARILLA CENTER FOR FOOD & NUTRITION

LA VISION DU BARILLA CENTER FOR FOOD & NUTRITION LA VISION DU BARILLA CENTER FOR FOOD & NUTRITION Le Barilla Center for Food & Nutrition (BCFN) est un centre d analyse et d élaboration de projets, caractérisé par une méthode pluridisciplinaire, qui poursuit

Plus en détail

Comprendre l ictère du nouveau-né

Comprendre l ictère du nouveau-né MT-3426-2007 Comprendre l ictère du nouveau-né Dräger. La technologie pour la vie. 02 LIVRET DRÄGER ICTERE Qu est-ce que l ictère? Si quelqu un dit «votre bébé a un ictère/une jaunisse», cela signifie

Plus en détail

Utiliser un CMS: Wordpress

Utiliser un CMS: Wordpress Utiliser un CMS: Wordpress Annie Danzart Annie.Danzart@telecom-paristech.fr Wordpress Concevoir un site web statique Concevoir un site web dynamique Choisir un hébergement Choix du CMS Wordpress: installation

Plus en détail

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

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

Plus en détail

STUDIO INDEPENDANT DE CREATION GRAPHIQUE BOOK

STUDIO INDEPENDANT DE CREATION GRAPHIQUE BOOK STUDIO INDEPENDANT DE CREATION GRAPHIQUE BOOK identite visuelle CREATION print web design illustration & peinture 4 1 RS Com Neuve 2 Identité visuelle : 1_Logotype 2_Carte de visite 3_Décoration véhicule

Plus en détail

<Créer un site Web. avec/> Suzanne Harvey

<Créer un site Web. avec/> Suzanne Harvey aire l o c s texte n o c le Dans Suzanne Harvey Conseillère pédagogique en informatique Service local du RÉCIT Commission scolaire de Saint-Hyacinthe Québec, Canada suzanne.harvey@prologue.qc.ca

Plus en détail

expo communication visuelle expographie expographie communication visuelle impression numérique création graphique matériel

expo communication visuelle expographie expographie communication visuelle impression numérique création graphique matériel atum dip er aliquis atis eugiatum euisim aute mod min elis acidunt lore tatem ipsum ing et utem ex exer sendiam vulluptat lam, sustie ver alisl iliquat lorem zzrilis do etum quismod oloborting ex eu faccum

Plus en détail

Internet personnel. Auteur: Guillaume GUAY La Clé Informatique Université de Sherbrooke, mars 2006

Internet personnel. Auteur: Guillaume GUAY La Clé Informatique Université de Sherbrooke, mars 2006 Création d un d site Internet personnel Auteur: Guillaume GUAY La Clé Informatique Université de Sherbrooke, mars 2006 1-2-3 Étapes de mise sur pied d un d site Internet personnel! 1 - Création des fichiers

Plus en détail

Publier un Carnet Blanc

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,

Plus en détail

LE DÉCLIC DU COUPE-FEU.

LE DÉCLIC DU COUPE-FEU. Logiciel Assistant projets coupe-feu Hilti CFS-DM LE DÉCLIC DU COUPE-FEU. Hilti. Performance. Fiabilité. Hilti CFS-DM Assistant Projets Coupe-Feu UNE INSTATION PLANIFIEE ET DOCUMENTEE. Pour la première

Plus en détail

Comment les moteurs de recherche voient votre site?

Comment les moteurs de recherche voient votre site? Optimisation d un site pour le référencement naturel JVWEB Comment les moteurs de recherche voient votre site? 2 Comment les moteurs de recherche voient votre site? 3 1. Le référencement naturel aujourd

Plus en détail

Les outils de création de sites web

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

Plus en détail

Bombardier Guide des NORMES. L évolution de la mobilité

Bombardier Guide des NORMES. L évolution de la mobilité Bombardier Guide des NORMES GRAPHIQUES de la marque L évolution de la mobilité Mise à jour : janvier 2015 À PROPOS DE CE GUIDE Ce document vous fournit les informations et les outils nécessaires pour comprendre

Plus en détail

TIC. Réseau informatique. Historique - 1. Historique - 2. TC - IUT Montpellier Internet et le Web

TIC. Réseau informatique. Historique - 1. Historique - 2. TC - IUT Montpellier Internet et le Web Réseau informatique TIC TC - IUT Montpellier Internet et le Web Ensemble d'ordinateurs reliés entre eux et échangeant des informations sous forme de données numériques But : Rendre disponible l information

Plus en détail

MODE D EMPLOI WORDPRESS

MODE D EMPLOI WORDPRESS MODE D EMPLOI WORDPRESS Comment gérer votre site internet 1 Pour ce mode d emploi, nous allons prendre l exemple de la gestion du site jcebretagne.org Tout d abord, une suite d'article qui peuvent être

Plus en détail

WORDPRESS : réaliser un site web

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

Plus en détail

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

Plus en détail

INTERNET est un RESEAU D ORDINATEURS RELIES ENTRE EUX A L ECHELLE PLANETAIRE. Internet : interconnexion de réseaux (anglais : net = réseau)

INTERNET est un RESEAU D ORDINATEURS RELIES ENTRE EUX A L ECHELLE PLANETAIRE. Internet : interconnexion de réseaux (anglais : net = réseau) CS WEB Ch 1 Introduction I. INTRODUCTION... 1 A. INTERNET INTERCONNEXION DE RESEAUX... 1 B. LE «WEB» LA TOILE, INTERCONNEXION DE SITES WEB... 2 C. L URL : LOCALISER DES RESSOURCES SUR L INTERNET... 2 D.

Plus en détail

E-COMMERCE TRANSFORMEZ LES CLICS EN CLIENTS

E-COMMERCE TRANSFORMEZ LES CLICS EN CLIENTS E-COMMERCE TRANSFORMEZ LES CLICS EN CLIENTS 26/10/2011 1 Transformez vos clics en clients! - Concepts clés de l e-commerce Damien Jacob, AWT - Optimiser l existant pour augmenter le taux de conversion.

Plus en détail

Web Agency. Kevin Papot Christophe De Almeida. Anthony Moysan. Faye Hughes. Thomas Faganello

Web Agency. Kevin Papot Christophe De Almeida. Anthony Moysan. Faye Hughes. Thomas Faganello Web Agency Anthony Moysan Faye Hughes Kevin Papot Christophe De Almeida Thomas Faganello Sommaire Introduction 3 Qui sommes nous? Une équipe à vos cotés Le blogging 5 Pourquoi? Quelques statistiques 3

Plus en détail

Le réseau Internet. Christian.Fondrat@dsi.univ-paris5.fr

Le réseau Internet. Christian.Fondrat@dsi.univ-paris5.fr Le réseau Internet Christian.Fondrat@dsi.univ-paris5.fr Un réseau Définition : Un réseau est un ensemble d ordinateurs connectés et qui communiquent entre eux. Classification : Réseau local (LAN = Local

Plus en détail

REALISER UN SITE INTERNET AVEC IZISPOT SOMMAIRE

REALISER UN SITE INTERNET AVEC IZISPOT SOMMAIRE REALISER UN SITE INTERNET AVEC IZISPOT Voici un tutoriel pour vous aider à réaliser un petit site internet (4 pages) à l'aide du logiciel gratuit IZISPOT. Dans l'exemple qui suit, il s'agit de mettre en

Plus en détail

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

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

Plus en détail

Pollution, stress, fatigue, déplacement : Où en êtes-vous avec la mobilité?

Pollution, stress, fatigue, déplacement : Où en êtes-vous avec la mobilité? DATE Émetteur rappel du titre général de la présentation Pollution, stress, fatigue, déplacement : Où en êtes-vous avec la mobilité? Salon Expoprotection 4 au 7 décembre 2012 1 Lorem ipsum dolor sit amet,

Plus en détail

Formations. Green Expertise 2014. Des formations opérationnelles adaptées au secteur du Tourisme. P r o g r a m m e s

Formations. Green Expertise 2014. Des formations opérationnelles adaptées au secteur du Tourisme. P r o g r a m m e s Formations Green 2014 P r o g r a m m e s D u r é e : 1 j o u r n é e 7 h 0 0 FG1 Engager une démarche environnementale : pourquoi, comment? FG2 Mettre en place un label environnemental : se préparer à

Plus en détail

Diffuser un contenu sur Internet : notions de base... 13

Diffuser un contenu sur Internet : notions de base... 13 Diffuser un contenu sur Internet : notions de base... 13 1.1 Coup d œil sur l organisation de cet ouvrage.............. 15 Préambule : qu est-ce qu une page web?................ 16 À propos du HTML...........................

Plus en détail

Fais ton site internet toi-même

Fais ton site internet toi-même Fais ton site internet toi-même avril 2010 Pourquoi faire son site soi-même? Aujourd hui, créer un blog/site internet, c est facile : on va sur n importe quel hébergeur, on s inscrit, on remplit un formulaire,

Plus en détail

EXTENSION WORDPRESS. Contact Form 7. Proposé par :

EXTENSION WORDPRESS. Contact Form 7. Proposé par : Contact Form 7 Proposé par : Sommaire Sommaire... 2 Présentation... 3 I. Le Tutoriel... 3 1) Espace de travail... 3 2) Téléchargez les extensions nécessaires... 3 3) Configuration du Formulaire... 7 1)

Plus en détail

MAILING KOMPOZER... 2 CREEZ UNE PAGE... 2 FORMAT DE LA PAGE... 2 AJOUTER DU TEXTE SUR UNE PAGE... 4

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

Plus en détail

Plan. Avant de créer son site. Quelques logiciels complémentaires

Plan. Avant de créer son site. Quelques logiciels complémentaires Internet, créer son site personnel. Yves Roger Cornil Microcam06, Fréjus Vous Accueille 7 mars 2005 Plan Pourquoi publier sur Internet? Quelques prérequis et quelques logiciels Combien ça coûte? Rappels

Plus en détail

à l édition de textes

à l édition de textes Introduction à l édition de textes Introduction Le traitement de texte consiste en la création et la modification de textes (appelés aussi documents) à l'aide d'un ordinateur. Les premiers logiciels de

Plus en détail

CREER UN PETIT SITE WEB EN COMPOSANT DES PAGES HTML

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

Plus en détail

Projet en nouvelles technologies de l information et de la communication

Projet en nouvelles technologies de l information et de la communication Projet en nouvelles technologies de l information et de la communication Site Web universitaire du Prof. Jacques Moeschler. Nono Steeve Semestre de printemps 2013 Sous la direction du Prof Luka Nerima

Plus en détail

CRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN E-MAILING

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

Plus en détail

Services sur réseaux. Trois services à la loupe. Dominique PRESENT Dépt S.R.C. - I.U.T. de Marne la Vallée

Services sur réseaux. Trois services à la loupe. Dominique PRESENT Dépt S.R.C. - I.U.T. de Marne la Vallée Trois services à la loupe Services sur réseaux Dominique PRESENT Dépt S.R.C. - I.U.T. de Marne la Vallée Plan du cours : 1. Services de messagerie Architecture Fonctionnement Configuration/paramétrage

Plus en détail

Formation Webmaster : Création de site Web Initiation + Approfondissement

Formation Webmaster : Création de site Web Initiation + Approfondissement Contactez notre équipe commerciale au 09.72.37.73.73 Aix en Provence - Bordeaux - Bruxelles - Geneve - Lille - Luxembourg - Lyon - Montpellier - Nantes - Nice - Paris - Rennes - Strasbourg - Toulouse Formation

Plus en détail

Création d un site web avec Nvu

Création d un site web avec Nvu Création d un site web avec Nvu sources principales d'informations: http://www.framasoft.net/article2656.html http://info.sio2.be/nvu/index.php http://www.anseladams.com Pensez à sauvegarder fréquemment

Plus en détail

Website Express Créer un site professionnel avec Orange

Website Express Créer un site professionnel avec Orange Website Express Créer un site professionnel avec Orange mars 2015 Safiétou Ndao Ndiaye Sommaire Présentation... 3 Description du service... 3 Configuration requise... 4 Consignes... 4 Pour bien démarrer...

Plus en détail

Comment faire pour créer ses propres pages html?

Comment faire pour créer ses propres pages html? . Comment faire pour créer ses propres pages html? Insérer une vidéo Pour ajouter une vidéo de votre choix, il vous faut insérer, dans un premier temps, un tableau dans lequel vous placerez un mot, par

Plus en détail

Travaux pratiques. avec. WordPress. Karine Warbesson

Travaux pratiques. avec. WordPress. Karine Warbesson Travaux pratiques avec WordPress Karine Warbesson Toutes les marques citées dans cet ouvrage sont des marques déposées par leurs propriétaires respectifs. Mise en pages réalisée par ARCLEMAX Illustration

Plus en détail

MESUREZ L'IMPACT DE VOS CAMPAGNES!

MESUREZ L'IMPACT DE VOS CAMPAGNES! MESUREZ L'IMPACT DE VOS CAMPAGNES! Concrètement, qu est-ce que mesurer l'impact de vos campagnes? L'utilisateur, après avoir envoyé une campagne e-mailing, peut mesurer son impact en consultant les résultats

Plus en détail

Optimiser moteur recherche

Optimiser moteur recherche Optimiser moteur recherche Vous apprennez à inscrire vos sites dans les moteurs de recherche et les optimiser, déjà à la construction Worldsoft SA Inscription de sites Web dans les moteurs de recherche

Plus en détail

Trusteer Pour la prévention de la fraude bancaire en ligne

Trusteer Pour la prévention de la fraude bancaire en ligne Trusteer Pour la prévention de la fraude bancaire en ligne La solution de référence pour la prévention de la fraude bancaire en ligne Des centaines d institutions financières et des dizaines de millions

Plus en détail

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

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

Plus en détail

Optimiser pour les appareils mobiles

Optimiser pour les appareils mobiles chapitre 6 Optimiser pour les appareils mobiles 6.1 Créer un site adapté aux terminaux mobiles avec jquery Mobile... 217 6.2 Transformer son site mobile en application native grâce à PhoneGap:Build...

Plus en détail

02/02/2011. test 1. Communication visuelle & web. Pao. Principes fondamentaux. Les six principes de base. La mise en page. Module sur trois journées

02/02/2011. test 1. Communication visuelle & web. Pao. Principes fondamentaux. Les six principes de base. La mise en page. Module sur trois journées Communication visuelle & web Module sur trois journées 1, 5 jour : communication print & visuelle 1.5 jour : communication web mise en pratique evaluation sur QCM Vous serez en mesure participer à la conception

Plus en détail

HMTL. Exemple de fichier HTML. Structure d un document HTML. Exemple de fichier HTML. Balises HTML. IFT1147 Programmation Serveur Web avec PHP

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,

Plus en détail

Introduction à Expression Web 2

Introduction à Expression Web 2 Introduction à Expression Web 2 Définitions Expression Web 2 est l éditeur HTML de Microsoft qui répond aux standard dew3c. Lorsque vous démarrez le logiciel Expression Web 2, vous avez le choix de créer

Plus en détail

SEO On-page. Avez-vous mis toutes les chances de votre côté pour le référencement de votre site?

SEO On-page. Avez-vous mis toutes les chances de votre côté pour le référencement de votre site? SEO On-page Avez-vous mis toutes les chances de votre côté pour le référencement de votre site? I. Introduction... p.2 II. Optimisation on-page vs off-page... p.3 III. Les éléments importants de vos pages...

Plus en détail

ADOBE ENCORE CS3 GUIDE DE L UTILISATEUR

ADOBE ENCORE CS3 GUIDE DE L UTILISATEUR ADOBE ENCORE CS3 GUIDE DE L UTILISATEUR Copyright 2007 Adobe Systems Incorporated. Tous droits réservés. Adobe Encore 3.0 pour Windows et Mac OS S'il accompagne un logiciel comprenant un Contrat de licence

Plus en détail

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

Plus en détail

Le projet «.frogans»

Le projet «.frogans» Le projet «.frogans» Retours d'expérience de l'op3ft Présentation de Julie Laurent, OP3FT, Responsable Juridique 23 septembre 2014 Corp Day Afnic 1 Plan de la présentation 1. Présentation de l'op3ft 2.

Plus en détail

S informer et se développer avec internet

S informer et se développer avec internet S informer et se développer avec internet S informer et se développer sur Internet - CCI Caen 03/03/2014 1 1 Le réseau internet Sommaire Internet : un média devenu incontournable S informer sur Internet

Plus en détail

Création d'un site WEB pour enseignant : Formation offerte par le Récit national en formation professionnelle

Création d'un site WEB pour enseignant : Formation offerte par le Récit national en formation professionnelle Création d'un site WEB pour enseignant : Formation offerte par le Récit national en formation professionnelle Objectif général: Développer des compétences de base pour réaliser et gérer un site WEB Contenu:

Plus en détail

Créer un magnifique en-tête web

Créer un magnifique en-tête web Projets Créer un magnifique en-tête web Créez un en-tête efficace le plus aisément possible. Pensez simplement en sections. L en-tête d une simple page web est son élément visuel le plus important. Sur

Plus en détail

creer votre site internet en html/css

creer votre site internet en html/css 3 jours (21 heures) 1110 HT (Inter) 2670 HT (Intra) Toute personne (particulier ou professionnel) souhaitant créer son site Internet Créez son site Internet Assurez sa mise en ligne Gérer les mises à jour

Plus en détail

LE CONCEPT DU CMS CHAPITRE 1

LE CONCEPT DU CMS CHAPITRE 1 CHAPITRE 1 LE CONCEPT DU CMS Techniques traditionnelles de construction de sites... 14 Les principes des CMS... 18 Le langage HTML... 26 Check-list... 41 11 Même s il est d usage de comparer Internet

Plus en détail

Programmation Internet Cours 4

Programmation Internet Cours 4 Programmation Internet Cours 4 Kim Nguy ên http://www.lri.fr/~kn 17 octobre 2011 1 / 23 Plan 1. Système d exploitation 2. Réseau et Internet 3. Web 3.1 Internet et ses services 3.1 Fonctionnement du Web

Plus en détail

Utilisation du monitoring en temps réel

Utilisation du monitoring en temps réel Utilisation du monitoring en temps réel Sur internet, rendez-vous à : www.gmgnow.co.kr Vous voici en prise directe avec un outil sophistiqué. Choisissez l endroit que vous voulez visiter, par exemple :

Plus en détail

HTML. Notions générales

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

Plus en détail

I. Descriptif de l offre. L offre Sage 100 Entreprise Edition Entreprise

I. Descriptif de l offre. L offre Sage 100 Entreprise Edition Entreprise I. Descriptif de l offre L offre Sage 100 Entreprise Edition Entreprise Sage 100 Entreprise Edition Etendue est une offre en accès full web. En complément d une utilisation traditionnelle de Sage 100 Entreprise,

Plus en détail

Dans cette Unité, nous allons examiner

Dans cette Unité, nous allons examiner 13.0 Introduction Dans cette Unité, nous allons examiner les fonctionnements internes d une des plateformes de publication web les plus largement utilisées de nos jours sur l Internet, WordPress. C est

Plus en détail

Sagem MF 9841. NOUVEAU : Système multifonctions A3 couleur irréprochable

Sagem MF 9841. NOUVEAU : Système multifonctions A3 couleur irréprochable Sagem MF 9841 NOUVEAU : Système multifonctions A3 couleur irréprochable MF A3 COULEUR MF 9841...ENTREZ DANS LE NOUVEL UNIVERS COULEUR IRREPROCHABLE DE LA GAMME DE SYSTEMES MULTIFONCTIONS A3 COULEUR DE

Plus en détail

Formation Découverte du Web

Formation Découverte du Web Catégorie : internet Formation Découverte du Web Niveau requis : savoir utiliser un ordinateur (clavier, souris, traitement de texte) Public : personnel administratif et responsables de communication souhaitant

Plus en détail

Manuel Utilisateur. Boticely

Manuel Utilisateur. Boticely Manuel Utilisateur Boticely Auteur : Logica Version : 1.4 Droit d auteur Ce texte est disponible sous contrat Creative Commons Paternité - Pas d'utilisation Commerciale - Partage des Conditions Initiales

Plus en détail

Concevoir la déclinaison d un site Internet pour Smartphone et tablette tactile.

Concevoir la déclinaison d un site Internet pour Smartphone et tablette tactile. L E S A T E L I E R S «COM Pratik» «Gestion de la relation adhérents/prospects» P A C K «COM Web» P A C K «COM Web» Création de 8 pages Internet d information sur l association à visualiser sur téléphone

Plus en détail

L optimisation d une PowerBoutique pour le référencement

L optimisation d une PowerBoutique pour le référencement L optimisation d une PowerBoutique pour le référencement page 1/11 Tables des matières 1 Les balises de référencement...4 2 La hiérarchisation de l information...7 3 La mise en exergue des mots clés...7

Plus en détail

FLEET CHARGEMD SELECT PIÈCES SUPÉRIEURES ET PERFORMANCE SUR LA ROUTE QUI VOUS ATTEND

FLEET CHARGEMD SELECT PIÈCES SUPÉRIEURES ET PERFORMANCE SUR LA ROUTE QUI VOUS ATTEND FLEET CHARGEMD SELECT PIÈCES SUPÉRIEURES ET PERFORMANCE SUR LA ROUTE QUI VOUS ATTEND FLEET CHARGE MD SELECT FLEET CHARGE SELECT VOUS PROCURE UNE MAÎTRISE TOTALE Que vous possédiez 50 ou 499 camions ou

Plus en détail

INTRODUCTION A JAVA. Fichier en langage machine Exécutable

INTRODUCTION A JAVA. Fichier en langage machine Exécutable INTRODUCTION A JAVA JAVA est un langage orienté-objet pur. Il ressemble beaucoup à C++ au niveau de la syntaxe. En revanche, ces deux langages sont très différents dans leur structure (organisation du

Plus en détail

Création d un document PublishView

Création d un document PublishView Auteur : Jean Louis Balas Découverte du logiciel ordinateur TI-n spire / TI-n spire CAS Création d un document PublishView Ce document est réalisé avec la version 3.0.2 du logiciel TI Nspire CAS Teacher

Plus en détail

Cahier des charges (Exemple de proposition commerciale pour un site Internet vitrine)

Cahier des charges (Exemple de proposition commerciale pour un site Internet vitrine) 1 Cahier des charges (Exemple de proposition commerciale pour un site Internet vitrine) Code projet : Description : AD037 Site internet vitrine pour un cabinet d avocats Parisien : Le cabinet nom_du_cabinet

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