H T M L. Hyper Text Markup Language II Structure (ou squelette) d un fichier HTML
|
|
|
- Yvette Pelletier
- il y a 7 ans
- Total affichages :
Transcription
1 Page Web statique «Le langage HTML» Activité 1 : 1. Créer un répertoire sous le nom TPHTML dans le dossier 4TIC HTML de la racine D:\. 2. Dans le dossier HTML créer un nouveau fichier Document texte. a. Activer ce fichier puis l enregistrer sous le nom tp2.html. b. Faire un double clic sur le fichier tp2. Que constatez-vous? Le fichier texte s est transformer en page web ce qui signifie q une page web n est rien d autre q un fichier texte enrigistré avec l extension html I C est quoi le langage HTML? Le langage HTML n'est pas un langage de programmation proprement dit! Ce sont "simplement" des balises pour mettre en forme (avec des liens, en tableau,...) du texte et des images! Une balise est une "instruction" comprise entre crochets < > qui possède un nom et parfois des attributs. H T M L Hyper Text Markup Language II Structure (ou squelette) d un fichier HTML Titre du document <HTML> <HEAD> <TITLE> </TITLE> </HEAD> <BODY> </BODY> </HTML> Entête du document HTML Corps du document HTML 1
2 III Les balises du langage HTML 1 ) L e s b a l i s e s d e m i s e e n f o r m e : Activité 2 : 1. Lancer le logiciel de création de pages Web «Microsoft FrontPage». 2. Saisir le texte ci-dessous, faire la mise en forme demandée et complétez le tableau ci-après: Rendre le texte en gras, italique et centré. Mettre le premier et le troisième texte avec une taille = 5. Mettre le premier texte en couleur rouge et le troisième en bleu. 3. Ajouter après le troisième texte une ligne séparatrice de couleur Gris clair et de hauteur =4. 4. Ajouter après la ligne séparatrice le texte «Élaboré par la classe 4 ème Sciences de l'informatique» aligné à droite et avec une taille =2. 5. Ajouter à la suite une ligne séparatrice de largeur =31%, hauteur =3 et aligné à droite. 6. Enregistrer le fichier sous le nom lycee.html sous le répertoire TPHTML. B I E N V E N U E A U S I T E W E B DU LYC E E 1 5 N O V E M B R E B a l i s e <B>. </B> <I>. </I> <U>. </U> < CENTER >. </CENTER > <FONT color="#c0c0c0" size= 2 FACE="arial" > tunisie </FONT> F o n c t i o n Afficher le texte en gras Cette balise permet de mettre un texte en italique. Souligner le texte Permet de mettre un texte au centre de la page Web. Définit la couleur du texte en code hexadécimale : = noir, FFFFFF= blanc, C0C0C0= gris clair, FF0000= rouge, 00FF00=vert. Taille de 2 avec police arial du mot tunisie < P align ="..."> </P> Début et fin d un nouveau paragraphe avec alignement <SUP >. </SUP> Permet de mettre un texte en exposant. 2
3 Pour insérer une image on utilise la balise : <IMG SRC= "Loupe.gif" BORDER="0" WIDTH="100" HEIGHT="50"> BORDER : l épaisseur de la bordure ou de cadre défini en pixel. WIDTH : largeur de l image. HEIGHT : hauteur de l image Pour modifier les propriétés d une image : Avec FrontPage il suffit de sélectionnez l image bouton droit à partir du menu déroulant sélectionnez propriété de l image Ou bien ; afficher le mode code et ajouter à la balise d insertion les propriétés : WIDTH = largeur de l image : WIDTH="100" HEIGHT = hauteur de l image : HEIGHT="50" BORDER = l épaisseur de la bordure ou de cadre défini en pixel : BORDER="0" ALIGN =Alignement de l image : left ;right ; center Pour ajouter une ligne séparatrice : 0). Début ajout d une ligne séparatrice 1). Menu insertion <HR SIZE = 8 WIDTH = "25%" ALIGN = RIGHT> 2). Option trait horizontale. 3). Fin ajout d une ligne séparatrice Notez bien : Pour modifier les propriétés d une ligne séparatrice il suffit d afficher son menu contextuel et choisir la commande «propriétés de la ligne horizontale» Front Page est un éditeur de pages Web qui fonctionne en WYSIWYG (What You See Is What You Get). On pourra à tout moment passer au code HTML, et apporter les modifications désirées 2 ) L i n s e r t i o n d i m a g e s a v e c l e l a n g a g e H T M L : Activité 3 : Dans le même fichier lycee.html ajouter les modifications suivantes : 1. Insérer l image lycée.jpg du dossier TPHTML. 2. Attribuer à l image les propriétés : largeur =400, hauteur =300, Alignement = Milieu, et un épaisseur de bordure =4. 3. Afficher le mode code et déterminer la balise qui permet d insérer une image avec HTML. <img border="4" width="400" height="300" align="center" border="4"> 3
4 3 ) L a j o u t d u n a r r i è r e p l a n : Activité 4 : 1. Dans le fichier lycee.html ajouter un arrière plan de couleur Rouge foncé. 2. Créer un nouveau document dans lequel vous allez : Saisir le titre «VILLE SFAX» avec une taille maximale. Insérer l image Carte.gif au centre, de largeur =600 et de hauteur =300. Saisir à la suite le texte ci-dessous de taille =5 et de couleur Bleu azur: «La ville de Sfax, 2ème ville de Tunisie, à 270 Km au sud de Tunis, capitale du sud et capital de l industrie en Tunisie.». 3. Ajouter comme arrière plan l image mer.jpg du dossier TPHTML. 4. Enregistrer la page sous le nom sfax.html sous le répertoire TPHTML. Pour ajouter un arrière plan à une page Web : 0). Début d ajout d un arrière plan avec FrontPage ). Cliquez menu format 5). Option arrière plan 6). Onglet mise en forme 7). Option couleur arrière plan 8). Choisir un couleur à partir d une palette et validez par bouton OK 1). Fin d ajout d un arrière plan avec FrontPage 2003 On utilse la propriété de la page couleurs/arrière plan pour mettre une couleur unie pour le fond d une page Web. On utilse la propriété de la page arrière plan/image pour mettre une image comme étant arrire plan d une page Web. Bgcolor et Background sont deux propriétés de la balise <BODY BACKGROUND> 4
5 4 ) L e s l i s t e s : Activité 5 : 1. Créer un nouveau fichier nommé Scolarité.html contenant les informations présent ci-dessous de couleur d arrière plan gris clair : VOIR LIVRE PAGE NOMBRE D'ELEVES PAR NIVEAU 1. Première année : 2. Deuxième année : 3. Troisième année : 4. Quatrième année : INFORMATION SCOLARITÉ NOMBRE D'ELEVES PAR SECTION A. 2 ème année : Technologie de l'informatique : Sciences : Économie : Lettres : B. 3 ème année : Sciences de l'informatique : Math : Science : Économie : Lettres : C. 4 ème année : Sciences de l'informatique : Math : Science : Économie : Lettre : 5 ) L e s t a b l e a u x : Activité 6 : 1. Créer un nouveau fichier nommé information.html contenant les informations présent ci-dessous : Membres du lycée: INFORMATIONS Membres administratifs Membre Effectif Cadres.. Ouvriers. Enseignants Elèves Effectif Effectif par niveau 1 ère année 2 ème année 3 ème année 4 ème année 5
6 2. Modifier les propriétés des tableaux comme suit : appliquer une bordure =4, la couleur d arrière plan des cellules est le Gris clair. Pour insérer un tableau avec FrontPage ). Début insertion d un tableau. 1). Choisir menu tableau / insérer/l option tableau 2). Remplir nombre des lignes et des colonnes 3). Remplir taille de bordure ainsi que son couleur 4). Choisir alignement en pourcentage ou en pixel 5). Remplir le nombre des marges intérieur 6). Remplir nombre de l espacement 7). Remplir couleur de l arrière plan 8). Fin insertion d un tableau avec FrontPage 2003 La définition des tableaux avec HTML se fait par la balise <TABLE> </TABLE> La balise <TR> </TR> est utilisée pour définir une ligne. La balise <TD> </TD> est utilisée pour définir une cellule. Pour fusionner les cellules d un tableau 0). Début fusion de cellules. 1). Sélectionner le tableau 2). Choisir menu tableau /commande fusionner les cellules 3). Fin fusion de cellules. Pour modifier les proriétés d un tableau HTML présentes l ensemble des proprietés suivantes : CELLSPACING : définit l espace entre les cellules (en pixel). CELLPADING : répresente l espace entre le contenu de la cellule et le bord extérieur de la cellule BORDER : pour définir l épaisseur de la bordure du tableau. WITH: définit la largeur du tableau en pixel ou pourcentage. HEIGHT : définit la hauteur du tableau en pixel ou pourcentage. BGCOLOR : pour définir la couleur d arière plan du tableau ou bien des différents cellules. ROWSPAN : Fusionner des cellules horizontalement COLSPAN : Fusionner des cellules verticalement 6 ) L e s l i e n s h y p e r t e x t e s : Activité 7 : 1. Créer une nouvelle page nommé liens.html contenant les information cidessous : En savoir plus Sfax Informations Lycée Scolarité Google Exercices HTML 2. Créer les liens hypertextes entre les différents textes et les pages déjà créées. Le fait du clic sur le mot Google permet de se connecter sur l Internet à l adresse 6
7 Le fait du clic sur le texte Exercice HTML permet de télécharger le fichier Word exercice.doc du dossier TPHTML. 3. Lancer le fichier scolarité.html. Créer un lien interne entre les textes Quatrième année et 4 ème année et les textes Troisième année et 3 ème année de la même page. Pour insérer un lien hypertexte externe Avec FrontPage ). Début insertion d un lien externe. 1). Sélectionner le texte 2). Menu Insertion 3). Commande lien hypertexte 4). Choisir page dans dossier en cours ou adresse url internet dans l onglet adresse 5). Fin insertion d un lien externe. La syntaxe est la suivante : < A HREF = > "ADRESSE" < / A> Pour insérer un lien hypertexte interne Avec FrontPage ). Début insertion d un lien interne. 0). Sélectionner le texte cible 1). Menu insertion / commande signet 2). Sélectionner le texte qui active le lien 3). Activer le menu insertion /commande lien hypertexte 4). Choisir l option signet/choisir le signet déjà sélectionné 1). Fin insertion d un lien interne. La syntaxe est la suivante : Pour créer le signet : < A NAME = > <"ADRESSE CIBLE"> ADRESSE CIBLE < / A> Pour créer le lien interne : <A HREF="#ADRESSE">ADRESSE</A> <A HREF=" GOOGLE/</A> est utilisée pour se connecter à une adresse Internet. La syntaxe : <A href = mailto : adresse > est utilisée pour Le courrier électronique 7
8 7 ) L e s f o r m u l a i r e s : Activité 8 : 1. Créer la page Inscription.html contenant les informations ci-dessous : Les champs Nom et Prénom sont deux zones de saisie de tailles maximale = 20. Le champ Adresse est une zone de saisie à plusieurs lignes. Masculin et Féminin sont deux cases d options. Classe est une liste de sélection dont les éléments sont : Bac SI, Bac Sc Exp, Bac Math, Bac économie et Bac lettre. Allemand, Italien, Espagnol et Dessin sont des cases à cocher. Envoyer est un bouton de type «Submit» et Annuler est un bouton de type «Reset». 2. Afficher le mode code et terminer le tableau ci-dessous. S y n t a x e F o n c t i o n s < FORM ACTION= sauve.html." NAME="form" METHOD="GET" > <INPUT type="text" name="t1" size="20"> Balise comporte : ACTION : action active le bouton envoyer NAME : nom formulaire METOHD : méthode d envoi des données POST OU GET C est la syntaxe permettant d insérer une zone de texte dans un formulaire. <textarea rows="2" name="s1" cols="20"></textarea> <SELECT NAME=" " SIZE=" "> <OPTION > </OPTION> <OPTION>.</OPTION> <OPTION>.</OPTION></SELECT> <INPUT TYPE="RADIO" NAME="R1" VALUE="V1" > MASCULIN <INPUT TYPE=" checkbox " NAME="c1" VALUE="V2" > dessin <INPUT type="submit" value="envoyer" name="b1" > 8 Utilisée pour la définition d une zone de saisie à plusieurs lignes Cette syntaxe est utilisée pour liste de sélection Cette syntaxe est utilisée pour les cases d options Cette syntaxe est utilisée pour les cases à cocher Cette balise est utilisée pour insérer un bouton dans un formulaire
9 L attribut METHOD peut avoir les valeurs GET ou bien POST qui sont deux méthodes d envoi des données saisies dans le formulaire vers le serveur. Les cases d option sont utilisés pour faire un et un seul choix parmi plusieurs. Les cases à cocher sont utlisés pour faire pour faire un ou pleusieur choix parmi plusieurs. Le bouton de type RESET permet d annuler et de restaurer les valeurs par défauts 8 ) L e s c a d r e s : Activité 9 : 1. Créer la page de cadre Accueil.html ci-dessous : Cadre 1 Sfax Cadre 2 Cadre Cadre 3 1dre 3 Le premier cadre comporte la page15novembre.html contenant le texte 15 NOVEMBRE animé. Le deuxième cadre comporte la page liens.html. Le cadre 3 contient le texte BIENVENUE AU SITE WEB DU 15 NOVEMBRE. P o u r c r é e r u n e p a g e d e c a d r e A v e c F r o n t P a g e ). Début création d une page de cadre. 1). Accéder au menu fichier 2). Commande nouveau 3). Choisir l option autre modèle de page 4). Choisir onglet cadre 5). Sélectionner le modèle de cadre selon votre choix 6). Validez par le bouton OK 7). Fin création d une page de cadre. Pour créer un jeux de cadre on utilise la balise <FRAMESET> La propriété ROWS PERMET DE DÉFINIR CADRE HORIZONTAUX La propriété COLS CADRE VERTICAUX La balise <FRAMESET SRC = "NOUVELLEPAGE1.HTM" Name = "BANNIERE" > permet PERMET DE DEFINIR 9 De définir un cadre en spécifiant le fichier à contenir et son nom La création d un système de cadre nécessite n+1 fichiers HTML séparés. TARGET est utilisée pour..
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
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.
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
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
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
Formation HTML / CSS. ar dionoea
Formation HTML / CSS ar dionoea le HTML Hyper Text Markup Language langage descriptif composé de balises interprété par le navigateur page HTML = simple fichier texte (bloc notes, vim,...) les déclarations
LES GRANDES ETAPES DE CREATION D UN WEB DESIGN
LES GRANDES ETAPES DE CREATION D UN WEB DESIGN PENSER LA STRUCTURE ET LE THEME DU SITE STRUCTURE ET THEME DU SITE Taille (le site sera-t-il extensible ou fixe?) Organisation Thème Couleurs Illustrations
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
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
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
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,
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
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?
.. 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
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,
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,
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
<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
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
// HTML, Javascript XHTML & CSS
design graphique / web design // HTML, Javascript XHTML & CSS version 1.0 date 28 / 04 / 2010 auteur Loïc Swiny contact mr@sweeen.com // sommaire HTML 01. Introduction au langage HTML 02. Introduction
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
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
Les services usuels de l Internet
Les services usuels de l Internet Services principaux (applications) disponibles sur l Internet Courrier électronique (mail) - protocole SMTP (Simple Mail Transfer Protocol) inclut maintenant tous types
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...
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
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
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
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:
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
CREATION d UN SITE WEB (INTRODUCTION)
CREATION d UN SITE WEB (INTRODUCTION) Environnement : World Wide Web : ordinateurs interconnectés pour l échange d informations ( de données) Langages : HTML (HyperText Markup Language) : langages pour
É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
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
Utilisation de Sarbacane 3 Sarbacane Software
Tutorial par Anthony Da Cruz Utilisation de Sarbacane 3 Sarbacane Software Ambiance Soleil 17 Rue Royale 74000, Annecy Sommaire 1. Présentation générale 2. Guide étape par étape 3. Astuces de l éditeur
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)
Parcours guidé : créer des pages simples au format html avec Nvu 28/1/10
Table des matières 1. AVANT-PROPOS... 4 1.1. PRESENTATION DE NVU... 4 1.2. CARACTERISTIQUES PRINCIPALES DE NVU... 4 1.3. OBJECTIF DE CE DOCUMENT... 4 1.4. PRE-REQUIS NECESSAIRES... 4 1.5. MODE D'EMPLOI
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
Guide d'utilisation. OpenOffice Calc. AUTEUR INITIAL : VINCENT MEUNIER Publié sous licence Creative Commons
Guide d'utilisation OpenOffice Calc AUTEUR INITIAL : VINCENT MEUNIER Publié sous licence Creative Commons 1 Table des matières Fiche 1 : Présentation de l'interface...3 Fiche 2 : Créer un nouveau classeur...4
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
GUIDE D UTILISATION CRÉER SON SITE WEB - PROJET RESCOL
GUIDE D UTILISATION CRÉER SON SITE WEB - PROJET RESCOL 1. Avant de commencer Il existe plusieurs éditeurs de pages Web qui vous permettent de construire un site Web. Nous vous conseillons toutefois de
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
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
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
Atelier de Création de pages Web
Atelier de Création de pages Web par Stéphane Groleau SADC Société d aide au développement de la collectivité de Portneuf http://www.sadcportneuf.qc.ca http://www.reseau-sadc.qc.ca/ http://www.dec-ced.gc.ca/
CREERSONSITEPRO.COM. avec la plateforme Jimdo
CREERSONSITEPRO.COM avec la plateforme Jimdo SOMMAIRE Qu est ce que Jimdo?...3 S inscrire sur Jimdo...4 Mes informations de connexion Jimdo...5 Organiser les pages de son site...6 Modifier le texte d une
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
Sana Sellami. sana.sellami@lsis.org Licence Professionnelle SIL 2011-2012
Sana Sellami sana.sellami@lsis.org Licence Professionnelle SIL 2011-2012 Connaître les principales techniques pour la création de sites web Se familiariser avec les langages du web Rendre dynamique le
Internet. DNS World Wide Web. Divers. Mécanismes de base Exécution d'applications sur le web. Proxy, fire-wall
Internet DNS World Wide Web Mécanismes de base Exécution d'applications sur le web Divers Proxy, fire-wall 1 Les services usuels de l Internet Services principaux (applications) disponibles sur l Internet
Cours pratique Excel. Dans chacune des feuilles, les donnés sont déjà entrées afin de gagner du temps.
Cours pratique Excel Présentation du classeur cours.xls C est un classeur qui contient 7 feuilles Liste de personnes Calculs simples Solde Listes Auto Relatif Absolu Formats Paye Cours AFM Dans chacune
Censio Tutorial Sharepoint Cloud Connector exporter les données d un fichier plat dans Sharepoint Online. Version 1.
Censio Tutorial Sharepoint Cloud Connector exporter les données d un fichier plat dans Sharepoint Online Version 1.0 du 10/08/2011 Objectif L objectif est d alimenter une liste «Articles2» sur Sharepoint
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
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
à 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
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
Premiers pas avec Dreamweaver
Premiers pas avec Dreamweaver Dreamweaver est un éditeur visuel professionnel pour la création et la gestion de pages web. Dreamweaver permet de créer aisément des pages compatibles avec toute une série
GUIDE Excel (version débutante) Version 2013
Table des matières GUIDE Excel (version débutante) Version 2013 1. Créer un nouveau document Excel... 3 2. Modifier un document Excel... 3 3. La fenêtre Excel... 4 4. Les rubans... 4 5. Saisir du texte
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
AC PRO SEN TR «services TCP/IP : WEB»
B AC PRO SEN TR «services TCP/IP : WEB» TP N 2: Installation des services utilisateurs (WEB) Nom : Prénom : Classe : Date : Appréciation : (2 points d'autonomie si vous n'utilisez aucune aide) Note : /50
Dévéloppement de Sites Web
1 Dévéloppement de Sites Web Cours II : Internet et HTML - une très brève introduction Peter Stockinger Séminaire de Maîtrise en Communication Interculturelle à l'institut National des Langues et Civilisations
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
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
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
Réalisez votre propre carte de vœux Éléctronique
Les différentes possibilités d animer une carte de vœux Il existe plusieurs possibilités d animer une carte de vœux : - Une Vidéo : Vous pouvez créer une vidéo, un film simplement avec Windows Media Player.
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
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
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
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
Campagnes d e-mailings v.1.6
Campagnes d e-mailings v.1.6 Sommaire Objet Page I Préparation de la campagne 3 I 1 / Le compte de messagerie pour l envoi des emails 3 I 2 / Configurer le modèle de l email 4 I 3 / La préparation des
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
Utilisation avancée de SugarCRM Version Professional 6.5
Utilisation avancée de SugarCRM Version Professional 6.5 Document : Utilisation_avancee_SugarCRM_6-5.docx Page : 1 / 32 Sommaire Préambule... 3 I. Les rapports... 4 1. Les principes du générateur de rapports...
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
Module BD et sites WEB
Module BD et sites WEB Cours 8 Bases de données et Web Anne Doucet Anne.Doucet@lip6.fr 1 Le Web Architecture Architectures Web Client/serveur 3-tiers Serveurs d applications Web et BD Couplage HTML-BD
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
Prezi. Table des matières
Prezi Table des matières 1. Inscription... 2 2. ouvrir prezi... 4 3. créer une nouvelle présentation... 4 3.1. Ajout de texte... 5 3.2. Modifier (éditer) le texte... 5 3.3. Insérer une image... 5 3.4.
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
Tutoriel : Créer un site web simple avec Composer. Fiche consigne Page 1 sur 6
1 Lancement du logiciel Composer Fiche consigne Page 1 sur 6 Cliquer sur l icône du bureau représenté en en-tête du présent document ou cherche le logiciel «Composer» dans le menu des programmes. 2 Création
Saisissez le login et le mot de passe (attention aux minuscules et majuscules) qui vous ont
I Open Boutique Sommaire : I Open Boutique... 1 Onglet «Saisie des Produits»... 3 Création d'une nouvelle fiche boutique :... 3 Création d'une nouvelle fiche lieux de retraits :... 10 Création d'une nouvelle
Centre de formation: Collège IBN BASSAM - TEMARA. Ce cours est proposé par le professeur d informatique:
Centre de formation: Collège IBN BASSAM - TEMARA Ce cours est proposé par le professeur d informatique: ABDALLAH RAKKANE Chapitre Page Initiation au système d exploitation: Windows. 2 Initiation au Traitement
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
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
ENDNOTE X2 SOMMAIRE. 1. La bibliothèque EndNote 1.1. Créer une nouvelle bibliothèque 1.2. Ouvrir une bibliothèque EndNote 1.3. Fermer une bibliothèque
1 ENDNOTE X2 SOMMAIRE 1. La bibliothèque EndNote 1.1. Créer une nouvelle bibliothèque 1.2. Ouvrir une bibliothèque EndNote 1.3. Fermer une bibliothèque 2. Manipuler une bibliothèque EndNote 2.1. La saisie
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
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:
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
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
Creation d une page Web
Création des pages web 1 Creation d une page Web Par Romica TRANDAFIR Table des matières 4. Création des pages web... 2 4.1. Présentation générale du langage HTML...2 4.2. Les principales balises du langage
La messagerie électronique
Formation La messagerie électronique Outlook 2010 Laurent ROBIN 1 Paramétrer la boîte à lettres électronique (Outlook express) Création du compte - Lancer le client de messagerie Outlook 2010. - Cliquer
Créer un site Web : mode d emploi Sous SPIP, avec le squelette «établissement» de l académie de Versailles
Mission TICE - académie de Versailles 7 nov. 2008 Créer un site Web : mode d emploi Sous SPIP, avec le squelette «établissement» de l académie de Versailles Anne-Cécile Franc Mission TICE académie de Versailles
Les sites web avec NVU
Les sites web avec NVU Table Des Matières Les sites web avec NVU Les bases du web Les protocoles réseaux Le Web Uniform Resource Locator Recherche d'informations Création et gestion d un site Web Utiliser
SYSTÈMES D INFORMATIONS
SYSTÈMES D INFORMATIONS Développement Modx Les systèmes de gestion de contenu Les Content Management Système (CMS) servent à simplifier le développement de sites web ainsi que la mise à jour des contenus.
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
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...
GUIDE D UTILISATION 1
GUIDE D UTILISATION 1 SOMMAIRE 1) Comment accédez à mon compte? 2) Comment faire un envoi simple? 3) Comment faire un envoi Groupé? a) Faire un envoi depuis un fichier EXCEL b) Faire un envoi depuis votre
Attaques de type. Brandon Petty
Attaques de type injection HTML Brandon Petty Article publié dans le numéro 1/2004 du magazine Hakin9 Tous droits reservés. La copie et la diffusion de l'article sont admises à condition de garder sa forme
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
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
Table des matières A. Introduction... 4 B. Principes généraux... 5 C. Exemple de formule (à réaliser) :... 7 D. Exercice pour réaliser une facture
Excel 2007 -2- Avertissement Ce document accompagne le cours qui a été conçu spécialement pour les stagiaires des cours de Denis Belot. Le cours a été réalisé en réponse aux diverses questions posées par
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
AGASC / BUREAU INFORMATION JEUNESSE 06700 Saint Laurent du Var Tel : 04.93.07.00.66 bij@agasc.fr www.agasc.fr. Word: Les tableaux.
Word: Les tableaux Introduction 6 ième partie Il est préférable par moments de présenter de l'information sous forme de tableau. Les instructions qui suivent démontrent comment créer un tableau et comment