Web Statique Base de la création de sites web

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

Download "Web Statique Base de la création de sites web"

Transcription

1 Web Statique Base de la création de sites web Lilian BAZILLE Version 1.0 Février 2015

2 Table des matières WEB 01 Introduction Outils du développeur Environnement de travail Editeur Navigateur HTML : le contenu Structure de base Utilisation des balises Tags Commentaires Balise courantes Balise <p> Balises de titre Balise de mise en forme du texte Listes Les liens hypertexte Les images Les tableaux Balises sémantiques Formulaires... 9 Lilian BAZILLE 1 / 10

3 Introduction WEB 01 Avant de commencer à créer un site web, il faut bien évidemment savoir comment fonctionne le web! Une page web est un (ou plusieurs) fichier(s) interprété(s) par un navigateur web (comme Internet Explorer, Mozilla Firefox...). Il permet de «traduire» le langage de programmation (HTML, PHP, CSS ) pour créer un rendu visuel qui s affiche à l écran de l utilisateur. Ce cours traitera des langages HTML (contenu) et CSS (mise en forme) uniquement. Nous n utiliserons pas de langage dynamique (tel que PHP, Javascript, ASP ) ou de CMS (tel que WordPress, PHPBB, etc.) 1 - Outils du développeur Environnement de travail Avant de commencer à travailler sur des pages web, il est très important de créer un nouveau répertoire, et de placer tout le contenu du site web à l intérieur. C est très important car tous les liens que vous ferez partiront du même dossier que la page courante (ou de la racine dans le cas d un chemin absolu, si le site est hébergé sur un serveur). Quelques recommandations : Figure 1 - Rendu d'une page web sur un navigateur Créer un dossier qui contiendra les images (voir figure 2) : c est très pratique lorsque vous naviguerez dans les dossiers ou que vous rechercherez quelque chose! Pour les gros sites web, il faudra même créer des sous-dossiers PAS DE MAJUSCULES! Ou alors il faudra bien faire attention à les mettre quand vous ferez des liens. Certains serveurs ne prennent pas en compte la casse, d autres pas Pas d espaces non plus! Les URL ne contiennent pas d espace, donc lorsque vous pointez un fichier qui comporte des espaces, cela crée des caractères spéciaux assez bizarres dans la barre d adresse Mieux vaut éviter Il est préférable d appeler sa page d accueil «index.xxx» (où.xxx est l extension). En effet, sur un serveur, c est la page qui sera chargée lorsque vous taperez l adresse du dossier racine. Par exemple, lorsque vous tapez c est la page index.php qui est chargée. Lilian BAZILLE 2 / 10

4 Figure 2 - Exemple de répertoire de travail Editeur Vous l avez compris, vos pages web sont éditées dans un langage de programmation bien spécifique (ici HTML). Pour pouvoir modifier ce code source, deux possibilités : Les éditeurs WYSIWYG (What You See Is What You Get) : Permet de créer un site internet simplement sans taper de code. Cependant, on ne peut pas tout faire, et le code généré n est pas très «propre». Non recommandé. Les éditeurs de texte : Cette méthode est à préviligier car c est la vraie méthode pour coder une page HTML. Un éditeur de texte standard suffit (comme le notepad de Windows). Mais il est recommandé d utiliser des éditeurs spécifiques, qui permettent de mettre en avant les balises, comme Notepad++ pour Windows ou Gedit pour Linux (par exemple). Ce cours ne traitera que l édition de page web via un éditeur de texte, car c est la seule façon de réaliser vraiment un site web. Contrairement aux IDE de programmation, ces éditeurs ne corrigeront pas les éventuelles erreurs dans votre code! Figure 3 - Notepad++ (Windows) Lilian BAZILLE 3 / 10

5 1.3 - Navigateur Pour visualiser le résultat, il faudra évidemment disposer d un navigateur web. Pour les pages basiques, les rendus seront équivalents, mais pour certaines propriétés CSS complexes, le rendu peut varier. Il est donc parfois utile d essayer son site sur différents navigateurs pour vérifier que son site peut s afficher correctement (beaucoup de propriétés CSS sont incompatibles avec d anciennes versions d Internet Explorer par exemple). Les principaux navigateurs sont : Windows Internet Explorer Opéra Mozilla Firefox Apple Safari Google Chrome 2 - HTML : le contenu Structure de base Un fichier HTML doit toujours avoir la même structure, pour respecter les normes et être décodé de la bonne manière par les navigateurs web. Type du document (ici page HTML) Titre de la page Paramètres pour l indexation Tout le contenu visible de la page se trouve ici Figure 4 - Structure de base d'une page HTML NOTE : Il est possible de créer une page qui ne contient pas toutes ces balises. Néanmoins, il est nécessaire de les mettre pour une meilleure compatibilité et un respect des normes HTML 5 (vous pouvez vérifier votre fichier sur Utilisation des balises La structure de base donne un aperçu du fonctionnement de la syntaxe HTML. Tout fonctionne à base de balises. Une balise est délimitée par les caractères < et >. Les balises fonctionnent par paires, c est-à-dire qu il y a des balises ouvrantes et des balises fermantes (qui commencent par un /). Figure 5 - Exemple de balises Chaque type de balise a un effet particulier. C est le texte situé entre la balise ouvrante et la balise fermante qui est impacté. Par exemple pour la balise <strong> (qui met le texte en grand) : Lilian BAZILLE 4 / 10

6 Figure 6 - Effet de la balise strong Vous remarquerez que le saut de ligne dans le code HTML n a pas affecté l affichage du texte dans le navigateur. L agencement du texte dans l éditeur sert juste au développeur pour s y retrouver. Il existe également des balises auto fermantes, qui fonctionnent toutes seules (pas d ouvrante ni de fermante). Ces balises s écrivent de la manière <balise />. Comme on ne peut pas placer de texte dedans, elles ont un usage assez spécifique. Par exemple la balise <br /> permet de sauter une ligne. Enfin, il faut savoir que les balises peuvent s imbriquer les unes dans les autres. Si l on reprend la structure d un fichier HTML (figure 4), la balise <title> est imbriquée dans la balise <head>, elle-même dans la balise <html> Tags Les tags permettent de spécifier un paramètre dans une balise. La syntaxe est la suivante : <balise attribut="valeur"> </balise> C est le cas par exemple, pour la balise d image <img> qui a besoin du lien vers l image pour pouvoir l afficher. Une balise peut contenir plusieurs attributs, séparés par un espace Commentaires Les commentaires permettent de structurer votre code HTML. C est un texte qui est visible uniquement lorsque l on regarde le code source, et qui n a strictement aucun effet sur la page (ils sont même parfois utilisés pour rendre inopérants certains morceaux de code). Attention cependant, toute personne qui visualiserai votre page, peut afficher le code source, et donc les commentaires! Balise courantes Figure 7 - Utilisation de la balise <br/> <!--Texte en commentaire --> Figure 8 - Syntaxe d'un commentaire Balise <p> La balise <p> sert à créer des paragraphes. Tout élément texte doit être inclus dans un paragraphe (même un mot isolé!). Entre deux paragraphes, un saut de ligne est effectué. Notons que l on peut utiliser la balise <br/> vu précédemment pour faire un petit saut de ligne au sein d un paragraphe. Lilian BAZILLE 5 / 10

