Réussir son site web avec XHTML et CSS
|
|
|
- Thibaud Lebel
- il y a 7 ans
- Total affichages :
Transcription
![html Téléchargez depuis le site www.infonice.org le cours et les ressources de la leçon 11 [v2].](/docs-images/62/46938674/images/1-3.jpg "Décompressez le dossier zippé, ce dernier contient les ressources nécessaires et un dossier")
1 Leçon 11 v2 Réussir son site web avec XHTML et CSS TD de révision : le design d un site web 1. La structure générale Primo, le XHTML... 3 Découpage des pages en blocks... 3 Création du modèle de page HTML (contenu commun)... 4 Création des autres pages HTML... 5 Création du contenu de chaque page Secundo, le CSS... 8 Dans cette leçon, nous allons créer le site web (4 pages) de l agence graphique Studio Coquelicot. index.html savoir-faire.html realisations.html contact.html Téléchargez depuis le site le cours et les ressources de la leçon 11 [v2]. Décompressez le dossier zippé, ce dernier contient les ressources nécessaires et un dossier site-coquelicot qui contiendra le site que vous allez créer. Structure du dossier site-coquelicot site-coquelicot contact index realisations savoir-faire style images bandeau.jpg client01.jpg coquelicot1.jpg fond_jaune.png Frédéric PERRET Réussir son site web avec XHTML et CSS leçon 11 p.1/12
2 1. La structure générale Le choix de la structure est important et c'est en effet une question récurrente parfaitement légitime tant CSS nous permet d'aborder un même problème sous de nombreux angles. Bien souvent, on structure sa page web à l'aide de blocks <div>, la fameuse balise universelle de type "block". Découpage du site sous forme de blocks : Comme nous l avons vu, une page web c'est une combinaison de 2 fichiers : Un fichier XHTML (.html) : c'est dans ce fichier que se trouve le contenu de la page (le texte). Ce fichier est constitué de balises qui servent à indiquer si tel texte est un, un texte important, une citation, un titre, etc. Un fichier CSS (.css) : c'est le fichier qui permet de créer la présentation de nos pages web. C'est lui qui indique qu'un texte est en rouge, qu'il est centré, dans la police "Arial"... Frédéric PERRET Réussir son site web avec XHTML et CSS leçon 11 p.2/12
3 2. Primo, le XHTML Nous allons commencer par créer la page MODELE.html qui contiendra tout ce qui est commun à chacune des pages et qui servira ainsi de modèle pour toutes les autres. Pour commencer, le code de base d'une page XHTML Ouvrez le logiciel Notepad++. Créez une nouvelle page, collez-y le code de base d une page HTML puis choisissez le langage HTML. Dans l en-tête de la page, précisez le titre studio coquelicot. Découpage des pages en blocks Nous allons mettre en place le découpage commun aux 4 pages de ce site, avec les blocs : page, header, logo, nav, banniere_image, banniere_description, section1, contenu, sidebar, section2, realisations, slogan, liensutiles, footer Comme vous le savez, la partie visible du site se situe entre les balises <body></body> Enregistrez la page dans le dossier site-coquelicot en la nommant MODELE.html Frédéric PERRET Réussir son site web avec XHTML et CSS leçon 11 p.3/12
4 Création du modèle de page HTML (contenu commun) Contenu du bloc nav Contenu du bloc banniere_description Créez une liste non ordonnée avec les items suivants : Item1 : Accueil, lien pointant vers accueil.html Item2 : Savoir-faire, lien pointant vers savoir-faire.html Item3 : Réalisations, lien pointant vers realisations.html Item4 : Contact, lien pointant vers contact.html image flecheblanchedroite.png lien pointant vers contact.html avec la class bouton_rouge Contenu du bloc sidebar Titre de niveau 1 : Graphic design Dans une div, image bulle.png avec l id fleche_bulle Dans une div avec la class centrage, image coquelicot1.jpg Titre de niveau 3 : Studio coquelicot Paragraphe avec sauts de ligne Dans une div avec la class centrage, images facebook.png, twitter.png, vimeo.png, flickr.png, rss.png Contenu du bloc realisations Titre de niveau 1 : Dernières réalisations Dans une div avec la class centrage, images realisation1.jpg, realisation2.jpg, realisation3.jpg Contenu du bloc slogan Contenu du bloc liensutiles Titre de niveau 1 : Coquelicot Studio Paragraphe : Une rencontre éthique Titre de niveau 1 : Liens utiles Créez une liste non ordonnée avec les items suivants : Item1 : W3C Validator, lien pointant vers le site validator.w3.org Item2 : Unice, lien pointant vers le site Item3 : Infonice, lien pointant vers le site Frédéric PERRET Réussir son site web avec XHTML et CSS leçon 11 p.4/12
5 Création des autres pages HTML Enregistrez la page MODELE.html Vérifiez dans un navigateur si la page créée ressemble bien à l illustration ci-contre. Vous allez maintenant créer à partir de la page MODELE.html les 4 pages HTML du site : Depuis la page MODELE.html faites enregistrer sous en la nommant index.html puis encore enregistrer sous en la nommant savoir-faire.html puis encore enregistrer sous en la nommant realisations.html puis encore enregistrer sous en la nommant contact.html Création du contenu de chaque page Vous allez maintenant réaliser le contenu de chacune des pages du site à l aide des textes que vous trouverez dans le dossier textes et des indications suivantes : page index.html Titre de niveau 1 Titre de niveau 1 Frédéric PERRET Réussir son site web avec XHTML et CSS leçon 11 p.5/12
6 formulaire page savoir-faire.html Titre de niveau 1 Titre de niveau 2 Liste non ordonnée Titre de niveau 2 3 s page contact.html Titre de niveau 1 Groupe de boutons radio civilite avec pour valeurs Mademoiselle, Madame et Monsieur nom prenom Tableau de 2 colonnes adresse message Données du formulaire : Formulaire : Méthode : POST - Envoi des données vers la page traitement.php Groupe de champs Vos coordonnées - Groupe de boutons radio civilite - Tableau de 520 pixels de large (1 ère colonne 150, 2 ème colonne 370). Groupe de champs Votre message - Tableau de 520 pixels de large (1 ère colonne 150, 2 ème colonne 370). Frédéric PERRET Réussir son site web avec XHTML et CSS leçon 11 p.6/12
7 page realisations.html Titre de niveau 1 Titre de niveau 4 Image client01.jpg Lien vers Titre de niveau 4 Image client02.jpg Lien vers Titre de niveau 4 Image client03.jpg Lien vers mmunication.com Enregistrez toutes les pages et observez le résultat dans un navigateur web. Frédéric PERRET Réussir son site web avec XHTML et CSS leçon 11 p.7/12
8 3. Secundo, le CSS Nous attaquons maintenant la partie CSS en utilisant le CSS3. C'est une partie très importante, car chaque ligne de code modifie le design du site web. Ouvrez le logiciel Notepad++. Créez une nouvelle page puis choisissez le langage CSS. Enregistrez cette feuille de style dans le dossier site-coquelicot en la nommant style.css Revenez sur les pages index.html, realisations.html, savoir-faire.html et contact.html pour rajouter dans l en-tête de chacune d elles le code nécessaire pour les relier à la feuille de style style.css Rappel : <link rel="stylesheet" type="text/css" title="titre" href="fichier.css" /> Voici à quoi va ressembler notre site avec le CSS : Frédéric PERRET Réussir son site web avec XHTML et CSS leçon 11 p.8/12
9 Définissez dans la feuille de style les propriétés suivantes : corps de la page arrière-plan : image fond_jaune.png famille de polices : Trebuchet MS, Arial, sans empattement par défaut couleur : # bloc identifié page largeur : 900 pixels marges extérieures : automatiques (permet de centrer la page) bloc identifié header arrière-plan : image separateur.png, répétée horizontalement, en-dessous bloc identifié logo flottant : gauche largeur : 280 pixels hauteur : 115 pixels arrière-plan : image logo.png, pas de répétition bloc identifié nav largeur : 620 pixels alignement du texte : à droite transformation du texte : Majuscules marge extérieure du haut : 30 pixels les listes non ordonnées du bloc identifié nav style de liste : aucun les items du bloc identifié nav marge extérieure de droite : 15 pixels les liens du bloc identifié nav taille de police : 1,3 fois la taille normale couleur : # décoration du texte : aucune les liens du bloc identifié nav au survol de la souris couleur : #d80500 bordure du dessous : trait continu, épaisseur 10 pixels, couleur #d80500 bloc identifié banniere_image marges extérieures : haut 15 pixels, droite 0, bas 25 pixels, gauche 0 hauteur : 219 pixels arrière-plan : image bandeau.jpg, pas de répétition position : relative rayon de bordure : 10 pixels ombre de la boite : décalage horizontal 0 pixel, décalage vertical 4 pixels, force du dégradé 4 pixels, couleur #1c1a19 Frédéric PERRET Réussir son site web avec XHTML et CSS leçon 11 p.9/12
10 bloc identifié banniere_description position : absolue position par rapport au bas : 0 largeur : 99,5% hauteur : 33 pixels marges intérieures : haut 15 pixels, droite 0, bas 0, gauche 4 pixels couleur : blanc taille de police : 0,8 fois la taille normale arrière-plan : couleur RGB 24,24,24 /* pour les anciens navigateurs */ arrière-plan : couleur RGBa 24,24,24,0.8 rayon de bordure : haut-gauche 0, haut-droite 0, bas-droite 5 pixels, bas-gauche 5 pixels classe bouton_rouge hauteur : 25 pixels position : absolue position par rapport à droite : 5 pixels position par rapport au bas : 5 pixels arrière-plan : image fond_degraderouge.png, répétée horizontalement bordure : trait continu, épaisseur 1 pixel, couleur # taille de police : 1,2 fois la taille normale alignement du texte : centré couleur : blanc décoration du texte : aucune marges intérieures : haut 3 pixels, droite 8 pixels, bas 0, gauche 8 pixels rayon de bordure : 5 pixels bloc identifié contenu et bloc identifié sidebar alignement vertical : top alignement du texte : justifié bloc identifié contenu largeur : 625 pixels marge extérieure de droite : 15 pixels titres de niveau 1 du bloc identifié contenu hauteur : 47 pixels arrière-plan : image ico_epingle.png, pas de répétition, à gauche marge intérieure de gauche : 50 pixels s du bloc identifié contenu taille de police : 0,8 fois la taille normale liens du bloc identifié contenu taille de police : 0,8 fois la taille normale couleurs : #d80500 décoration du texte : aucune Frédéric PERRET Réussir son site web avec XHTML et CSS leçon 11 p.10/12
11 images du bloc identifié contenu rayon de bordure : 5 pixels ombre de la boite : décalage horizontal 0 pixel, décalage vertical 2 pixels, force du dégradé 5 pixels, couleur #1c1a19 bloc identifié sidebar position : relative hauteur : 235 pixels arrière-plan : couleur #706b64 marges intérieures : 10 pixels couleur : blanc taille de police : 1,9 fois la taille normale rayon de bordure : 5 pixels ombre de la boite : décalage horizontal 0 pixel, décalage vertical 2 pixels, force du dégradé 5 pixels, couleur #1c1a19 identifiant fleche_bulle position : absolue position par rapport au haut : 100 pixels position par rapport à gauche : -12 pixels classe centrage alignement du texte : à gauche bloc identifié section2 arrière-plan : image ico_top.png pas de répétition en haut au centre, image separateur.png répétée horizontalement en haut, image ombre.png répétée horizontalement en haut s et listes non ordonnées du bloc identifié section2 taille de police : 0,8 fois la taille normale titres de niveau 1 du bloc identifié section2 taille de police : 1,1 fois la taille normale bloc identifié realisations et bloc identifié slogan et bloc identifié liensutiles alignement vertical : top alignement du texte : centré bloc identifié realisations et bloc identifié liensutiles largeur : 40% bloc identifié slogan largeur : 18% images du bloc identifié realisations bordure : trait continu, épaisseur 1 pixel, couleur # marge extérieure de droite : 2 pixels Frédéric PERRET Réussir son site web avec XHTML et CSS leçon 11 p.11/12
12 listes non ordonnées du bloc identifié liensutiles alignement vertical : top marge extérieure du haut : 0 style de liste : image ico_liensexterne.png marge intérieure de gauche : 2 pixels alignement du texte : à gauche liens du bloc identifié liensutiles décoration de texte : aucune couleur : # bloc identifié footer hauteur : 90 pixels arrière-plan : image footer.jpg, pas de répétition position : relative rayon de bordure : 5 pixels ombre de la boite : décalage horizontal 0 pixel, décalage vertical 4 pixels, force du dégradé 4 pixels, couleur #1c1a19 Mémento bref HTML 5/CSS 3 Frédéric PERRET Réussir son site web avec XHTML et CSS leçon 11 p.12/12
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
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?
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
.. 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
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
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
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
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
Programmation Web TP1 - HTML
Programmation Web TP1 - HTML Vous allez réaliser votre premier site Web dans lequel vous présenterez la société SC, agence spécialisée dans la conception des sites internet. 1 - Une première page en HTML
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
CRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN E-MAILING
CRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN E-MAILING Durée : 3J / 21H Formateur : Consultant expert en PAO et Web-marketing. Groupe de : 4 max Formation au web marketing Objectifs : Mettre en oeuvre des
Les outils de création de sites web
Tuto 1ère séance - p1 Les outils de création de sites web Sources : Réalisez votre site web avec HTML5 et CSS3 de Mathieu Nebra (Edition Le Livre du Zéro) site fr.openclassrooms.com (anciennement «site
Optimiser pour les appareils mobiles
chapitre 6 Optimiser pour les appareils mobiles 6.1 Créer un site adapté aux terminaux mobiles avec jquery Mobile... 217 6.2 Transformer son site mobile en application native grâce à PhoneGap:Build...
Formation 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
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,
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.
Activité 11 : Nuage de points ou diagramme de dispersion
Activité 11 : Nuage de points ou diagramme de dispersion Un nuage de points, ou diagramme de dispersion, représente des coordonnées dans un plan cartésien. Chaque point dans le plan représente deux quantités.
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
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...
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
Fiches d aide à l utilisation
alece.amd92.fr Un service proposé et géré par Liste des fiches d aide Fiche A. Se connecter à la plateforme... p. 3 Fiche B. Obtenir un code d accès pour la plateforme... p. 4 Fiche C. Rechercher des informations
Pack Fifty+ Normes Techniques 2013
Pack Fifty+ Normes Techniques 2013 Nos formats publicitaires par site 2 Normes techniques 2013 Display classique Pavé vidéo Footer Accueil panoramique Publi rédactionnel Quiz Jeu concours Emailing dédié
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
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,
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...
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
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
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
2 LES BASES DU HTML 19 Qu est-ce que le HTML? 20 De quand date le HTML? 20 Écrire son propre code HTML 22
SOMMAIRE INTRODUCTION La collection Classroom in a Book TinyUrL Conditions requises Installation du programme Copie des fichiers Classroom in a Book ordre recommandé pour les leçons Démarrage instantané
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
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
Guide pour la réalisation d'un document avec Open Office Writer 2.2
Guide pour la réalisation d'un document avec Open Office Writer 2.2 1- Lancement de l'application : Le Traitement de textes de la Suite OpenOffice peut être lancé : soit depuis le menu «Démarrer / Programmes/OpenOffice2.2/Writer
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
LANGAGUE JAVA. Public Développeurs souhaitant étendre leur panel de langages de programmation
ING 01 LANGAGUE JAVA Durée : 21 heures 1090 HT / jour Dates : à définir en 2012 Concevoir et développer des programmes en langage Java Comprendre le fonctionnement de la machine virtuelle S approprier
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
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
Access 2010 Entraînement 1 Garage Renault Dossier 24 MCD
Access 2010 Entraînement 1 Garage Renault Dossier 24 MCD Objectifs Concevoir une modèle conceptuel de données pour Access Durée 45 Support Papier Travail à faire : 1. Concevoir le dictionnaire des données.
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
Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation.
1 Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation. Voici un mode opératoire qui vous guidera dans l utilisation de
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
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
Initiation à html et à la création d'un site web
Initiation à html et à la création d'un site web Introduction : Concevoir un site web consiste à définir : - l'emplacement où ce site sera hébergé - à qui ce site s'adresse - le design des pages qui le
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
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
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
4. Personnalisation du site web de la conférence
RTUTORIEL Prise en main de la plateforme 1. Création de l espace conférence Connectez- vous sur le portail http://test- www.sciencesconf.org avec le compte : - Identifiant : «admin1» - Mot de passe «1234»
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
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
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
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
Manuel utilisateur du CMS Anan6
Manuel utilisateur du CMS Anan6 Sommaire Fonctionnalités générales 05 - Paramétrage du navigateur 06 - Connexion au CMS Anan6 07 - Visualisation de l interface du CMS 08 - Détails de la liste des composants
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,
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
GUIDE DE DEMARRAGE RAPIDE:
GUIDE DE DEMARRAGE RAPIDE: COMMENT CREER VOTRE BOUTIQUE EN LIGNE Vous voulez créer votre propre boutique en ligne? C est désormais plus simple que jamais. Suivez simplement les instructions de ce guide
Guide de démarrage rapide
Comment démarrer rapidement votre Box e-commerce. Guide de démarrage rapide Autres supports : Vidéos démos disponibles sur le portail. Contactez notre service client : 0 969 366 636 Guide de démarrage
PERSONNALISATION DE LA PAGE DE PAIEMENT & TICKET DE PAIEMENT
PERSONNALISATION DE LA PAGE DE PAIEMENT & TICKET DE PAIEMENT PAYBOX SYSTEM Point Transaction Systems, 11 A, rue Jacques Cartier - 78280 Guyancourt - FRANCE Société par Actions Simplifiée au capital de
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
Chapitre 1. Prise en main
Guide de référence Guide de référence Chapitre 1. Prise en main Le processus d'enquête Le processus d'enquête comporte 5 étapes toutes prises en charge par le logiciel : Conception des formulaires Cette
Normes techniques 2011
Normes techniques 2011 Display classique Formats Livrables Footer p 2 p 3 p 4 Opérations spéciales Publi-rédactionnel Jeu concours Quiz Lien partenaire Habillage Accueil panoramique Sponsoring de rubrique
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
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
Création d un formulaire de contact Procédure
Création d un formulaire de contact Procédure Description : Cette procédure explique en détail la création d un formulaire de contact sur TYPO3. Outil Procédure CMS: TYPO3 Auteur : hemmer.ch SA Extension:
Cours Excel : les bases (bases, texte)
Cours Excel : les bases (bases, texte) La leçon 1 est une leçon de base qui vous permettra de débuter avec Excel, elle sera fort utile pour les prochaines leçons. Remarque : à chaque fois qu il est demandé
Avant-propos Keith Martin Senior Lecturer London College of Communication
Manuel Freeway 6 Avant-propos Félicitations pour avoir choisi Freeway, l application la plus orientée vers le design des sites Web. Avant de commencer il est important de comprendre comment Freeway travaille
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
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
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
É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
Partie publique / Partie privée. Site statique site dynamique. Base de données.
Partie publique / Partie privée. Partie publique - Front office / Partie privée - Back office. Utiliser l analogie avec une émission de télévision. Un journal télévisé = 1 journaliste + des reportages.
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
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
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
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.
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
Alain DI MAGGIO Mise à jour sur le site 11/01/10 http://www.admexcel.com
Alain DI MAGGIO Mise à jour sur le site 11/01/10 http://www.admexcel.com TABLE DES MATIERES L UTILISATION DES RUBANS... 3 LE CLASSEUR... 3 RENOMMER LES FEUILLES DU CLASSEUR... 3 SUPPRIMER DES FEUILLES
Créer votre propre modèle
Créer votre propre modèle Vous recherchez un modèle personnalisé pour vos présentations Microsoft PowerPoint qui comprend le nom de votre organisation et un arrière-plan unique avec les couleurs et les
Programmation Web. Madalina Croitoru IUT Montpellier
Programmation Web Madalina Croitoru IUT Montpellier Organisation du cours 4 semaines 4 ½ h / semaine: 2heures cours 3 ½ heures TP Notation: continue interrogation cours + rendu à la fin de chaque séance
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
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
SARL DDLX Multimédia Place du général de Gaule 34160 Boisseron Tèl :09 7219 85 01 Email : support@ddlx.org. Agence Web. Design Prestashop personnalisé
SARL DDLX Multimédia Place du général de Gaule 34160 Boisseron Tèl :09 7219 85 01 Email : support@ddlx.org Agence Web Design Prestashop personnalisé création de boutique en ligne site de présentation site
FrontPage Support d apprentissage septembre 2000
FrontPage Support d apprentissage septembre 2000 Table des matières Notions de base... 1 Le langage HTML... 1 Les éditeurs HTML... 1 Le navigateur... 1 Le transfert de fichiers... 1 L enregistrement des
Langage HTML (2 partie) <HyperText Markup Language> <tv>lt La Salle Avignon BTS IRIS</tv>
Langage HTML (2 partie) «Je n'ai fait que prendre le principe d - hypertexte et le relier au principe du TCP et du DNS et alors boum! ce fut le World Wide Web!» Tim Berners-Lee
Un mini-site internet en une après-midi
Prérequis Posséder un ordinateur équipé d un logiciel pour écrire des fichiers texte simples, (SimpleText, BlocNotes, etc...), d un logiciel de Navigation Internet (InternetExplorer, Netscape, Mozilla,
SAP BusinessObjects Web Intelligence (WebI) BI 4
Présentation de la Business Intelligence 1. Outils de Business Intelligence 15 2. Historique des logiciels décisionnels 16 3. La suite de logiciels SAP BusinessObjects Business Intelligence Platform 18
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
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
Introduction : présentation de la Business Intelligence
Les exemples cités tout au long de cet ouvrage sont téléchargeables à l'adresse suivante : http://www.editions-eni.fr Saisissez la référence ENI de l'ouvrage RI3WXIBUSO dans la zone de recherche et validez.
Exercice 1 : Questions théoriques (3 points)
EPREUVE CERTIFICATIVE BEPA Activités hippiques Session 2007-2009 MODULE G6 CCF n 2 Partie informatique 18 mars 2009 (Coefficient total : 0,5 Partie informatique : ¼ de la note) Durée : 1H30 NOM Prénom
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)
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
Climat Scolaire - Manuel utilisateur - Chapitre 2 : «Créer, Editer et suivi d un texte»
Climat Scolaire - Manuel utilisateur - Chapitre 2 : «Créer, Editer et suivi d un texte» Espace collaboratif Co-Ment Date : 01/12/2013 Référence du Projet : Chef de Projet : www.cndp.fr/climatscolaire Caroline
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.
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
Le codage informatique
Outils de Bureautique Le codage informatique (exemple : du binaire au traitement de texte) PLAN 3) Le codage binaire 4) Représentation physique des bits 5) Le bit est un peu court... 6) Codage de texte
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
Guide d installation en 10 étapes...
Bienvenue sur PrestaBox! Guide d installation en 10 étapes... Suivez le guide! Pour ne rien oublier, suivez la liste des étapes incontournables pour la configuration de votre boutique PrestaBox : 1 - Choisissez
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
Optimisation des e-mails pour les supports mobiles. Améliorez vos taux de clics sans augmenter votre charge de travail.
Enterprise Email Marketing Solutions & Services 27% DES E-MAILS SONT OUVERTS SUR SUPPORTS MOBILES Optimisation des e-mails pour les supports mobiles Améliorez vos taux de clics sans augmenter votre charge
Merci de suivre les indications suivantes afin de créer votre compte membre :
Merci de suivre les indications suivantes afin de créer votre compte membre : La base de données a été mise à jour, toutefois si vous n arrivez pas à vous connecter ou si vous constatez une erreur dans
Guide d'utilisation de la. plate-forme GAR. pour déposer une demande. de Bourse Sanitaire et Sociale
Guide d'utilisation de la plate-forme GAR pour déposer une demande de Bourse Sanitaire et Sociale Pour déposer une demande de Bourse Sanitaire et Sociale, vous allez vous authentifier sur la plate-forme