DOSSIER D'ACTIVITES SUR LE HTML N 12 Appliquer des feuilles de style aux formulaires
|
|
|
- Lionel Piché
- il y a 6 ans
- Total affichages :
Transcription
1 DOSSIER D'ACTIVITES SUR LE HTML N 12 Appliquer des feuilles de style aux formulaires Objectifs : Apprendre à l apprenant à se créer un espace de travail sous Linux Apprendre à l apprenant à ouvrir un éditeur de code HTML Apprendre à l apprenant à insérer les balises de définition de toute page Web Apprendre à l apprenant à insérer des feuilles de style à l'aide d'un fichier externe Apprendre à l'apprenant à utiliser les différentes feuilles de style liées aux zones de saisie d'un formulaire Apprendre à l'apprenant à gérer les classes de feuilles de style Apprendre à l apprenant à visualiser les pages Web créées Apprendre à l apprenant à visualiser les modifications effectuées sur le fichier HTML
2 La procédure de création d'un nouveau dossier sous Linux 1. Se placer dans le «dossier personnel». 2. Cliquer droit n'importe où dans la fenêtre du «dossier personnel». Un menu contextuel apparaît. 3. Choisir la commande «Créer un nouveau dossier». Une fenêtre de dialogue du navigateur Konqueror apparaît. Elle permet la saisie du nom du nouveau dossier. 4. Saisir le nom du nouveau dossier (nom, prenom, nom du futur site Web) et le valider à l'aide du bouton «OK». La procédure d'ouverture d'un logiciel «éditeur de textes» 1. Choisir le Menu K ou Red Hat. 2. Choisir le menu des «Editeurs de textes». 3. Cliquer, par exemple, sur Kate, sur Kwrite ou sur Kedit (Editeur de textes) pour lancer l'éditeur de votre choix. Les balises de définition de toute page Web <!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Transitional//EN» « <html> <head> </head> <body> </body> </html>
3 La procédure d'enregistrement d'un fichier HTML L'objectif de l'enregistrement d'un fichier HTML est de le sauvegarder dans le répertoire dédié au site web en construction. 1. Trouver la fonction «Enregistrer sous» de l'éditeur de codes HTML utilisé. 2. Se placer dans le dossier précédemment créé. 3. Saisir dans la zone de saisie réservée à cet effet, le nom (formulaire) et l'extension du fichier (html) : formulaire.html. 4. Enregistrer le fichier en cliquant sur le bouton «Enregistrer» ou «OK», selon l'éditeur de codes HTML. La procédure de visualisation d'une page Web dans un navigateur L'objectif est de donner au navigateur l'adresse exacte de la page Web à afficher. Ouvrir un navigateur (Mozilla, Konqueror, etc), depuis la barre des tâches ou le menu K, puis Internet. Sous Mozilla : 1. Cliquer sur la commande «Fichier > Ouvrir un fichier» ou «Ctrl + O». 2. Dans la fenêtre de dialogue qui apparaît, rechercher le fichier précédemment enregistré à l'adresse suivante : «file:///root/site_votreprenom/formulaire.html». 3. Sélectionner le fichier «formulaire.html», puis valider. Celui-ci s'affiche alors dans le navigateur. Sous Konqueror : 1. Cliquer sur le menu «Document > Ouvrir une URL». 2. Dans la fenêtre de dialogue qui apparaît, rechercher le fichier précédemment enregistré à l'adresse suivante : «file:/root/site_votreprenom/formulaire.html». 3. Sélectionner le fichier «formulaire.html», puis valider. Celui-ci s'affiche alors dans le navigateur.
4 La procédure de visualisation des modifications effectuées sur un fichier HTML 1. Effectuer les modifications sur le fichier HTML. 2. Enregistrer de nouveau le fichier HTML. 3. Si la fenêtre du navigateur est toujours ouverte, cliquer sur le bouton «Actualiser» : pour Mozilla pour Konqueror tous deux présents dans la barre des boutons standards. Sinon, reprendre la procédure de visualisation d'un fichier HTML dans un navigateur. Une feuille de style dans un fichier externe Le code de la page «formulaire.html» est le suivant : <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <html> <head> <title>un formulaire HTML</title> <link rel="stylesheet" type="text/css" href="styles_formulaire.css" /> </head> <body> <h1>formulaire d inscription</h1> <form method="post" action="formulaire.php"> Saisir votre nom : <input type="text" name="nom_internaute" size="15" maxlenght="30" value="votre nom" />
5 Saisir votre prénom : <input type="text" name="prenom_internaute" size="15" maxlenght="30" value="votre prénom" /> Saisir votre adresse <input type="text" name=" _internaute" size="40" maxlenght="80" value="votre adresse " /> Saisir un identifiant : <input type="text" name="id_internaute" size="15" maxlenght="30" value="" /> Saisir un mot de passe : <input type="password" name="password_internaute" size="15" maxlenght="30" value="password" /> Saisir votre adresse postale complète : <textarea name="adresse_internaute" rows="6" cols="40" wrap="physical">votre adresse</textarea> Choisir votre boisson : <select name="boisson" size="2"> <option selected value="café">café</option> <option value="thé">thé</option> <option value="jus d orange">jus d orange</option> <option value="eau">eau</option> <option value="eau gazeuse">eau gazeuse</option> <option value="rien">rien</option> </select>
6 <input type="submit" value="valider l inscription" /> <input type="reset" value="annuler l inscription" /> </form> </body> </html> Le lien entre la page «formulaire.html» et le fichier «styles_formulaire.css» est défini par la balise <link /> (lien en anglais). Cette balise accepte les attributs suivants : - rel détermine la relation comme «relation à la page suivante». Ici, la page suivante est un fichier qui contient les feuilles de style. - type définit le type MIME de la relation. - href établit le lien avec le fichier externe «styles_formulaire.css». Les feuilles de style appliquées aux formulaires L'utilisation des feuilles de style appliquées aux formulaires permet de pallier l'aspect austère, voire triste de ces derniers. Les feuilles de style permettent de mettre en forme l'aspect des formulaires et les éléments des formulaires. Les mises en forme s'appliquent aux balises <form>...</form>, <input />, <select>...</select>, <textarea>...</textarea>, avec ou sans classe. Le code du fichier «styles_formulaire.css» appliqué à la balise <form>...</form> est le suivant : form { background-image: url(fond.gif); padding: 20px; }
7 La syntaxe des feuilles de style est la suivante : propriété: valeur; - background-image définit l'image de fond du formulaire. La valeur possible présente la mention «url()». Est ensuite spécifié entre les parenthèses, l'adresse de l'image de fond. - padding définit la largeur de l'espace à l'intérieur du formulaire, c'est-à-dire l'espace compris entre les éléments du formulaire et le bord de celui-ci. Les valeurs applicables sont des chiffres exprimés en pixels (px), en centimètres (cm), en millimètres (mm), en point (pt), en pourcentage (%). Le code du fichier «styles_formulaire.css» appliqué à les différentes balises <input /> est le suivant : input.text { font-family: Verdana; font-size: 13px; font-weight: bold; color: #c5161d; background-color: #ffde59; } input.pwd { font-family: Arial; font-size: 8px; font-weight: bold; color: #000000; background-color: #ffde59; border-color: #c5161d; }
8 input.bouton { font-family: Arial; font-size: 14px; font-weight: bold; color: #000000; background-color: #ffde59; border-color: red; border-width: 5px; cursor: n-resize; } La syntaxe des feuilles de style est la suivante : propriété: valeur; - font-family définit la famille de la police. Les valeurs possibles sont soit liées à une police spécifique comme «Arial», «Helvetica», «Times Roman», soit liées à une famille générique comme «sans-serif» (famille de police avec empattement), «serif» (famille sans empattement), «monospace» (famille proche des signes courrier), «cursive» (famille pour une écriture manuscrite), «fantasy» (famille pour une écriture originale), etc. Remarque : l'application d'une police ou d'une famille de police est dépendante de la présence de ce type de police dans l'ordinateur qui interprète la page Web. La valeur possible présente la mention «url()». Est ensuite spécifié entre les parenthèses, l'adresse de l'image de fond. - font-size définit la taille de la police. Les valeurs applicables sont des chiffres exprimés en pixels (px), en centimètres (cm), en millimètres (mm), en points (pt), en poucentage (%) ou des expressions du type : «xx-small», «xsmall», «small», «medium», «large», «x-large», «xx-large», «larger», «smaller».
9 - font-weight spécifie la graisse de la police, c'est-à-dire l'état visuel plus ou moins gras de la police. Les valeurs possibles sont «bold» (gras), «bolder» (très gras), «lighter» (plus fin), «normal» (valeur par défaut), ou les chiffres suivants : 100 (très fin), 200, 300, 400, 500, 600, 700, 800, 900 (très gras). - color définit la couleur de la police. Les valeurs sont le code hexadécimal de la couleur (#00FF00) ou le nom de la couleur en anglais (green). - background-color définit la couleur de fond. Les valeurs sont le code hexadécimal de la couleur (#00FF00) ou le nom de la couleur en anglais (green). - border-color définit la couleur de la bordure de la zone de saisie. Les valeurs sont le code hexadécimal de la couleur (#00FF00) ou le nom de la couleur en anglais (green). - border-width définit la largeur de la bordure de l'élément. Les valeurs applicables sont des chiffres exprimés en pixels (px), en centimètres (cm), en millimètres (mm), en points (pt), en poucentage (%). - cursor définit la forme du pointeur lors du survol. Les valeurs possibles sont «default» (valeur par défaut, soit la flèche), «pointer» (main), «eresize» (double-flèche horizontale), «n-resize» (double-flèche verticale), «crosshair» (croix), «text» (curseur de texte vertical), «help» (point d'interrogation).
10 Le code du fichier «styles_formulaire.css» appliqué à les différentes balises <select>...</select> est le suivant : select { font-family: Courrier; font-size: 11px; font-weight: lighter; color: #c5161f; background-color: #d2d3d5; width: 300px; } La syntaxe des feuilles de style est la suivante : propriété: valeur; - font-family définit la famille de la police. Les valeurs possibles sont soit liées à une police spécifique comme «Arial», «Helvetica», «Times Roman», soit liées à une famille générique comme «sans-serif» (famille de police avec empattement), «serif» (famille sans empattement), «monospace» (famille proche des signes courrier), «cursive» (famille pour une écriture manuscrite), «fantasy» (famille pour une écriture originale), etc. Remarque : l'application d'une police ou d'une famille de police est dépendante de la présence de ce type de police dans l'ordinateur qui interprète la page Web. La valeur possible présente la mention «url()». Est ensuite spécifié entre les parenthèses, l'adresse de l'image de fond.
11 - font-size définit la taille de la police. Les valeurs applicables sont des chiffres exprimés en pixels (px), en centimètres (cm), en millimètres (mm), en points (pt), en poucentage (%) ou des expressions du type : «xx-small», «xsmall», «small», «medium», «large», «x-large», «xx-large», «larger», «smaller». - font-weight spécifie la graisse de la police, c'est-à-dire l'état visuel plus ou moins gras de la police. Les valeurs possibles sont «bold» (gras), «bolder» (très gras), «lighter» (plus fin), «normal» (valeur par défaut), ou les chiffres suivants : 100 (très fin), 200, 300, 400, 500, 600, 700, 800, 900 (très gras). - color définit la couleur de la police. Les valeurs sont le code hexadécimal de la couleur (#00FF00) ou le nom de la couleur en anglais (green). - background-color définit la couleur de fond. Les valeurs sont le code hexadécimal de la couleur (#00FF00) ou le nom de la couleur en anglais (green). - width définit la largeur de l'élément. Les valeurs applicables sont des chiffres exprimés en pixels (px), en centimètres (cm), en millimètres (mm), en points (pt), en poucentage (%).
12 Le code du fichier «styles_formulaire.css» appliqué à les différentes balises <textarea>...</textarea> est le suivant : textarea { font-family: Helvetica; font-size: 11px; font-weight: lighter; color: #c5161f; background-color: #d2d3d5; } La syntaxe des feuilles de style est la suivante : propriété: valeur; - font-family définit la famille de la police. Les valeurs possibles sont soit liées à une police spécifique comme «Arial», «Helvetica», «Times Roman», soit liées à une famille générique comme «sans-serif» (famille de police avec empattement), «serif» (famille sans empattement), «monospace» (famille proche des signes courrier), «cursive» (famille pour une écriture manuscrite), «fantasy» (famille pour une écriture originale), etc. Remarque : l'application d'une police ou d'une famille de police est dépendante de la présence de ce type de police dans l'ordinateur qui interprète la page Web. La valeur possible présente la mention «url()». Est ensuite spécifié entre les parenthèses, l'adresse de l'image de fond. - font-size définit la taille de la police. Les valeurs applicables sont des chiffres exprimés en pixels (px), en centimètres (cm), en millimètres (mm), en points (pt), en poucentage (%).
13 - font-weight spécifie la graisse de la police, c'est-à-dire l'état visuel plus ou moins gras de la police. Les valeurs possibles sont «bold» (gras), «bolder» (très gras), «lighter» (plus fin), «normal» (valeur par défaut), ou les chiffres suivants : 100 (très fin), 200, 300, 400, 500, 600, 700, 800, 900 (très gras). - color définit la couleur de la police. Les valeurs sont le code hexadécimal de la couleur (#00FF00) ou le nom de la couleur en anglais (green). - background-color définit la couleur de fond. Les valeurs sont le code hexadécimal de la couleur (#00FF00) ou le nom de la couleur en anglais (green). Le fichier «formulaire.html», avec l'insertion des classes Le code de la page «formulaire.html» devient alors le suivant. Les éléments liés aux classes sont spécifiés en gras : <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <html> <head> <title>un formulaire HTML</title> <link rel="stylesheet" type="text/css" href="styles_formulaire.css" /> </head>
14 <body> <h1>formulaire d inscription</h1> <form method="post" action="formulaire.php"> Saisir votre nom : <input type="text" name="nom_internaute" size="15" maxlenght="30" value="votre nom" class="text" /> Saisir votre prénom : <input type="text" name="prenom_internaute" size="15" maxlenght="30" value="votre prénom" class="text" /> Saisir votre adresse <input type="text" name=" _internaute" size="40" maxlenght="80" value="votre adresse " class="text" /> Saisir un identifiant : <input type="text" name="id_internaute" size="15" maxlenght="30" value="" class="text" /> Saisir un mot de passe : <input type="password" name="password_internaute" size="15" maxlenght="30" value="password" class="pwd" /> Saisir votre adresse postale complète : <textarea name="adresse_internaute" rows="6" cols="40" wrap="physical">votre adresse</textarea>
15 Choisir votre boisson : <select name="boisson" size="2" > <option selected value="café">café</option> <option value="thé">thé</option> <option value="jus d orange">jus d orange</option> <option value="eau">eau</option> <option value="eau gazeuse">eau gazeuse</option> <option value="rien">rien</option> </select> <input type="submit" value="valider l inscription" class="bouton" /> <input type="reset" value="annuler l inscription" class="bouton" /> </form> </body> </html>
16
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
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
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
Séance d ED n 5 : HTML et JavaScript
Séance d ED n 5 : HTML et JavaScript EXERCICE 1 1) le but de cet exercice est de construire l'interface suivante en html: une réponse : 1)
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...
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
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
Module Com231A - Web et Bases de Données Notion 5 : Formulaires et utilisation des Bases de Données avec PHP
Module Com231A - Web et Bases de Données Notion 5 : Formulaires et utilisation des Bases de Données avec PHP Au cours de ce TP, vous allez voir comment PHP permet aux utilisateurs, une interaction avec
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
TD HTML AVEC CORRECTION
TD HTML AVEC CORRECTION On utilisera Notepad++ comme éditeur sur Windows Vous créez un répertoire www sous vos répertoires personnels et vous mettrez vos pages dedans. Créez vos fichiers HTML et n oubliez
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
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
.. 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
Formulaires et Compteurs
Formulaires et Compteurs Création de formulaires et de compteurs avec extensions FrontPage ou ASP. INFORMATIONS CONNEXES Le but du présent manuel est de permettre à une personne familière d Internet de
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
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
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...
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
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
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
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?
Guide de correction et d optimisation des images en vue de leur publication sous Marcomedia Contribute. Logiciel utilisé : Adobe PhotoShop 7
Guide de correction et d optimisation des images en vue de leur publication sous Marcomedia Contribute Logiciel utilisé : Adobe PhotoShop 7 Etape 1 Sélectionner les images, et les copier dans un répertoire
Manuel d'utilisation de l'administration du site Japo.ch - 1
Manuel d'utilisation de l'administration du site Japo.ch 1. Identification L'administration est protégée par une identification. Veuillez saisir ici votre nom d'utilisateur et votre mot de passe. Manuel
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
ENVOI EN NOMBRE DE Mails PERSONNALISES
MAILING ENVOI EN NOMBRE DE Mails PERSONNALISES 2 Téléchargement 3 Installation 6 Ecran d accueil 15 L envoi de mails 22 Envoi d un document HTML crée avec Word (envoi en base 64) 25 Le compte courriel
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
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
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
PUBLIPOSTAGE DANS WRITER
PUBLIPOSTAGE DANS WRITER Types Le principe du publipostage est d'associer un document principal dont il faut définir la forme (lettre, étiquette, enveloppe) avec une source de données (par exemple un carnet
Guide de démarrage rapide Centre de copies et d'impression Bureau en Gros en ligne
Guide de démarrage rapide Centre de copies et d'impression Bureau en Gros en ligne Aperçu du Centre de copies et d'impression Bureau en Gros en ligne Pour accéder à «copies et impression Bureau en Gros
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
Activités HTML. Code: act-html
Activités HTML act-html Activités HTML Code: act-html Originaux url: http://tecfa.unige.ch/guides/tie/html/act-html/act-html.html url: http://tecfa.unige.ch/guides/tie/pdf/files/act-html.pdf Prérequis:
NAMEBAY PRO. votre site de revente de noms de domaine en marque blanche. Documentation technique
NAMEBAY PRO votre site de revente de noms de domaine en marque blanche Documentation technique SOMMAIRE 1. PRÉSENTATION... 3 2. FONCTIONNEMENT... 4 2.1. ETAPE 1 : Devenir revendeur de noms de domaine...
Créer son questionnaire en ligne avec Google Documents
Créer son questionnaire en ligne avec Google Documents (actualisation et précision de l article paru sur http://www.marketing- etudiant.fr/actualites/collecte-donnees.php) Se connecter avec son compte
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
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.
Formulaire pour envoyer un mail
Formulaire pour envoyer un mail AVERTISSEMENT : Ce tuto est une compilation de plusieurs sources trouvées sur internet, dont les références sont données à la fin de cet article. Le but de ce tutoriel n'est
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é
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
Google Drive, le cloud de Google
Google met à disposition des utilisateurs ayant un compte Google un espace de 15 Go. Il est possible d'en obtenir plus en payant. // Google Drive sur le web Se connecter au site Google Drive A partir de
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
Votre site Internet avec FrontPage Express en 1 heure chrono
1.1. Précautions préliminaires Votre site Internet avec FrontPage Express en 1 heure chrono Le contenu de ce site n'est pas très élaboré mais il est conçu uniquement dans un but pédagogique. Pour débuter,
Introduction. PHP = Personal Home Pages ou PHP Hypertext Preprocessor. Langage de script interprété (non compilé)
Introduction PHP = Personal Home Pages ou PHP Hypertext Preprocessor Langage de script interprété (non compilé) Plan Avantages Fonctionnement interne Bases du langage Formulaires Envoi d un email Avantages
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,
Comment l utiliser? Manuel consommateur
Comment l utiliser? Manuel consommateur Table des matières 1. QUE DOIS-JE FAIRE POUR OBTENIR L ACCES A MON ESPACE CLIENT?... 3 2. ACCÉDER À VOTRE ESPACE CLIENT... 4 3. CONSULTER VOS DONNÉES... 6 3.1. MES
Access 2007 FF Access FR FR Base
ACCESS Basic Albertlaan 88 Avenue Albert Brussel B-1190 Bruxelles T +32 2 340 05 70 F +32 2 340 05 75 E-mail info@keyjob-training.com Website www.keyjob-training.com BTW TVA BE 0425 439 228 Access 2007
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.
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
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
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
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:
145A, avenue de Port Royal, Bonaventure (Québec) G0C 1E0 Sans frais : 1 888 765 4636 www.solutioninfomedia.com
Guide de l utilisateur CMS 1 Navigation dans le CMS... 2 1.1 Menu principal... 2 1.2 Modules tableau... 3 1.3 Modules formulaire... 5 1.4 Navigation dans le site Web en mode édition... 6 2 Utilisation
Table des matières. 1 À propos de ce manuel...5 1.1 Icônes utilisées dans ce manuel... 5. 1.2 Public visé... 5. 1.3 Commentaires...
Manuel utilisateur Table des matières 1 À propos de ce manuel...5 1.1 Icônes utilisées dans ce manuel... 5 1.2 Public visé... 5 1.3 Commentaires... 5 2 Généralités sur les applications web... 7 3 Module
CRÉER UNE BASE DE DONNÉES AVEC OPEN OFFICE BASE
CRÉER UNE BASE DE DONNÉES AVEC OPEN OFFICE BASE 3. ème partie : RAPPORTS MENU D'ACCUEIL - MIGRATION Table des matières 1. Les RAPPORTS...2 1.1 Création d'un rapport basé sur une Requête...3 1.2 Imprimer,
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
GUIDE D UTILISATION DE LA PLATEFORME D ENVOI DE COURRIELS
GUIDE D UTILISATION DE LA PLATEFORME D ENVOI DE COURRIELS Table des matières Présentation de la plateforme d envoi de courriels... 4 1- Gestion des contacts... 5 1.1. Base de données... 5 1.1.1- Création
Bases de données. Table des matières. Introduction. (ReferencePlus.ca)
Bases de données (ReferencePlus.ca) Table des matières Introduction Ouvrir une nouvelle Base de données Ouvrir une Base de données déjà existante Retirer une base de données de la liste des bases dans
FileZilla. Sauvegarder son site Guppy à l aide de. Sommaire:
FileZilla http://filezilla.sourceforge.net/ Sauvegarder son site Guppy à l aide de Sommaire: P. 2 Téléchargement et installation P. 3 Paramétrage du transfert P. 3 L'environnement de Filezilla P. Sauvegarde
-> Envoi automatique du nom du VIP vers la base de donnée -> Création automatique de la carte de vœux MINI SITE VŒUX
Toulouse, le 14 décembre 2006 1/5 > CONCEPTION EMAILING ET MINI SITE VŒUX 2007 1. Contraintes techniques Pour le format du site, deux options sont possibles : - Format optimisé pour du 1024 x 768 -> 955
STID 2ème année : TP Web/PHP
STID 2ème année : TP Web/PHP Plan de travail et aide mémoire jean.arnaud@inria.fr Ce document est composé de cinq parties : Un aide mémoire sur les aspects pratiques de la création de sites Une introduction
Manuel 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
TUTORIEL : Formulaire sur Google : Saisie des réponses questionnaires comptoir Mise en place de questionnaires à distance
TUTORIEL : Formulaire sur Google : Saisie des réponses questionnaires comptoir Mise en place de questionnaires à distance 1- ENREGISTREMENT ET PERSONNALISATION (si souhaité) DES FORMULAIRES Vous avez été
Fiche aide pour votre messagerie Outlook, thunderbird, Gmail
Table des matières Fiche aide pour votre messagerie Outlook, thunderbird, Gmail Fiche n 1 Exporter vos contacts d'adresses emails...2 Fiche n 2 Création de sa signature pour sa boite mail...5 Fiche n 1
Création de site Internet avec Jimdo
Création de site Internet avec Jimdo Ouvrez votre navigateur internet ou Internet Explorer ou Mozilla Firefox Rendez vous sur la page http://fr.jimdo.com/ voici ce que vous voyez. 1=> 2=> 1. Le nom que
Notice d'utilisation Site Internet administrable à distance
Notice d'utilisation Site Internet administrable à distance 1. Entrer dans l'espace d'administration Pour entrer dans l'espace d'administration, cliquez sur le lien nommé «administration» ou «Connexion»
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
TABLEAU CROISE DYNAMIQUE
EXCEL NIVEAU III Mireille DUCELLIER MARS 2003 BASE DE DONNEES RAPPEL Une base de données est une plage de cellules contiguës située sur une la feuille 1. Elle commence en A1. On parle alors de champs,
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
Rapports d activités et financiers par Internet. Manuel Utilisateur
Rapports d activités et financiers par Internet Manuel Utilisateur Table des matières 1. Introduction... 3 2. Pré requis... 3 3. Principe de fonctionnement... 3 4. Connexion au site Internet... 4 5. Remplir
Partager mes photos sur internet
Partager mes photos sur internet NIKON IMAGE SPACE est gratuit. Dans votre navigateur Web, rendez-vous à l'adresse http://nikonimagespace.com/ Cliquez sur le lien Inscription Remplissez les champs requis
progecad NLM Guide de l'utilisateur
progecad NLM Guide de l'utilisateur Rev. 11.1 Table des matières Table des matières...2 Introduction...3 Comment démarrer...3 Installation de progecad NLM server...3 Enregistrement de progecad NLM server...3
Drupal Contributeur. Maitrisez la publication sous Drupal. Une formation T@hitiClic. Formateur : Fabien Crépin. Drupal Contributeur.
Maitrisez la publication sous Drupal Une formation Formateur : Fabien Crépin Introduction Objectif : savoir publier du contenu sous Drupal Contenu : Créer un contenu Mise en forme du texte Gestion des
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
Afin d accéder à votre messagerie personnelle, vous devez vous identifier par votre adresse mail et votre mot de passe :
1 CONNEXION A LA MESSAGERIE ZIMBRA PAR LE WEBMAIL Ecran de connexion à la messagerie Rendez vous dans un premier temps sur la page correspondant à votre espace webmail : http://webmailn.%votrenomdedomaine%
Guide Utilisateur MANTIS. Sommaire. Objet du document :
Guide Utilisateur MANTIS Objet du document : L'outil Mantis est mis à la disposition des organismes du réseau Libres Savoirs. Cet outil est à utiliser en cas d'incident lié à l'utilisation de la plateforme
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
INFORM :: DEMARRAGE RAPIDE A service by KIS
- Création d'un formulaire Ce petit mémo a pour but de donner une vue d'ensemble des étapes menant à la création d'un formulaire avec in- Form. Bien que générique ce document fournit également les informations
Tutoriel de démarrage rapide destiné aux EDITEURS
Tutoriel de démarrage rapide destiné aux EDITEURS 2007 Joseph Beeson josephbeeson@gmail.com Sous une licence Creative Commons : Paternité - Pas d'utilisation Commerciale - Partage des Conditions Initiales.
Chapitre 2 Créer son site et ses pages avec Google Site
Réaliser un site internet à l aide de Google Site 10 Chapitre 2 Créer son site et ses pages avec Google Site 1. Créer un Google site 1. Rendez-vous sur www.google.be et connectez-vous à votre compte Gmail
Consignes générales :
PROCÉDURE POUR DÉPÔT DANS WEBCT Consignes générales : 1) Il est important de toujours conserver une copie de votre Webfolio ou Dossier professionnel sur votre disquette, clé USB ou sur votre disque dur
CAHIER DES CHARGES Réalisation de site web
CAHIER DES CHARGES Réalisation de site web INFORMATIONS GÉNÉRALES : Secteur d activité : Nom de la société : Adresse : Code postal : Ville : Nom du ( ou des) responsable(s) de projet : Tél. : Mobile :
Animation Shop PREAMBULE... 2 CONTRAINTE... 2 CREER UNE ANIMATION... 2 AJOUTER DES IMAGES... 3 ENREGISTRER UNE ANIMATION... 3
Jasc Software Animation Shop Sommaire : PREAMBULE... 2 CONTRAINTE... 2 CREER UNE ANIMATION... 2 AJOUTER DES IMAGES... 3 ENREGISTRER UNE ANIMATION... 3 AJOUTER DE L'EFFET... 5 TRANSISSIONS D'IMAGE... 5
Création de formulaires interactifs
SESSION 16 Création de formulaires interactifs Programme de la session Lancer un sondage en utilisant divers éléments d'entrée de formulaire Traiter les entrées utilisateur Activer un script à partir d'un
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 :
Table des matières ENVIRONNEMENT
ENVIRONNEMENT Présentation de Windows 7.................13 Démarrer Windows 7......................15 Quitter.................................15 Les fenêtres..............................16 Généralités............................17
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...
Principales Evolutions Version 1.0.0.230
Principales Evolutions Version 1.0.0.230 es colonnes de vos listings. Réorganiser les Votre vue est automatiquement sauvegardée lorsque vous fermez ferme votre fenêtre. Préférences Créer des zones par
Licence de Biologie, 1ère année. Aide. [Aide 1] Comment utiliser l'explorateur Windows? Comment créer des dossiers?
![Licence de Biologie, 1ère année. Aide. [Aide 1] Comment utiliser l'explorateur Windows? Comment créer des dossiers?](/thumbs/18/825045.jpg "Licence de Biologie, 1ère année. Aide. [Aide 1] Comment utiliser l'explorateur Windows? Comment créer des dossiers?")
Aide [Aide 1] Comment utiliser l'explorateur Windows? Comment créer des dossiers? Au sein d'un ordinateur, les données et les fichiers sont stockés suivant une structure d'arbre appelée arborescence. Pour
Traitement par lot redimensionner des images
Traitement par lot redimensionner des images Demande Je souhaite réduire la taille de plusieurs images RAW (NEF) et les convertir en format JPEG, toutes en même temps, pour les utiliser sur une page Web.
Manuel d'utilisation de Mémo vocal
Manuel d'utilisation de Mémo vocal Copyright 2002 Palm, Inc. Tous droits réservés. HotSync, le logo Palm et Palm OS sont des marques déposées de Palm, Inc. Le logo HotSync et Palm sont des marques commerciales
Normes graphiques / Sigma Assistel / Site Internet version 1.0 / 12.11.03
version 1.0 / 12.11.03 CHOIX DE LANGUE / MESURES & GABARIT NORMES GRAPHIQUES & TYPOGRAPHIQUES 131 pixels La largeur totale du gabarit est de, 2 A ENTÊTE ET MENUS / MESURES & GABARIT NORMES GRAPHIQUES &
É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
Installation et utilisation du client FirstClass 11
Installation et utilisation du client FirstClass 11 Support par téléphone au 03-80-77-26-46 ou par messagerie sur la conférence «Support Melagri» Sommaire Page I) Installation du client FirstClass 2 II)
Sommaire. 2. Utiliser la télécommande... 8 2.1 Télécommande Administrateur... 8 2.2 Télécommande Utilisateur... 10 2.3 Échanger une télécommande...
Sommaire 1. utilisateur... 4 1.1 Choisir le questionnaire... 4 1.2 Créer une nouvelle session... 5 1.3 Importer des sessions... 5 1.4 Exporter des sessions... 6 1.5 Rechercher une session... 6 1.6 Supprimer
l'ordinateur les bases
l'ordinateur les bases Démarrage de l'ordinateur - Le bureau, mon espace de travail - J'utilise la souris - Ouvertes ou fermées, les fenêtres - Dans l'ordinateur, tout est fichier - Le clavier : écrire,
Les différentes étapes à suivre pour la création d un feuillet
Les différentes étapes à suivre pour la création d un feuillet Bonjour, L outil de gestion des feuillets permet de manière simple et rapide de gérer à moindre coût votre communication et vos impressions
Dévéloppement de Sites Web
1 Dévéloppement de Sites Web Cours III : Travailler avec Dreamweaver de Macromedia Peter Stockinger Séminaire de Maîtrise en Communication Interculturelle à l'institut National des Langues et Civilisations
EXCEL PERFECTIONNEMENT SERVICE INFORMATIQUE. Version 1.0 30/11/05
EXCEL PERFECTIONNEMENT Version 1.0 30/11/05 SERVICE INFORMATIQUE TABLE DES MATIERES 1RAPPELS...3 1.1RACCOURCIS CLAVIER & SOURIS... 3 1.2NAVIGUER DANS UNE FEUILLE ET UN CLASSEUR... 3 1.3PERSONNALISER LA
Débuter avec FrontPage
Débuter avec FrontPage M icrosoft Front Page vous aide à créer et à administrer des sites Web. Cette section explique comment utiliser FrontPage pour créer et travailler avec des sites Web, ou des «webs».