7 Figure 9 - Utilisation de la balise <p> Balises de titre Les balises de titre permettent de définir des niveaux de titre. Le niveau de titre <h1> est le titre de haut niveau (celui en caractère le plus important), <h2> de second niveau, <h3>, etc. On utilise rarement plus de trois/quatre niveaux de titres. Figure 10 - Utilisation des balises de titre Les balises de titre ne doivent pas être inclues dans des balises de paragraphe <p>! Balise de mise en forme du texte Ces balises permettent de modifier l apparence du texte. Attention, certaines anciennes balises permettent de modifier les caractéristiques (couleur, taille, police, etc.) du texte, mais elles ne sont plus d actualité et leur utilisation est prohibé! C est le cas des balises <font>, <center>, etc. Il faudra utiliser le CSS pour modifier ces caractéristiques (cf. partie 3). Malgré tout, il existe quelques balises que l on peut utiliser pour mettre en valeur son texte (même si on privilégiera le CSS si possible!) : La balise <strong> permet d insister sur du texte (généralement en gras) ; La balise <em> permet de mettre le texte en valeur (généralement en italique) ; La balise <sub> permet de mettre le texte en indice ; La balise <sup> permet de mettre le texte en exposant ; La balise <del> permet de barrer le texte ; La balise <q> permet d effectuer une courte citation ; La balise <blockquote> permet d effectuer une longue citation ; La balise <b> permet de mettre le texte en gras (privilégier <strong>); La balise <i> permet de mettre le texte en italique (privilégier <em>) ; Pour pouvoir mettre en forme son site en CSS par la suite, on utilise la balise <div>. Elle permet de créer un «bloc» de texte, dont on pourra par la suite modifier l apparence, la position, etc. Lilian BAZILLE 6 / 10

8 Listes Il existe des balises permettant de créer des listes à puce (balise <ul>) et des listes numérotées (balise <ol>). Chaque élément de la liste est ensuite placé entre les deux balises et délimité par les balises <li>. Figure 11 - Listes NOTE : Il est possible d imbriquer des listes (ou tout autre objet/balise) dans des listes. Il suffit de placer cet élément entre les balises <li> et </li>. Figure 12 - Listes imbriquées Les liens hypertexte C est la base d internet! Les liens hypertexte sont rencontrés partout sur le web, ils permettent de rediriger l utilisateur vers une autre page lorsqu il clique dessus. On utilise pour cela la balise <a>. Le texte dans la balise sera cliquable. La balise <a> est toujours suivie de l argument href qui contient l URL de l autre page. Si l URL est sur un autre site internet, il faut utiliser l adresse complète (commençant par Au contraire, si la page est sur le même site internet, le chemin vers le fichier suffit. Par exemple, si le fichier «page2.html» est dans le même dossier que la page courante, le lien peut être crée de cette manière : Il existe d autres attributs pour la balise <a> : Figure 13 - Exemple de liens title : permet d afficher un texte lorsque la souris passe sur le lien ; target : indique dans quelle page s ouvre le document courant (par défaut dans celui courant). La valeur "_blank" permet d ouvrir la page dans un nouvel onglet. Le lien peut aussi pointer vers une autre balise. Pour cela, il faut que l autre balise ait l attribut ID associé à une chaîne de caractère (notamment utilisé sur les balises <div> ou <p>). Cela permet de revenir vers cet endroit du document, pratique sur les grandes pages. Par exemple : Lilian BAZILLE 7 / 10

9 <balise id="debut">blablabla</balise> <a href="#debut">revenir au début</a> Les images Pour afficher une image, on utilise la balise <img>. C est une balise auto-fermante. Les principaux attributs de cette balise sont les suivants : src (obligatoire) : chemin vers l image ; alt (obligatoire) : texte de remplacement si l image ne peut pas s afficher ; titre : affiche une infobulle avec le texte lors du survol de l image ; Figure 14 - Balise <img> NOTE : Il est tout à fait possible d inclure une balise <img> dans une balise <a>, pour en faire une image cliquable! Par exemple : <a href="http://www.survivebox.fr/"><img src="logosb.png" alt="logo SurviveBox" /></a> Les tableaux Il est possible de créer des tableaux en HTML. Pour cela, on utilise la balise <table> qui permet de délimiter la partie au code source dédiée au tableau. A l intérieur, on utilise les balises suivantes : <caption> : légende affichée sous le tableau (optionnel) ; <tr> : défini les lignes du tableau ; <td> : défini les cellules du tableau ; <th> : défini les cellules d en-tête du tableau. Elles ont une mise en forme différente (balise souvent utilisée pour les colonnes). On peut également utiliser l argument border pour définir la taille de la bordure du tableau (mais privilégier le CSS si possible ). On crée donc les tableaux ligne par ligne. Par exemple : Figure 15 - Exemple de tableau Il est également possible de fusionner des cellules entre-elles (en hauteur ou en largeur). L argument colspan permet de fusionner des cellules en ligne, et rowspan des cellules en colonne. Dans les deux cas, la valeur de l argument est le nombre de cellules à fusionner. Par exemple : Lilian BAZILLE 8 / 10

10 Figure 16 - Tableau avec cellules fusionnées Balises sémantiques Les balises sémantiques permettent de structurer la page, de la même manière qu avec des <div>. Leur seule particularité, c est qu elles sont déjà prédéfinies. Leur importance sera plus présente avec le CSS. On pourra ainsi donner un style particulier au header, au footer, etc. sans avoir à créer de nouvelles classes. <header> <nav> <section> <article> <aside> <footer> Figure 17 - Structure des balises sémantiques Formulaires Un formulaire HTML permet à l utilisateur de remplir différents type de champs avec des informations, qui seront ensuite transmises à une autre page pour être traitées (généralement en PHP). Le formulaire est délimité par les balises <form>. Cette balise peut avoir plusieurs attributs : name : donne un nom au formulaire ; action : défini ce qui sera exécuté lorsque l utilisateur validera le formulaire ; o adresse d une page web dynamique ; o script Javascript ; o etc. ; enctype : défini le format d envoi des données ; method : défini la méthode de transmission des données : o GET : transfère en ASCII des données n excédant pas 100 caractères o POST : transfère en non-ascii des données de taille illimitée (méthode la plus courante) Si on utilise l attribut action, enctype et method n ont pas d utilité. Lilian BAZILLE 9 / 10

11 Dans le formulaire, on doit maintenant ajouter des champs. La balise du champ est <input>. Cette balise comprend de nombreux attributs, notamment type, qui permet de définir l aspect du champ. Voici les principaux attributs de la balise : name : identifie le champ. Il permet ensuite de traiter les données renvoyées ; type : défini le type du champ input : o text : champ de texte sur une ligne ; o password : champ de texte spécifique pour les mots de passe (contenu caché) ; o checkbox : case à cocher ; o file : champ permettant à l utilisateur d envoyer un fichier ; o image : bouton de validation avec l aspect de l image dont le chemin est dans l attribut src o radio : bouton à cocher permettant une seule valeur parmi plusieurs choix (tous ces champs doivent avoir le même attribut name) ; checked : attribut sans valeur. Permet de définir si le bouton radio est coché par défaut o reset : bouton réinitialisant le contenu de tout le formulaire ; o le champ est à remplir par une adresse mail ; o url : le champ est à remplir par une URL ; size : nombre de caractères visibles ; maxlength : nombre de caractères max ; value : défini la chaîne de caractère affichée par défaut dans le champ ; placeholder : texte apparaissant en grisé dans le champ avant la saisie de l utilisateur ; height : défini la hauteur de l élément en pixels ou en pourcentages ; width : défini la largeur de l élément en pixels ou en pourcentages ; required : (sans valeur) oblige l utilisateur à remplir le champ pour valider le formulaire ; Exemple de formulaire : Figure 18 - Formulaire basique Il existe d autres balises permettant de créer des champs. La balise <textarea> qui permet de créer une zone de texte. Ses attributs son rows (nombre de lignes) et cols (nombre de colonnes), et certains attributs similaires à input (comme required, name, etc.). Ce n est pas une balise autofermante, et le texte placé entre les deux balises sera le texte présent par défaut dans la zone de texte. La balise <select> permet de faire une liste déroulante. Chaque choix doit être placé entre deux balises <option> situées au sein des balises <select>. Figure 19 - Formulaire avec zone de texte et liste déroulante Lilian BAZILLE 10 / 10

Cours de I21 SOMMAIRE

Cours de I21 SOMMAIRE Cours de I21 Voir le chap 2 : cours de Javascript SOMMAIRE I. Introduction sur le langage HTML II. Balises primaires a. mise en forme b. hyperliens c. insérer une image III. Création de listes IV. Création

Plus en détail

Chapitre 3 : Le langage HTML

Chapitre 3 : Le langage HTML Chapitre 3 : Le langage HTML 4 ème SI (TIC) I. Introduction : Le langage HTML (HyperText Markup Language) n'est pas un langage de programmation proprement dit. Il permet tout simplement de spécifier la

Plus en détail

MODULE HTML CSS.

MODULE HTML CSS. MODULE HTML CSS David Tourel david.tourel@iut-tlse3.fr HTML : HyperText Markup Language Langage de description Interprété par les navigateurs Associé au CSS et JavaScript Métiers: développeur front end,

Plus en détail

Les CSS! Additif au HTML" Les Formulaires" L1 - STS - Mention Informatique - Internet et Programmation! Ph Moreau! 1!

Les CSS! Additif au HTML Les Formulaires L1 - STS - Mention Informatique - Internet et Programmation! Ph Moreau! 1! Les CSS! Avant d introduire quelques fonctionnalités du langage Javascript, nous allons compléter le langage Html avec la possibilité d afficher des objets pré-dessiné à savoir:! LES FORMULAIRES! Additif

Plus en détail

Création de sites Web ~ Module 1 Introduction HTML - CSS

Création de sites Web ~ Module 1 Introduction HTML - CSS Création de sites Web ~ Module 1 Introduction HTML - CSS 1 Introduction : HTML, pour HyperText Markup Language, est le langage conçu pour représenter les pages Internet. C est un langage de balises permettant

Plus en détail

Mémento des balises HTML 5

Mémento des balises HTML 5 Mémento des balises HTML 5 s de premier niveau Les balises de premier niveau sont les principales balises qui structurent une page HTML. Elles sont indispensables pour réaliser le «code minimal» d'une

Plus en détail

Réussir. avec XHTML et CSS. 3e édition. son site web. Nebra. Mathieu. Préface de Laurent Denis

Réussir. avec XHTML et CSS. 3e édition. son site web. Nebra. Mathieu. Préface de Laurent Denis Mathieu Nebra Réussir son site web avec XHTML et CSS 3e édition Préface de Laurent Denis Groupe Eyrolles, 2006, 2008, 2010, ISBN : 978-2-212-12485-9 Table des matières 1. UN SITE WEB, COMMENT ÇA MARCHE?...

Plus en détail

- WEB / HTML - Annexe 1 : Définition des balises HTML

- WEB / HTML - Annexe 1 : Définition des balises HTML Balises d encadrement - WEB / HTML - Annexe 1 : Définition des balises HTML Encadre le code source. Encadre la zone d entête de la page Web dans laquelle

Plus en détail

Programmation Web HTML5

Programmation Web HTML5 Programmation Web HTML5 Julien David A101 - david@lipn.univ-paris13.fr 2016 Julien David (A101 - david@lipn.univ-paris13.fr) 2016 1 / 1 Organisation Cours 5 séances pour 5 langages : HTML5, CSS3, PHP5,

Plus en détail

Mémento des balises HTML

Mémento des balises HTML Chapitre 21 Mémento des balises HTML Diculté : C ette page est une liste non exhaustive des balises HTML qui existent. Vous trouverez ici un grand nombre de balises HTML. Nous en avons déjà vu certaines

Plus en détail

Séance 1. Bases et HTML

Séance 1. Bases et HTML Séance 1 Bases et HTML Nils Schaefer (nils.schaefer@sn-i.fr) Serveur Web Hébergement des sites Web Utilisation du port 80 Réception des requêtes HTTP des navigateurs Traitement des requêtes HTTP Exemples

Plus en détail

H T M L. Hyper Text Markup Language II Structure (ou squelette) d un fichier HTML

H T M L. Hyper Text Markup Language II Structure (ou squelette) d un fichier HTML 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.

Plus en détail

Université d Angers

Université d Angers pascal.nicolas@univ-angers.fr 1 préambule cette présentation, basée sur la norme HTML3.2, n a pas vocation à être exhaustive la notation X Y signifie que l on peut mettre l élément X ou l élément Y dans

Plus en détail

Fiche TD n 1 Le langage HTML

Fiche TD n 1 Le langage HTML Fiche TD n 1 Le langage HTML 1 Introduction Le HTML est le langage utilisé pour formaliser l information échangée sur internet. Il est constitué de balises qui indiquent de quelle manière les informations

Plus en détail

Principales balises HTML5

Principales balises HTML5 Principales balises HTML5 RAPPEL : Tout document HTML commence par le DOCTYPE suivi de la balise , et s achève avec la balise . DOCTYPE et HTML : Le DOCTYPE : La déclaration

Plus en détail

HTML5 et CSS3 Maîtrisez les standards de la création de sites Web (3e édition)

HTML5 et CSS3 Maîtrisez les standards de la création de sites Web (3e édition) Le HTML5 et les CSS 1. L'évolution de HTML 15 2. L'évolution des CSS 16 2.1 La notion de module 16 2.2 L'évolution des statuts 16 2.3 Les préfixes vendeurs 17 2.4 Utiliser les préfixes vendeurs 18 3. La

Plus en détail

LISTE DES BALISES EN HTML5

LISTE DES BALISES EN HTML5 LISTE DES BALISES EN HTML5 AIDE-MÉMOIRE HTML&CSS www.multiforme.eu BALISE DEFINITION DES BALISES DESCRIPTION Pour un commentaire L inclusion du DOCTYPE dans un document HTML assure

Plus en détail

Introduction à HTML: HyperText Markup Language

Introduction à HTML: HyperText Markup Language CREATION WEB HTML ET CSS Introduction à HTML: Le HTML, HyperText Markup Language, est un langage de balisage qui définit la structure logique d un document WWW diffusé sur le Web. La mise en forme de la

Plus en détail

HTML et page Web diaporama

HTML et page Web diaporama but du diaporama principe général le titre ainsi qu une section contenant un paragraphe le titre ainsi qu un paragraphe dont le texte est centré une section dont le texte est coloré en rouge (couleur définie

Plus en détail

Editeur HTML. Mozilla

Editeur HTML. Mozilla Editeur HTML Mozilla Présentation Mozilla est un navigateur Web, il permet également de gérer la messagerie (Email) et d'éditer des pages au format HTML (Hyper Text Markup Language). Mozilla est basé à

Plus en détail

Traitement des Formulaires

Traitement des Formulaires Traitement des Formulaires 1 Requetês et réponses Exemple de requête: demande d une page GET / HTTP/1.1 Host: exemple.org Exemple de réponse HTTP/1.1 200 OK Content Type: text/html Content Length: 419

Plus en détail

Guide d utilisation. Version 0715

Guide d utilisation. Version 0715 Guide d utilisation Version 0715 SOMMAIRE PRINCIPALES FONCTIONNALITÉS Résumé... p. 3 ACTUALITÉS gestion / création des actualités... p. 4 PAGES / RUBRIQUES Créer une page... p.5 Intégrer du contenu...p.6-9

Plus en détail

COURS DE PROGRAMMATION DE SITE WEB 1

COURS DE PROGRAMMATION DE SITE WEB 1 COURS DE PROGRAMMATION DE SITE WEB 1 Chapitre 1 Les bases PLAN DU COURS 1.1 L histoire du WEB 1.2 Du HTML au XHTML et le CSS 1.3 Définition (HTML, XTML, CSS, ASP, PHP, FLASH, CGI, PEARL) 1.4 Les éditeurs

Plus en détail

DAW Développement Applications Web. Ouadfel Salima Site du cours:

DAW Développement Applications Web. Ouadfel Salima Site du cours: DAW Développement Applications Web Ouadfel Salima Site du cours: http://salimaouadfel.e-monsite.com/ Développement d Applications Web L'objectif de ce module est: 1. S'initier à la programmation Web en

Plus en détail

Initiation au développement web Jeudi 27 octobre 2016

Initiation au développement web Jeudi 27 octobre 2016 Initiation au développement web Jeudi 27 octobre 2016 Merci de vous installer par binôme de niveau différent Des volontaires pour les e-profs? Présentation Thibault Vinchent tvinchent@gmail.com Développeur

Plus en détail

Mohammed REZGUI m.rezgui06@gmail.com. Basé sur le cours de Guillaume Perez

Mohammed REZGUI m.rezgui06@gmail.com. Basé sur le cours de Guillaume Perez Mohammed REZGUI m.rezgui06@gmail.com Basé sur le cours de Guillaume Perez Contenu, Organisation Objectif principal: Base pour la création d un site Notions de client-serveur Notions de programmations Option

Plus en détail

1 - travail en pleine page du navigateur

1 - travail en pleine page du navigateur Utilisation du bandeau Fckeditor «TEXTE ENRICHI» dans les pages du site internet Version 1 du 7 avril 2009 Bandeau de l éditeur Fckeditor 1 - travail en pleine page du navigateur Pour faciliter le travail

Plus en détail

Exemple pour un formulaire classique sans l'aide de script CGI :

Exemple pour un formulaire classique sans l'aide de script CGI : <form method=post enctype=text/plain> Formulaires 1. Introduction La création des formulaires se réalise grâce à plusieurs champs, dans lesquels le visiteur entre une information ou opte pour un choix. L'information est ensuite envoyée, à

Plus en détail

ISN - HTML : Apprendre HTML5. M. Lagrave HTML5. Code source Site classique CSS Bluefish. M. Lagrave. Lycée Beaussier

ISN - HTML : Apprendre HTML5. M. Lagrave HTML5. Code source Site classique CSS Bluefish. M. Lagrave. Lycée Beaussier Lycée Beaussier 2012 2013 Sommaire Le HTML «HyperText Markup Language» est un langage de balisage pour la création de site internet, il sert à structurer votre document. D autres langages peuvent s ajouter

Plus en détail

Formulaire HTML 1. Introduction. 2. Définition de formulaire. ligne de texte 4. Mot de passe 5. Bouton radio 6. Cases à Cocher»

Formulaire HTML 1. Introduction. 2. Définition de formulaire. ligne de texte 4. Mot de passe 5. Bouton radio 6. Cases à Cocher» Formulaire HTML 1. Introduction. 2. Définition de formulaire. 3. Entrée e d une d ligne de texte 4. Mot de passe 5. Bouton radio 6. Cases à Cocher 7. Bouton «Envoyer» 8. Bouton «Reset» 9. Bouton «Général»

Plus en détail

Créer une page HTML avec l'éditeur Notepad++

Créer une page HTML avec l'éditeur Notepad++ Page Html Créer une page HTML avec l'éditeur Notepad++ Ouvrir Notepad++ Ecrivez un court texte. Enregistrer ce fichier dans un dossier que vous avez préalablement créé dans vos documents ou sur votre bureau

Plus en détail

Conception d'interfaces Web

Conception d'interfaces Web Conception d'interfaces Web Licence 1 2. Créer un site Web avec HTML5 et CSS3 Bruno Jobard I. Introduction Les langages HTML et CSS décrivent la structure et la présentation d'une page Web. HTML est un

Plus en détail

Classes : PREMIERES A-C-D

Classes : PREMIERES A-C-D LYCEE SECOND CYCLE DEPARTEMENT D'INFORMATIQUE Année scolaire 2011-2012 Classes : PREMIERES A-C-D Horaire hebdomadaire : 2 heures PRÉ REQUIS Connaissances de la Classe de 2 nde Savoir lire le français ou

Plus en détail

Web HTML. Arnaud Sallaberry arnaud.sallaberry@univ- montp3.fr

Web HTML. Arnaud Sallaberry arnaud.sallaberry@univ- montp3.fr Web HTML Arnaud Sallaberry arnaud.sallaberry@univ- montp3.fr 1 Plan Fonc-onnement du web Le langage HTML 2 Web : Introduc;on Réseau : mise en commun de ressources (données, imprimantes, ) Internet : Interconnexion

Plus en détail

Cours de XHTML. chaîne de caractères

Cours de XHTML. <balise attribut=valeur attribut2=valeur2 >chaîne de caractères</balise> Cours de XHTML Introduction XHTML n'est pas un langage de programmation proprement dit, il s'agit simplement d'un langage de balisage dont le rôle est de formaliser l'écriture d'un document web avec des

Plus en détail

Support de cours Dreamweaver CS5. MC Benveniste

Support de cours Dreamweaver CS5. MC Benveniste Support de cours Dreamweaver CS5 MC Benveniste 2011 Présentation du logiciel Il s agit d un logiciel d intégration de pages web, avec une interface wysyiswg (what you see is what you get = ce que vous

Plus en détail

Dossier ISN : Tracés de fonctions mathématiques :

Dossier ISN : Tracés de fonctions mathématiques : Dossier ISN : Tracés de fonctions mathématiques : Par Crosetti Pauline et Depoers Quentin. Lycée Colbert Tourcoing. Année scolaire 2012/2013. Sommaire : - Recherches et étude du projet - Html - Css - Javascript

Plus en détail

CinéPack. Création et hébergement de site internet

CinéPack. Création et hébergement de site internet CinéPack Création et hébergement de site internet mise à jour du 24/12/2013 Sommaire Sommaire...2 Bienvenue sur votre espace d administration CinePack...3 Accueil de votre administration :...4 Gestion

Plus en détail

Rédaction d une fiche thématique Mutuelles étudiantes : Se grouper pour agir

Rédaction d une fiche thématique Mutuelles étudiantes : Se grouper pour agir Rédaction d une fiche thématique Mutuelles étudiantes : Se grouper pour agir Philippe Marcy (webmaster) Table des matières 1. QU EST-CE QU UNE FICHE THÉMATIQUE?... 2 2. FAIRE UNE PROPOSITION DE FICHE THÉMATIQUE...

Plus en détail

Sommaire. 1 Créer un premier site Élaborer un contenu...69

Sommaire. 1 Créer un premier site Élaborer un contenu...69 Partie 1 Votre site web personnel...25 1 Créer un premier site...27 1.1 Installer le serveur web personnel de Microsoft...29 1.2 Créer un nouveau site web...31 1.3 Découvrir et personnaliser l environnement

Plus en détail

PAGE 1. L écran du logiciel NVU. Barre de menu: Les commandes du logiciel

PAGE 1. L écran du logiciel NVU. Barre de menu: Les commandes du logiciel PAGE L écran du logiciel NVU Nom du document : Nom d enregistrement Barre de mise forme: Texte, couleurs, fond,... Barre de menu: Les commandes du logiciel Barre d outils: Les boutons de commande Gestionnaire

Plus en détail

Cours réalisé par : Ilahi Néjib TP TIC (HTML) Matière : Technologie de l information et de la communication Classe : 4 SI Enseignant : Ilahi Néjib

Cours réalisé par : Ilahi Néjib TP TIC (HTML) Matière : Technologie de l information et de la communication Classe : 4 SI Enseignant : Ilahi Néjib TP TIC (HTML) Matière : Technologie de l information et de la communication Classe : 4 SI Enseignant : Ilahi Néjib Durée : 2 heures Date : Octobre 07 A.S :2007/2008 TP N 1 : Objectifs : Savoir écrire le

Plus en détail

Rédacteur Comment ajouter / modifier du texte

Rédacteur Comment ajouter / modifier du texte Rédacteur Comment ajouter / modifier du texte Etape 1 : Authentifier sur le site Cliquez sur Privé puis saisissez votre «Nom d'utilisateur» et «Mot de passe» Une fois authentifier, cliquer sur le bouton

Plus en détail

IUT TC - N. Rodriguez-Destruel BALISES HTML 4.01

IUT TC - N. Rodriguez-Destruel BALISES HTML 4.01 BALISES HTML 4.01 (Référence rapide non exhaustive!) Bibliographie : Le museau numérique, http://www.laurent-bernat.com/html-balises.php3?quoi=recap_attributs HTML code tutorial, http://www.htmlcodetutorial.com

Plus en détail

Table des matières 1. Editions ENI - Toute reproduction interdite

Table des matières 1. Editions ENI - Toute reproduction interdite Table des matières 1 Introduction L'Internet aujourd'hui...7 Le World Wide Web Consortium et les standards...7 Les logiciels de conception de sites web...7 L'objectif du livre...8 Interface de conception

Plus en détail

Le (X)HTML 5. LPCEL promotion 2016/2017 Vincent Peigné

Le (X)HTML 5. LPCEL promotion 2016/2017 Vincent Peigné Le (X)HTML 5 LPCEL promotion 2016/2017 Vincent Peigné Sommaire 1. HTML 5 2. L entête HTML 3. Le corps ou 4. L encodage et les accents 1. HTML 5 1. HTML 5 1.1. Définition et historique 1.2. Définition

Plus en détail

Test Test Test Test Test

Test Test Test Test Test Mise en forme d un document HTML Niveaux de titre Le langage HTML définit 6 niveaux de titre (en anglais heading), afin de définir une structuration hiérarchique des paragraphes dans un texte : Balise

Plus en détail

page web et html 1 principe général 2

page web et html 1 principe général 2 page web et html Table des matières 1 principe général 2 2 écrire et lire un document en HTML 3 2.1 Les références internationales................................. 3 2.2 Pour tester le code source et voir

Plus en détail

UTILISATION «PAGE BUILDER»

UTILISATION «PAGE BUILDER» 1/- AJOUTER DES IMAGES DANS LA BIBLIOTHÈQUE DES MÉDIAS. - Cliquer sur «Médias» puis sur l onglet «Bibliothèque». - Cliquer ensuite sur «Ajouter». 1 1 2 - Faire glisser les images à ajouter à l endroit

Plus en détail

TP6 : Les formulaires. Technologies du web Elodie Bisson

TP6 : Les formulaires. Technologies du web Elodie Bisson TP6 : Les formulaires Technologies du web Elodie Bisson 1. L'utilité d'un formulaire Un formulaire permet de recueillir des informations saisies par un utilisateur et de les envoyer via une URL à une adresse

Plus en détail

HTML. IFOSUP 36, av du Général de Gaulle Bagnolet IFOSUP UN NOUVEAU REGARD SUR LA FORMATION PUBLIC ET PRE REQUIS

HTML. IFOSUP 36, av du Général de Gaulle Bagnolet IFOSUP UN NOUVEAU REGARD SUR LA FORMATION PUBLIC ET PRE REQUIS HTML PUBLIC ET PRE REQUIS Public : Informaticiens Concepteurs Chefs de Projet Utilisateurs Pré-requis : Connaissance générale de l'environnement Web OBJECTIFS PROGRAMME La formation Python va vous apprendre

Plus en détail

On le retrouve dans plusieurs modules tels que le courrier, le forum, l agenda, les tâches, les communiqués et plus particulièrement dans Édu-Notes.

On le retrouve dans plusieurs modules tels que le courrier, le forum, l agenda, les tâches, les communiqués et plus particulièrement dans Édu-Notes. 154 L éditeur de texte L ÉDITEUR DE TEXTE L éditeur de texte du portail est une application destinée à créer et modifier des textes pour créer des documents HTML. L éditeur de texte possède certaines fonctions

Plus en détail

Viatique. pour la création. de site. avec Kompozer. à l usage des. débutants

Viatique. pour la création. de site. avec Kompozer. à l usage des. débutants Viatique pour la création de site avec Kompozer à l usage des débutants Avant de commencer... 3 Création d une page simple... 3 Informations sur la page... 3 Apparence... 3 Sauvegarde... 3 Saisie du contenu...

Plus en détail

Université Bordeaux, UF Mathématiques et Interactions Licence 2 MIASHS (2015/2016)

Université Bordeaux, UF Mathématiques et Interactions Licence 2 MIASHS (2015/2016) Université Bordeaux, UF Mathématiques et Interactions Licence 2 MIASHS (2015/2016) Conception de Sites Web Dynamiques : TD 1 HTML5 statique, balises, liens relatifs/absolus, images, validateur W3C http://www.labri.fr/perso/preuter/cswd2016

Plus en détail

HTML, CSS. Rapide Présentation Anthony Médassi Résumé OpenClassRoom

HTML, CSS. Rapide Présentation Anthony Médassi Résumé OpenClassRoom HTML, CSS Rapide Présentation Anthony Médassi Résumé OpenClassRoom HTML Pour le fond -> HTML Pour la forme -> CSS Les balises Les balises orphelines Attributs de balise LES BALISES PRINCIPALES HTML

Plus en détail

Interface de Word. Règle. Volet office. Barre d outils de mise en forme Elle permet d exécuter rapidement des commandes de mise en forme du texte.

Interface de Word. Règle. Volet office. Barre d outils de mise en forme Elle permet d exécuter rapidement des commandes de mise en forme du texte. Interface de Word L écran de Word est constitué de différents éléments qui sont les suivants : Barre de titre Barre de menu Point d insertion Barre d outils de mise en forme Règle Marge Barre d outils

Plus en détail

CHARGÉE DE COURS : N. VANASSCHE

CHARGÉE DE COURS : N. VANASSCHE CHARGÉE DE COURS : N. VANASSCHE WWW.NATHALIEVANASSCHE.BE DE NOMBREUSES PERSONNES CONFONDENT (À TORT) INTERNET ET LE WEB. le Web fait partie d'internet. Internet est donc un grand ensemble qui comprend,

Plus en détail

Word Table des matières

Word Table des matières Table des matières Module 1 Introduction à Word L environnement Démarrer Word... 1-3 Repérer les éléments de la fenêtre... 1-3 La barre de titre... 1-4 La barre d état... 1-5 Les barres de déplacement...

Plus en détail

Génération dynamique de pages web

Génération dynamique de pages web Génération dynamique de pages web Cet article décrit quelques techniques de programmation web permettant de générer des pages web dynamiquement à partir d une base de données. STRUCTURE DE LA BASE DE DONNÉES

Plus en détail

Formation Grainville la teinturiere. la- teinturiere.fr

Formation Grainville la teinturiere.  la- teinturiere.fr Formation Grainville la teinturiere www.grainville- la- teinturiere.fr Propulsé par : Un CMS en Open Source Version 1 p. 1 2 [Tapez le texte] Comment fonctionne le site? Le site permet aux internautes

Plus en détail

PFA-AUTO.FR Guide wordpress

PFA-AUTO.FR Guide wordpress PFA-AUTO.FR Guide wordpress 1 / 16 Accès Back office : http://www.pfa-auto.fr/wp-admin/ User : votre user Password : votre mot de passe MODIFIER LE CONTENU D UNE PAGE Modifier une page Dans le menu gauche,

Plus en détail

Éditeur Moodle. L'éditeur de Moodle se présente de la façon suivante : Vous y retrouverez les icônes traditionnelles d'un éditeur de texte.

Éditeur Moodle. L'éditeur de Moodle se présente de la façon suivante : Vous y retrouverez les icônes traditionnelles d'un éditeur de texte. Éditeur Moodle Ce tutoriel décrit comment utiliser l'éditeur de Moodle, que vous allez retrouver dans la plupart des activités et des ressources de la plateforme. L'éditeur de Moodle se présente de la

Plus en détail

C2i : Création de pages web

C2i : Création de pages web C2i : Création de pages web IUFE 2016/2017 Matthieu Giraud LIMOS, Université Clermont Auvergne Matthieu Giraud C2i : Création de pages web 1 / 33 Introduction Sommaire 1 Introduction 2 Structure d une

Plus en détail

Partie HTML TD 1 : Les bases du HTML

Partie HTML TD 1 : Les bases du HTML Partie HTML TD 1 : Les bases du HTML 1 Introduction HTML = HyperText Marked Language HTML est un langage permettant de décrire des données affichables sous forme de page par un navigateur Web. HTML peut

Plus en détail

Technique Internet de Base HTML avancé

Technique Internet de Base HTML avancé Objectifs Technique Internet de Base HTML avancé morge@di.unipi.it Licence 2 Université Jean Monnet Création de tableau complexe Mise en forme de tableau Création de formulaire 2008-2009 Tableau= élément

Plus en détail

Chapitre 1 : Prise en main d Excel

Chapitre 1 : Prise en main d Excel Chapitre 1 : Prise en main d Excel I. Qu'est-ce qu'un tableur? Un tableur permet de saisir des données, de faire des traitements sur ces données et de les afficher. Les originalités du tableur sont l'organisation

Plus en détail

HTML. Damien Nouvel. Damien Nouvel (Inalco) HTML 1 / 23

HTML. Damien Nouvel. Damien Nouvel (Inalco) HTML 1 / 23 HTML Damien Nouvel Damien Nouvel (Inalco) HTML 1 / 23 Langage, calcul, télécommunications Plan 1. Langage, calcul, télécommunications 2. Web et documents HTML 3. Balises 4. Attributs Damien Nouvel (Inalco)

Plus en détail

1 Prendre en main l interface et créer ses premiers courriers... 15

1 Prendre en main l interface et créer ses premiers courriers... 15 1 Prendre en main l interface et créer ses premiers courriers... 15 1.1. Tour d horizon... 16 Démarrer Word 2003... 16 Saisir un texte... 19 Appliquer quelques mises en forme... 21 Visualiser le document

Plus en détail

OP4. BD & Web. Résumé de cours. Partie II : HTML 4.0

OP4. BD & Web. Résumé de cours. Partie II : HTML 4.0 Univ.Montpellier II 2005 M. Hascoët OP4 BD & Web Résumé de cours Partie II : HTML 4.0 M. Hascoët mountaz@lirmm.fr Université Montpellier II Place Eugène Bataillon 34095 Montpellier Cedex 05 2/5 1. Introduction

Plus en détail

HTML, CSS. Rapide Présentation Anthony Médassi Résumé OpenClassRoom

HTML, CSS. Rapide Présentation Anthony Médassi Résumé OpenClassRoom HTML, CSS Rapide Présentation Anthony Médassi Résumé OpenClassRoom HTML Pour le fond -> HTML Pour la forme ->CSS Les balises Les balises orphelines Attributs de balise LES BALISES PRINCIPALES HTML

Plus en détail

Création d'un site Web avec KompoZer

Création d'un site Web avec KompoZer Création d'un site Web avec KompoZer Table des matières 1Rudiments sur le langage HTML.1 1.1Structure d'une page web :.1 1.2Le langage des pages Web.2 2Préparation du site web..2 3Utilisation d'une feuille

Plus en détail

Les formulaires types

Les formulaires types Les formulaires types Les formulaires types Formulaires interactifs Permettant de saisir des informations en remplissant des champs ou en cliquant sur des boutons Les formulaires De quoi avez vous besoin

Plus en détail

STUDIO - TI6 TABLE DES MATIÈRES. NOUVELLE MATIÈRE (suite) 9. Intégration du logo. Sujet. HTML - CSS révisions - suite.

STUDIO - TI6 TABLE DES MATIÈRES. NOUVELLE MATIÈRE (suite) 9. Intégration du logo. Sujet. HTML - CSS révisions - suite. STUDIO - TI6 PASCAL PLACEMAN Sujet HTML - CSS révisions - suite TABLE DES MATIÈRES Nouvelle matière: 9. Intégration du logo 10. Un titre devant la vidéo 11. Utiliser des polices typographiques grâce à

Plus en détail

DISI - Département TICE. L éditeur de Moodle

DISI - Département TICE. L éditeur de Moodle DISI - Département TICE L éditeur de Moodle Janvier 2010 Présentation de l éditeur L éditeur WYSIWIG La plupart des champs de texte de Moodle (contenu des ressources, étiquette, résumé de section, message

Plus en détail

HTML. Alexandre Benoit TS 2016/2017. D après openclassrooms

HTML. Alexandre Benoit TS 2016/2017. D après openclassrooms HTML D après openclassrooms Alexandre Benoit TS 2016/2017 Introduction Télécharger à partir de la page web du cours le fichier pageoueb.html Ouvrir le fichier avec Notepad++. Ouvrir le fichier avec Firefox.

Plus en détail

Table des matières iii. Table des matières

Table des matières iii. Table des matières Table des matières iii Table des matières Chapitre 1 Apprendre la méthode de doigté Introduction 4 Clavier 4 Ergonomie 6 Position du corps 6 Position devant l écran 6 Soins des yeux 6 Position des mains

Plus en détail

LES FORMULAIRES. Elisabeth Pecatte elisabeth.pecatte@iut-tlse3.fr

LES FORMULAIRES. Elisabeth Pecatte elisabeth.pecatte@iut-tlse3.fr LES FORMULAIRES Elisabeth Pecatte elisabeth.pecatte@iut-tlse3.fr LES FORMULAIRES Permet de récupérer les informations saisies par l'internaute sur votre site Nécessite un traitement des données : php mail

Plus en détail

Principales icônes «JCMS»

Principales icônes «JCMS» Principales icônes «JCMS» Icônes d accès aux espaces JCMS Espaces de Travail Donne accès à la liste des Espaces de travail pour lesquels le membre connecté a les droits. Accueil Affiche la page d'accueil

Plus en détail

LES BASES DU HTML 5 SOMMAIRE

LES BASES DU HTML 5 SOMMAIRE LES BASES DU HTML 5 https://openclassrooms.com/courses/apprenez-a-creer-votre-site-web-avec-html5-et-css3 Open Class Room SOMMAIRE Les bases HTML5... 3 1 : comment fait-on pour créer un site web... 3 Deux

Plus en détail

Manuel d utilisation des blogs des projets de Défis solaires

Manuel d utilisation des blogs des projets de Défis solaires Manuel d utilisation des blogs des projets de Défis solaires Version du 9 février 2013 Les dernières informations sont sur : http://www.planete-sciences.org/blogs/defissolaires/ 1 / 27 Sommaire I. CONNEXION

Plus en détail

Francis Draillard. Premiers pas HTML 5 CSS 3 & 6 e édition. Mise à jour. Groupe Eyrolles, 2006, 2008, 2010, 2012, 2013, 2015, ISBN :

Francis Draillard. Premiers pas HTML 5 CSS 3 & 6 e édition. Mise à jour. Groupe Eyrolles, 2006, 2008, 2010, 2012, 2013, 2015, ISBN : Francis Draillard Premiers pas en CSS 3 & HTML 5 6 e édition Mise à jour Groupe Eyrolles, 2006, 2008, 2010, 2012, 2013, 2015, ISBN : 978-2-212-13944-0 Table des matières 1. INTRODUCTION AU HTML ET AUX

Plus en détail

HEI3 : TD HTML. Objectif : construction d un document hypertexte sur Internet. Moyens :

HEI3 : TD HTML. Objectif : construction d un document hypertexte sur Internet. Moyens : 3 : TD HTML Objectif : Moyens : construction d un document hypertexte sur Internet - Internet : notions d échanges sur le réseau - Langage : présentation d HTML - Mise en œuvre d HTML : TD_3_HTML_CV.html

Plus en détail

Support de cours Word. Version 2010

Support de cours Word. Version 2010 Support de cours Word Version 2010 Sommaire + Aperçu du support Copyright 2012 - Workinlive - Tous droits réservés I. NOUVEAUTES ET GENERALITES... 5 A. LES NOUVEAUTES... 5 B. LA BARRE D OUTILS D ACCES

Plus en détail

Izinoa / octobre

Izinoa / octobre Connexion à Izinoa Fonctionnement de l arborescence Gestion d une page Edition Création Suppression Les éléments de page Texte simple Texte avec mise en page Image Date Lien Mot clés Spécification des

Plus en détail

Les raccourcis typographiques de SPIP

Les raccourcis typographiques de SPIP Les raccourcis typographiques de SPIP Depuis la version 1.7, il y a des contributions pour augmenter les possibilités de raccourcis typographiques de SPIP. 1- Les raccourcis "natifs" SPIP est basé sur

Plus en détail

Créer des articles. Écrire un premier article

Créer des articles. Écrire un premier article 8 Créer des articles L intérêt principal d un site se concentre surtout autour de la possibilité de publier du contenu, le plus souvent sous la forme d articles (ou "billets"). Nous allons voir dans le

Plus en détail

Recouvrement des bordures

Recouvrement des bordures 4 Propriétés de mise en forme Tableau 4 43 Propriété table-layout (suite) auto : largeur automatique (valeur par défaut) ou fixed : largeur fixe. Propriété héritée. Pour retrouver la valeur initiale, utiliser

Plus en détail

GUIDE D UTILISATION DU LOGICIEL LIMESURVEY (Création d enquêtes en ligne)

GUIDE D UTILISATION DU LOGICIEL LIMESURVEY (Création d enquêtes en ligne) GUIDE D UTILISATION DU LOGICIEL LIMESURVEY (Création d enquêtes en ligne) http://w3.avignon.inra.fr/limesurvey/admin/admin.php Username : admin Password : Quelques liens utiles pour travailler sur Limesurvey

Plus en détail

Mettre en forme des caractères et des paragraphes. WORD Mettre en forme du texte

Mettre en forme des caractères et des paragraphes. WORD Mettre en forme du texte Mettre en forme des caractères et des paragraphes WORD Mettre en forme du texte Mettre en forme du texte SOMMAIRE : I METTRE EN FORME DES CARACTÈRES... 3 1.1 - Modifier la police de caractère... 3 1.2

Plus en détail

EXERCICE D INITIATION À LA BUREAUTIQUE

EXERCICE D INITIATION À LA BUREAUTIQUE EXERCICE D INITIATION À LA BUREAUTIQUE L objectif de cet exercice d initiation à la bureautique est de sa familiariser avec les fonctions de base de bureautique comme la gestion des dossiers, la rédaction

Plus en détail

Table des matières TABLE DES MATIÈRES

Table des matières TABLE DES MATIÈRES iii TABLE DES MATIÈRES Leçon 1 Démarrer et explorer Excel... 1 1.045 Qu est-ce que Microsoft Excel?... 2 1.050 Démarrer Microsoft Excel... 2 1.060 Identifier les éléments de la fenêtre d Excel... 3 1.065

Plus en détail

DOSSIER D'ACTIVITES SUR LE PHP N 05 Insérer des données dans une base de données

DOSSIER D'ACTIVITES SUR LE PHP N 05 Insérer des données dans une base de données DOSSIER D'ACTIVITES SUR LE PHP N 05 Insérer des données dans une base de données Objectifs : Apprendre à l apprenant à lancer un serveur local «Apache» Apprendre à l'apprenant à lancer un serveur MySQL

Plus en détail

Guide d utilisation pour utilisateur «userpsa»

Guide d utilisation pour utilisateur «userpsa» Guide d utilisation pour utilisateur «userpsa» Site Internet du comité d entreprise http://cepcacharleville.fr Page 1 sur 13 SOMMAIRE 1 VERSION DU DOCUMENT... 3 2 COMMENT BIEN UTILISER CE GUIDE... 4 3

Plus en détail

P.BOUQUET maj. du 21/02/2016. Vocabulaire Web

P.BOUQUET maj. du 21/02/2016. Vocabulaire Web Agile : Méthode de gestion de projet basée sur l'humain, le fonctionnel, l'itératif et l'adaptabilité. BDD : Bases De Données structurées. CMS : Logiciel hautement paramétrable, facilitant la création

Plus en détail

Compte rendu de PHP MySQL : création d un formulaire de base de données

Compte rendu de PHP MySQL : création d un formulaire de base de données REVILLION Joris Décembre 2009 3EI Compte rendu de PHP MySQL : création d un formulaire de base de données Objectifs : Le principal objectif de ce cours est de découvrir et de nous familiariser avec le

Plus en détail

- Introduction - Télécharger une image - Ajouter une news - Gérer les news - Gérer les administrateurs

- Introduction - Télécharger une image - Ajouter une news - Gérer les news - Gérer les administrateurs - Introduction - Télécharger une image - Ajouter une news - Gérer les news - Gérer les administrateurs INTRODUCTION haut de page Les fonctions de création de news sous navigateur Mac sont légèrement moins

Plus en détail

HTML 5 CSS 3 Responsive

HTML 5 CSS 3 Responsive HTML 5 CSS 3 Responsive Programme de formation Microsoft Partner France Belgique Suisse - Canada Formez vos salariés pour optimiser la productivité de votre entreprise Dernière mise à jour : Avril 2014

Plus en détail

Utiliser les options de l éditeur de texte

Utiliser les options de l éditeur de texte Utiliser les options de l éditeur de texte L éditeur de texte riche vous permet de personnaliser votre texte grâce à une barre d outils similaire à celle que l on retrouve dans un logiciel de traitement

Plus en détail

PRESENTATION DE WORD 2007 A Présentation générale 2 B L écran de Word 3 C Barres d outils et rubans de fonctions 4

PRESENTATION DE WORD 2007 A Présentation générale 2 B L écran de Word 3 C Barres d outils et rubans de fonctions 4 S ommaire PRESENTATION DE WORD 2007 A Présentation générale 2 B L écran de Word 3 C Barres d outils et rubans de fonctions 4 MODES OPERATOIRES 1 Gestion de Word et de l écran 9 2 Gestion des fichiers (documents)

Plus en détail

Epicerie sociale de Wissembourg

Epicerie sociale de Wissembourg Epicerie sociale de Wissembourg Initiation à l'utilisation: Ordinateur Internet Logiciels courants Le jeudi de 14h à 15h30 Sauf information contraire Avant de commencer AVAST Installation d'un antivirus.

Plus en détail