Rapport des modifications techniques effectuées

Save this PDF as:
 WORD  PNG  TXT  JPG

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

Download "Rapport des modifications techniques effectuées"

Transcription

1 Club Alpin Français Nantes-Atlantique Rapport des modifications techniques effectuées BERROU Quentin BRUNED Boris QUEVA Caroline 11

2 I CMS choisi : Nous avons choisi d utiliser Joomla! de par sa communauté et son adéquation avec les besoins du client (fonctionnalités et plateforme personnalisable). II Module principal : Le module principal que nous avons utilisé est Flexicontent D après le cahier des charges que nous sommes fixés avec le client, le site devait comporter une base de données contenant des fiches d ascensions. Via l interface de Flexicontent nous avons créé un type de contenu ascension. Nous lui avons affecté des champs de bases de Joomla (titre, description) et des champs personnalisés (voie, altitude ) créés via Flexicontent. A chaque type de contenu est associé un template. Pour afficher les champs personnalisés nous avons dû créer notre propre template (cf fonctionnalités ajoutées). Voici les champs de la base de données : Champs Flexicontent - Date de l ascension - Altitude du sommet - Voie - Participants - Activités - Photo prise au sommet + commentaire - Photo lors de l ascension + commentaire - Géo localisation (google map) Champs Joomla de base - Titre : nom du sommet - Description : récit de l ascension 2

3 III Fonctionnalités ajoutées : a) Template ascension Nous avons créé un template ascension pour afficher les contenus de type ascension. En effet, en travaillant sur le template par défaut de Flexicontent les champs créés (date, activités ) ont pu être affichés. Le template default a été modifié sur deux aspects : - la vue item (fiche ascension) - la vue catégorie 1. Vue item Modification du fichier «item.xml» afin de définir les zones d affichage (entête, description ) <?xml version="1.0" encoding="utf-8"?> <metadata> <author>boris Bruned</author> <website> <license>gplv2</license> <version>1.1</version> <release>4 avril </release> <description>template pour afficher les ascensions</description> <params addpath="/administrator/components/com_flexicontent/elements"> </params> <fieldgroups> <group>entete</group> <group>sommet_photo</group> <group>photo</group> <group>description</group> <group>gmap</group> </fieldgroups> <cssitem> <file>css/item.css</file> </cssitem> <jsitem> </jsitem> 3

4 </metadata> Ci-dessous une vue du template choisi pour l affichage d une ascension : Dans le fichier «item.php» on affiche directement les champs liés à une ascension. // on définit ici le nom du template $tmpl = $this->tmpl;?> <!--<div id="flexicontent" class="flexicontent item<?php/* echo $this->item->id; */?> type<?php echo $this->item->type_id;?>"--> <!-- BOF buttons --> <p class="buttons"> <?php echo flexicontent_html::pdfbutton( $this->item, $this->params );?> <?php echo flexicontent_html::mailbutton( 'items', $this->params, null, $this->item->slug );?> <?php echo flexicontent_html::printbutton( $this->print_link, $this->params );?> <?php echo flexicontent_html::editbutton( $this->item, $this->params );?> 4

5 </p> <!-- EOF buttons --> <div class="ascension_contenu"> <div class="entete"> </span> <h1 class="componentheading1"> <span class="ordre"> <span class="titre"> <?php echo $this->escape($this->item->ordering);?> <?php echo mb_strtoupper($this->fields['title']->display)." (".$this- >fields['altitude']->display.")"?> </h1> <h2> </span> </span><br/> <span class="date">le <?php echo $this->fields['date_ascension']->display;?> <span class="participants">participants : <?php echo $this->fields['participants']- >display;?></span><br/> <span class="activite"> Activités : <?php echo $this->fields['activite']->display;?></span><br/> <span class="voie"><span class="voie1">voie :</span><span class="par">par</span><?php echo " ".$this->fields['voie']->display;?> </span> 5 </h2> <!-- BOF image --> <div class="sommet_photo">

6 <?php echo $this->fields['sommet_photo']->display;?> <div class="commentaire_sommet"> <?php echo $this->fields['commentaire_sommet']->display;?> <!-- EOF image --> <!-- BOF image --> <div class="photo"> <?php echo $this->fields['photo']->display;?> <div class="commentaire_sommet"> <?php echo $this->fields['commentaire_photo']->display;?> <div class="commentaire"> <!-- EOF image --> <div class="description"> <?php echo $this->fields['text']->display;?> <div class="gmap"> <h2 class="localisation"> Localisation </h2> <div class="carte"> <?php echo $this->fields['localisation']->display;?> 6

7 <!--/div--> A chaque champ est associée une classe pour la mise en page en CSS ainsi que pour la sélection des champs lors de l impression. Enfin on modifie le fichier item.css afin d obtenir un joli affichage. div.ascension_contenu{ width:900px; overflow:hidden; /*entete*/ div.entete{ width:670px; height:150px; background-color:rgb(1,254,241); border-left:3px solid rgb(0,128,0); /* couleur du cadre */ border-right:3px solid rgb(0,128,0); border-bottom:3px solid rgb(0,128,0); border-top:3px solid rgb(0,128,0); overflow:hidden; box-shadow: 8px 8px 12px #aaa; -moz-box-shadow: 8px 8px 12px #aaa;.entete:hover{ background-color:rgb(128,255,255); 7

8 span.titre{ font-size:1.3em; color:rgb(0,0,255); text-shadow: 2px 2px 4px #999; span.ordre{ font-family: Arial, Georgia, "Times New Roman", Times, serif; font-size:1.9em; padding-left:10px; color:rgb(0,128,0); text-shadow: 2px 2px 4px #999; span.par{ display:none; /*photo au sommet + commentaire*/ div.sommet_photo{ width:650px; height:490px; padding-left:20px; padding-top:20px; overflow:hidden; box-shadow: 8px 8px 12px #aaa; -moz-box-shadow: 8px 8px 12px #aaa; div.commentaire_sommet{ padding-left:60px; font-family: Arial, Georgia, "Times New Roman", Times, serif; font-size: 1.2em; color:rgb(0,0,255); font-weight:bold; text-shadow: 2px 2px 4px #999; /*deuxième photo + commentaire*/ 8

9 div.photo{ width:500px; height:660px; padding-top:60px; overflow:hidden; div.commentaire_photo{ padding-left:20px; font-family: Arial, Georgia, "Times New Roman", Times, serif; font-size: 1.2em; color:rgb(0,0,255); font-weight:bold; text-shadow: 2px 2px 4px #999; div.description{ float:left; position: absolute; top: 1000px; width:310px; height:680px; padding-left:500px; text-align:justify; font-family: Arial, Georgia, "Times New Roman", Times, serif; font-size: 1.4em; overflow:hidden; /*affichage google map*/ div.gmap{ overflow:hidden; h2.localisation{ padding-left:15px; background-color:rgb(1,254,241); border-left:3px solid rgb(0,128,0); /* couleur du cadre */ border-right:3px solid rgb(0,128,0); 9

10 border-bottom:3px solid rgb(0,128,0); border-top:3px solid rgb(0,128,0); width:125px; height:25px; box-shadow: 8px 8px 12px #aaa; -moz-box-shadow: 8px 8px 12px #aaa;.localisation:hover{ background-color:rgb(128,255,255); div.carte{ padding-left:100px; box-shadow: 8px 8px 12px #aaa; 2. Vue catégorie Trier le tableau de catégorie Un fichier «sortable.js» a été ajouté dans le dossier suivant : root/www/joomla15/components/com_flexicontent/assets/js/ Dans ce fichier, a été modifiée la variable : var image_path = " Dans le template Default, le fichier category_items.php a été modifié à la ligne 33 : <script type="text/javascript" src="<?php echo JURI::base().'components/com_flexicontent/assets/js'.DS?>sortable.js"> </script> et à la ligne 90 : <table class="sortable flexitable" id="flexitable" 2.2 Personnaliser le tableau de catégorie Le template Default2 a été créé pour la vue catégorie, il se base sur le principe du template Default mais avec quelques modifications. Ce template a ensuite été fusionné avec le template Ascensions en vue catégorie afin de donner de la cohérence à la structure du site. Voici les modifications effectuées :

11 Dans category.xml: <params addpath="/administrator/components/com_flexicontent/elements"> <param name="lead_cut_text" type="text" size="4" default="100" label="flexi_cut_intro" description="flexi_cut_intro_desc" /> </params> <fieldgroups> <group>colonne1</group> <group>colonne2</group> <group>colonne3</group> <group>colonne4</group> <group>colonne5</group> <group>colonne6</group> </fieldgroups> Dans category_item.php : <table id="flexitable" class="sortable flexitable" width="100%" border="0" cellspacing="0" cellpadding="0" summary="<?php echo $this->category->name;?>"> <thead> <tr> <th>sommet</th> <th>date</th> <th>voie</th> </tr> </thead> <tbody> <?php foreach ($this->items as $item) :?> <tr class="ligne<?php echo $class;?>" > <!-- BOF item title --> <td scope="row" class="table-titles"> <?php if ($this->params->get('link_titles', 0)) :?> <a href="<?php echo= JRoute::_(FlexicontentHelperRoute::getItemRoute($item->slug, $this->category->slug));?>"><?php echo $this->escape($item->title);?></a> <?php else : echo $this->escape($item->title); endif;?> </td> <!-- BOF item title --> 11 <td class="colonne1" > <!-- BOF colonne1 cell --> <?php if (isset($item->positions['colonne1'])) :?> <?php foreach ($item->positions['colonne1'] as $field) :?> <?php echo $field->display? $field->display : '';?> <?php endforeach;?> <?php endif;?> <!-- EOF colonne1 cell --> </td>

12 //idem pour les colonnes 2,3,4,5 //La colonne 6 comportant la description, elle doit être limitée en nombre de caractères <td class="colonne6" > <!-- BOF colonne6 cell --> <?php if (isset($item->positions['colonne6'])) :?> <?php if ($this->params->get('lead_strip_html', 1)) : echo flexicontent_html::striptagsandcut( $item->introtext, $this->params- >get('lead_cut_text', 100) ); else : echo $item->introtext; endif;?> <?php foreach ($item->positions['colonne6'] as $field) :?> <?php //echo $field->display? $field->display : '';?> <?php endforeach;?> <?php endif;?> <!-- EOF colonne6 cell --> </td> </tr> <?php endforeach;?> </tbody> </table> Ensuite il était nécessaire de changer le CSS du tableau. 12

13 Dans category.css : td.table-titles { width: 300px; text-align: center; font-weight: bold; background-color: silver; color: black; td.colonne2, td.colonne4 { text-decoration: none; vertical-align: middle; text-align: center; font-weight: bold; background-color: silver; color: black; width: 300px; td.colonne1, td.colonne3, td.colonne5 { text-decoration: none; vertical-align: middle; text-align: center; background-color: rgb(51,1,182); color: white; font-weight: bold; width: 500px; td.colonne6 { text-decoration: none; vertical-align: middle; font-weight: bold; background-color: silver; color: black; width: 500px; 13

14 b) Mise en pdf via PDF Creator Nous avons optés par une mise en pdf via l imprimante puisque aucune extension faisant du pdf n est compatible avec Flexicontent. En effet les champs personnalisés crées sous Flexicontent ne sont pas affichés lors de la mise en pdf du contenu. Ainsi nous avons réalisés une mise en page différente lors de l impression dans le template du site Ja-purity en rajoutant à au fichier «component.php» dans templates/ja_purity cette ligne : <link rel="stylesheet" href="<?php echo $this->baseurl?>/templates/<?php echo $this->template;?>/css/print.css" type="text/css" media="print" /> Un fichier print.css a été créé pour effectuer une mise en page différente de «item.css». c) Modification du compteur d articles Nous avons dû légèrement modifier le module mod_stats de Joomla afin qu il affiche le nombre d ascensions effectuées. Ce module recense par défaut le nombre total d articles. Nous avons donc décrémenté ce compteur de 3 unités (page d accueil, tutoriel et localisation des ascensions) afin que le nombre d article affiché corresponde aux seules ascensions renseignées par les membres : Dans helper.php Ligne 67: $items = $db->loadresult()-3; Par ailleurs, le terme Contenu a été remplacé par Ascensions effectuées pour plus de cohérence. Dans helper.php Ligne 83: $rows[$i]->title = JText::_( 'Ascensions effectuées' ); d) Ajout de la Google Map générale Afin de mettre en place la carte des ascensions que l on trouve dans le menu à gauche, un fichier kml a été écrit. Pour le moment ce fichier doit être rempli manuellement, il est de la forme : <?xml version="1.0" encoding="utf-8"?> <kml xmlns=" <Document> <name>kml_gmap.kml</name> <Placemark> <name>petit Vignemale</name> <Point> <coordinates>-0.133, 42.77</coordinates> </Point> </Document> </kml> 14

15 Nous avons tenté d écrire une fonction php qui permettrait la création de ce fichier automatiquement après la saisie d une ascension. Cependant les tests effectués ne fonctionnaient pas et nous n avons pas réussi à trouver l erreur. La fonction php est la suivante : <?php $serveur = 'mysql51-33.bdb'; $login = 'cafnantejoom'; $passwd = 'bigpollux75'; $database = 'cafnantejoom'; $query = 'SELECT A1.value, A2.title FROM jos_flexicontent_fields_item_relations A1, jos_content A2 WHERE A1.field_id=23 AND A1.item_id=A2.id'; $racine = "kml"; $element = "Placemark"; function sql2kml($serveur, $login, $passwd, $database, $query, $racine, $element) // Connexion et requête à la base de données $db = mysql_connect($serveur, $login, $passwd) or die("could not connect"); mysql_select_db($database) or die("could not select database"); $result = mysql_query($query, $db); // Création d'un nouveau document KML $doc = domxml_new_doc('1.0'); $root = $doc->create_element($racine); $root = $doc->append_child($root); $attribute = $doc->create_attribute(xmlns," //Attribut?! $attribute = $root->append_child($attribute); //Création des balises <Document> et <name> $occ = $doc->create_element("document"); $occ = $root->append_child($occ); $occ2 = $doc->create_element("name"); $occ2 = $occ->append_child($occ2); $value = $doc->create_text_node(utf8_encode('kml_map.kml')); $value = $occ2->append_child($value); { //Creation des marqueurs while($row = mysql_fetch_assoc($result)) $occ2 = $doc->create_element($element); $occ2 = $occ->append_child($occ2); foreach ($row as $fieldname => $fieldvalue) { if ($fieldname == 'title'): $child = $doc->create_element('name'); $child = $occ2->append_child($child); $value = $doc->create_text_node(utf8_encode($fieldvalue)); $value = $child->append_child($value); else: if ($fieldname == 'value'): $occ3 = $doc->create_element('point'); $occ3 = $occ2->append_child($occ3);?> $child = $doc->create_element('coordinates'); $child = $occ3->append_child($child); $value = $doc->create_text_node(utf8_encode($fieldvalue)); $value = $child->append_child($value); $doc->dump_file(" false, true); 15

16 e) Newsletter Nous avons installé le module Vemod News Mailer afin de mettre en place une newsletter bihebdomadaire recensant les dernières ascensions enregistrées. Le module étant en langue anglaise, il a fallu traduire une bonne partie des termes apparaissant dans la newsletter, mais surtout adapter le template des différents types d s : inscription/désinscription/newsletter, en version HTML et en version texte. Ce changements ont été effectués dans les fichiers suivants: config.vemod_news_mailer.php pour le template fr-fr.com_vemod_news_mailer.ini pour la traduction Il s agit principalement de manipuler des balises HTML basiques, nous ne détaillerons donc pas les modifications apportées ici. f) Design du site Afin de coller à la charte graphique du site actuel du CAF Nantes Atlantique, nous avons modifié le CSS du template Joomla. Pour l essentiel, on a utilisé comme couleur de fond du bandeau le bleu du logo du CAF Nantes Atlantique, et on a adapté les différentes tailles de bannière, logo, bandeau Dans template.css Ligne 924: background: #165ca2; Ligne 927: height: 200px; Ligne 932: height: 200px; Ligne 936: width: 770px; Ligne 939: height: 200px; Ligne 957: width: 284px; Ligne 960: height: 200px; Ligne 1338: background: #165ca2; 16

Manuel d utilisation de la personnalisation avancée des pages web

Manuel d utilisation de la personnalisation avancée des pages web Manuel d utilisation de la personnalisation avancée des pages web Version 1.B Payline PROPRIETAIRE Page 1/15 Version du modèle : DocStd_50 Page des évolutions Le tableau ci-dessous liste les dernières

Plus en détail

Les feuilles de Style HTML : CSS

Les feuilles de Style HTML : CSS Les feuilles de Style HTML : CSS Tarek Melliti Laboratoire IBISC (Informatique Biologie Intégrative et Systèmes Complexes) tarek.melliti@ibisc.univ-evry.fr Plan du cours Séances 1 : Introduction à l informatique

Plus en détail

MODIFICATIONS ET CREATIONS OSCOMMERCE POUR ICI RELAIS

MODIFICATIONS ET CREATIONS OSCOMMERCE POUR ICI RELAIS MODIFICATIONS ET CREATIONS OSCOMMERCE POUR ICI RELAIS Objectif : Le but de ce document est d expliquer les fonctions de chaque nouveau fichier propre au module de livraison ICI relais. Il reprend également

Plus en détail

Personnaliser vos écrans

Personnaliser vos écrans Personnaliser vos écrans Sommaire 1 Présentation 2 Mécanisme 3 Création du custom 3.1 Note 4 Création du dossier contenant les images personnalisées 4.1 Note 5 Création du dossier contenant le fichier

Plus en détail

Programmation Tablette. Dominique Rossin Cours 1 - HTML / CSS

Programmation Tablette. Dominique Rossin Cours 1 - HTML / CSS Programmation Tablette Dominique Rossin Cours 1 - HTML / CSS Objectifs Comprendre le fonctionnement d une application Web Comprendre le fonctionnement d une application Smartphone Programmer et déployer

Plus en détail

Introduction à la Simulation

Introduction à la Simulation ou comment créer votre premier jeu vidéo Jacques Duma http://math.et.info.free.fr/ http://ateliermathematique.free.fr/ Aspect visuel souhaité Aspect visuel souhaité Code source de la page HTML Feuille

Plus en détail

Objectifs. Programmation Tablette. Journée type. Organisation. Dominique Rossin Cours 1 - HTML / CSS

Objectifs. Programmation Tablette. Journée type. Organisation. Dominique Rossin Cours 1 - HTML / CSS Objectifs Programmation Tablette Dominique Rossin Cours 1 - HTML / CSS Comprendre le fonctionnement d une application Web Comprendre le fonctionnement d une application Smartphone Programmer et déployer

Plus en détail

Le langage JavaScript TD N 3. Module IntegWEB MMI 1 2013/2014

Le langage JavaScript TD N 3. Module IntegWEB MMI 1 2013/2014 1 Le langage JavaScript TD N 3 Module IntegWEB MMI 1 2013/2014 Jeu les tables de multiplication 2 Code HTML 3 apprendre les tables de multiplication

Plus en détail

FORMATION CONTINUE IGSO GLOBES VIRTUELS MÉCANISMES ET APPLICATIONS MONTAGE D UNE INTERFACE SUR LA BASE DES API S GOOGLE EARTH ET GOOGLE MAPS

FORMATION CONTINUE IGSO GLOBES VIRTUELS MÉCANISMES ET APPLICATIONS MONTAGE D UNE INTERFACE SUR LA BASE DES API S GOOGLE EARTH ET GOOGLE MAPS FORMATION CONTINUE IGSO GLOBES VIRTUELS MÉCANISMES ET APPLICATIONS MONTAGE D UNE INTERFACE SUR LA BASE DES API S GOOGLE EARTH ET GOOGLE MAPS CODE COMPLET ET COMMENTÉ DE L INTERFACE TABLE DES MATIÈRES 1.

Plus en détail

CSS. CSS : propriétés. Texte : text-align, text-decoration, text-indent, font-weight, font-family, font-style, font-size

CSS. CSS : propriétés. Texte : text-align, text-decoration, text-indent, font-weight, font-family, font-style, font-size CSS s de propriétés en CSS Manuele Kirsch Pinheiro Manuele.Kirsch-Pinheiro@univ-paris1.fr Remerciements Mes sincères remerciements aux collègues de l IUT Nancy Charlemagne pour leur aide lors de mon passage

Plus en détail

Arbres Mathématiques Informatique et Navigateurs Internet

Arbres Mathématiques Informatique et Navigateurs Internet Arbres Mathématiques Informatique et Navigateurs Internet Jacques Duma http://math.et.info.free.fr/ http://ateliermathematique.free.fr/ Arbres Expressions Mathématiques Structure arborescente de l expression

Plus en détail

Créer un modèle pour Joomla 1.5

Créer un modèle pour Joomla 1.5 Créer un modèle pour Joomla 1.5 Dans le dossier templates de Joomla, créer un nouveau dossier au nom du modèle (lettres-chiffres-tirets, éviter caractères accentués et spéciaux) Dans ce dossier template/nom_du_modèle,

Plus en détail

Elaboration de mise en page HTML en utilisant le CSS et les DIV avec Dreamweaver

Elaboration de mise en page HTML en utilisant le CSS et les DIV avec Dreamweaver Elaboration de mise en page HTML en utilisant le CSS et les DIV avec Dreamweaver Les bonnes pratiques du concepteur web moderne requièrent l usage des CSS pour la réalisation des mises en page. Les mises

Plus en détail

<link rel =" stylesheet " type =" text / css " href =" monstyle. css " />

<link rel = stylesheet  type = text / css  href = monstyle. css  /> Programmation Web AGRAL-3 et MTX-3, 2012-13 SÃl ance TP N o 5 Mars 2013 Objectifs Langage CSS Interactions HTML/CSS Manipulation [Où mettre ses fichiers? ] Pour ce TP vous allez mettre votre fichier HTML

Plus en détail

Interfaçage avec une base de données

Interfaçage avec une base de données Interfaçage avec une base de données Principe PHP propose de nombreux outils permettant de travailler avec la plupart des SGBD Oracle, Sybase, Microsoft SQL Server, PostgreSQL ou encore MySQL Php fournit

Plus en détail

Tutoriel d utilisation

Tutoriel d utilisation Tutoriel d utilisation JCE est l éditeur le plus complet pour Joomla! JCE est capable de gérer les mise en page comme un éditeur de type Word ou Open Office. Il permet d insérer des images et médias de

Plus en détail

M2202 Algorithmique TD 5 : Une bannière animée interactive

M2202 Algorithmique TD 5 : Une bannière animée interactive M2202 Algorithmique TD 5 : Une bannière animée interactive Nous verrons dans ce TD comment : enchainer une suite d'images en fondu dans une bannière ; afficher une image spécifique de cette bannière par

Plus en détail

Présentation et explications

Présentation et explications Présentation et explications 1 SOMMAIRE I) Introduction... 3 II) Installation... 3 1) Localement... 3 2) Chez un hébergeur... 4 Installation automatique... 4 Installation manuelle... 4 III) Interface de

Plus en détail

.. CSS. Damien Nouvel. Damien Nouvel (Inalco) CSS 1 / 15

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

Plus en détail

5. Donnez et expliquez 2 arguments justifiant la détection de capacités côté client plutôt que côté serveur, en utilisant l User Agent.

5. Donnez et expliquez 2 arguments justifiant la détection de capacités côté client plutôt que côté serveur, en utilisant l User Agent. Questions de cours LPSIL 2012/2013 1 1. Pour chaque type de site listé ci-dessous, indiquez la ou les approches d adaptation à utiliser parmi les 3 approches vues en cours (1 point) : - Site ayant 2 parties

Plus en détail

Joomla 3.1.1 1 Weber Yvan 11.08.13

Joomla 3.1.1 1 Weber Yvan 11.08.13 1 2 Table des matières 1 Introduction...3 2 Supprimer le bandeau...6 3 Insérer le nouveau bandeau...12 4 Déplacer le bandeau contre le haut...15 3 1 Introduction 1 Dans ce tutoriel, a été installé sans

Plus en détail

Conception de sites Web

Conception de sites Web Actualité du cours Conception de sites Web L1 bidisciplinaire IDEA Année 2015-2016 Jérôme Darmont http://eric.univ-lyon2.fr/~jdarmont/?page_id=440 http://eric.univ-lyon2.fr/~jdarmont/?feed=rss2 https://twitter.com/darmont_lyon2

Plus en détail

PROGRAMMATION HTML. Baccalauréat S -Spécialité ISN. Objectifs. Prérequis. Du code à la page. 4.3 : Langages de programmation : langage HTML

PROGRAMMATION HTML. Baccalauréat S -Spécialité ISN. Objectifs. Prérequis. Du code à la page. 4.3 : Langages de programmation : langage HTML PROGRAMMATION HTML Baccalauréat S -Spécialité ISN 4.3 : Langages de programmation : langage HTML Objectifs L'élève doit être capable o de créer une page WEB en langage HTML o d'analyser une page WEB en

Plus en détail

Prog. Web TP2 Année universitaire 2012 2013 - Formulaires - suite

Prog. Web TP2 Année universitaire 2012 2013 - Formulaires - suite Prog. Web TP2 Année universitaire 2012 2013 - Formulaires - suite 1 INSCRIPTION À UN SITE On suppose que l'inscription à un site offre de nombreux avantages. Pour s'inscrire à ce site il faut saisir :

Plus en détail

CAMPUS SUPINFO DE NICE STAGE A TEMPS PLEIN MAUFFRAY 127811 PROMOTION B1

CAMPUS SUPINFO DE NICE STAGE A TEMPS PLEIN MAUFFRAY 127811 PROMOTION B1 CAMPUS SUPINFO DE NICE STAGE A TEMPS PLEIN MAUFFRAY 127811 PROMOTION B1 RAPPORT DE STAGE Rapport de stage Mauffray thomas Page 1 Version : 1.0 Sommaire I. Introduction... 3 I.1. Objet du document... 3

Plus en détail

Université de Toulouse II - Formation Continue. Diplôme Universitaire. Technologies de l Information Et de la Communication Option Animateur Web

Université de Toulouse II - Formation Continue. Diplôme Universitaire. Technologies de l Information Et de la Communication Option Animateur Web Université de Toulouse II - Formation Continue Diplôme Universitaire Technologies de l Information Et de la Communication Option Animateur Web Annexes Auteur : Céline MASCLEF 21 rue du dix avril 31500

Plus en détail

Cours HTML/PHP. Cours HTML/PHP. E.Coquery. emmanuel.coquery@liris.cnrs.fr

Cours HTML/PHP. Cours HTML/PHP. E.Coquery. emmanuel.coquery@liris.cnrs.fr Cours HTML/PHP E.Coquery emmanuel.coquery@liris.cnrs.fr Pages Web Pages Web statiques Principe de fonctionnement : L utilisateur demande l accès à une page Web depuis son navigateur. Adresse tapée, clic

Plus en détail

Cours CSS/JavaScript

Cours CSS/JavaScript Cours /JavaScript E.Coquery emmanuel.coquery@liris.cnrs.fr Cascading Style Sheets Principe : séparation du style et de la structure HTML Structure paragraphes, tableaux, liens,... Style polices de caractères,

Plus en détail

Publication (avancée) de données spatiales dans Internet

Publication (avancée) de données spatiales dans Internet Publication (avancée) de données spatiales dans Internet GMT-20859 & SCG-66408 HTML & CSS Thierry Badard & Frédéric Hubert Université Laval, Dép. des sciences géomatiques Québec, Canada {Thierry.Badard;

Plus en détail

Stockage du fichier FITS dans une table MySQL Nous utiliserons des types de données spéciaux, qui sont les BLOBS (binary large objects).

Stockage du fichier FITS dans une table MySQL Nous utiliserons des types de données spéciaux, qui sont les BLOBS (binary large objects). Stockage des fichiers FITS du téléscope MISOLFA dans une base de donnée MySQL avec PHP Auteur : Erwan Simon CNRS UMR 6202 O.C.A Département Cassiopée Le 24/05/2009, Le but de ce document est de donner

Plus en détail

Exercices et corrections. Licence QCI - module O21

Exercices et corrections. Licence QCI - module O21 Exercices et corrections Licence QCI - module O21 Exercice 1 Ecrivez le squelette d une page avec les caractéristiques suivantes - encodage : utf-8 - titre de la page : première page XHTML - auteur : vous

Plus en détail

Examen d'informatique module INF112. 1ère session 2003-2004. sans calculatrice, sans document

Examen d'informatique module INF112. 1ère session 2003-2004. sans calculatrice, sans document Examen d'informatique module INF112 1ère session 2003-2004 sans calculatrice, sans document Le barème est indicatif Sauf indiqué contraire, dans les questions à choix multiples, il peut (ou non) y avoir

Plus en détail

Plateforme Systempay v1.24 Personnalisation avancée de la page paiement. Version 1.2a

Plateforme Systempay v1.24 Personnalisation avancée de la page paiement. Version 1.2a Plateforme Systempay v1.24 Personnalisation avancée de la page paiement Version 1.2a Rédaction, Vérification, Approbation Rédaction Vérification Approbation Nom Date/Visa Nom Date/Visa Nom Date/Visa Lyra-Network

Plus en détail

Tp1 Ema EMACS Développement Web

Tp1 Ema EMACS Développement Web Tp1 Ema EMACS Développement Web 1/ Description de l application : Notre première application Web a pour objectif de gérer une liste de todo (truc à faire) : Diagramme de classe simplifié : Application

Plus en détail

Table des matières. TP Ajax. Séquence 1 L'objet XMLHttpRequest...2 Séquence 2 L'API jquery...3 Séquence 3 XML...4 Séquence 4 L'auto complétion...

Table des matières. TP Ajax. Séquence 1 L'objet XMLHttpRequest...2 Séquence 2 L'API jquery...3 Séquence 3 XML...4 Séquence 4 L'auto complétion... Table des matières Séquence 1 L'objet XMLHttpRequest...2 Séquence 2 L'API jquery...3 Séquence 3 XML...4 Séquence 4 L'auto complétion...7 Bibliographie : http://fr.wikipedia.org/wiki/asynchronous_javascript_and_xml

Plus en détail

Cours HTML pour débutant

Cours HTML pour débutant Cours HTML pour débutant Guilhem PAROUX 09-10 Mai 2007 I. FONCTIONNEMENT CLIENT-SERVEUR... 3 II. STRUCTURE D UN SITE WEB... 4 III. LE LOGICIEL NVU... 4 IV. METTRE EN LIGNE AVEC LE CLIENT FTP "FILEZILLA"...

Plus en détail

MAGICA THEME PRESTASHOP RESPONSIVE. Compatible avec toutes les versions PRESTASHOP 1.6

MAGICA THEME PRESTASHOP RESPONSIVE. Compatible avec toutes les versions PRESTASHOP 1.6 MAGICA THEME PRESTASHOP RESPONSIVE MAGICA a été réalisé par PRESTA-THEME Compatible avec toutes les versions PRESTASHOP 1.6 MAGICA est facilement installable depuis votre back-office PRESTASHOP et compatible

Plus en détail

MANUEL D UTILISATION DE LA BASE DE DONNEES DES EXIGENCES REGLEMENTAIRES

MANUEL D UTILISATION DE LA BASE DE DONNEES DES EXIGENCES REGLEMENTAIRES Manuel d utilisation de la base de données des exigences réglementaires Version Page 1 sur 37 MANUEL D UTILISATION DE LA BASE DE DONNEES DES EXIGENCES Diffusion Clients abonnés à la base de données des

Plus en détail

Programmation Web TP2 CSS i

Programmation Web TP2 CSS i Programmation Web TP2 CSS i Objectifs : Construction d'une page web : comprendre et utiliser un fichier CSS ; définir la structure d'une page web ; Consignes et Pré-requis Lire attentivement cet énoncé

Plus en détail

Introduction à AJAX. Isabelle Mougenot mougenot@lirmm.fr. May 13, 2009. LIRMM Université Montpellier 2

Introduction à AJAX. Isabelle Mougenot mougenot@lirmm.fr. May 13, 2009. LIRMM Université Montpellier 2 LIRMM Université Montpellier 2 May 13, 2009 Quelques clés de compréhension Asynchronous JavaScript And XML (adossé à JavaScript comme à XML) 2005, J.Garret, popularité accrue au travers de quelques applications

Plus en détail

TP JAVASCRIPT OMI4 jquery et ses Plungins

TP JAVASCRIPT OMI4 jquery et ses Plungins TP JAVASCRIPT OMI4 jquery et ses Plungins Objectifs de ce TP : découvrir quelques exemples d utilisation de la bibliothèque jquery et également quelques plugins. Exercice 1 : gestion d un bouton rollover

Plus en détail

Rapport de Conception

Rapport de Conception Rapport de Conception Métier : Développement Membres du groupe Granier Maxime Imbert Jérémy Lansac Ludovic Tionohoue Yann Axone Métiers consultés IHM Contenu cispmptut_rapportdeconception_developpement_20110111

Plus en détail

Black Bear CMS www.bbcms.fr mars 2012 Copyright 2012 Olivier Blais. Guide de développement

Black Bear CMS www.bbcms.fr mars 2012 Copyright 2012 Olivier Blais. Guide de développement Black Bear CMS www.bbcms.fr mars 2012 Copyright 2012 Olivier Blais Guide de développement Sommaire Variables templates... 3 Script code... 5 Classes... 6 Fonctions... 7 Variables d applications... 9 Validator

Plus en détail

Formation HTML / CSS. ar dionoea

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

Plus en détail

Master Class OL3 Documentation

Master Class OL3 Documentation Master Class OL3 Documentation Version 2.0 Éric Lemoine, Camptocamp 10 April 2014 Table des matières 1 Exercices élémentaires 3 1.1 Exercice élémentaire 1.......................................... 4 1.2

Plus en détail

AJAX AJAX. Asynchronous JavaScript And XML. Technologie pour créer des pages web interactives Basées sur XML, HTML et JavaScript

AJAX AJAX. Asynchronous JavaScript And XML. Technologie pour créer des pages web interactives Basées sur XML, HTML et JavaScript AJAX Ajax 1 AJAX Asynchronous JavaScript And XML. Technologie pour créer des pages web interactives Basées sur XML, HTML et JavaScript Utilise: HTML pour le marquage XML pour représenter les résultats

Plus en détail

PHP 5. simplexml. A. Belaïd 1

PHP 5. simplexml. A. Belaïd 1 PHP 5 simplexml A. Belaïd 1 Introduction Dans les versions précédentes de PHP, il n y avait aucun outil permettant de manipuler simplement des fichiers XML Dans PHP 5, on trouve un mode, appelé, SimpleXML

Plus en détail

PHP et XML. Traitements de XML

PHP et XML. Traitements de XML PHP et XML XML et PHP 1 Traitements de XML Deux approches pour manipuler des documents XML: Approche DOM: Utilise un analyseur (Parser) qui transforme le document XML en structure d'arbre. Il faut parcourir

Plus en détail

E5SL : PRODUCTION ET FOURNITURE DE SERVICES. Durée : 4 heures Coefficient : 5 CAS SUPMASTER. Éléments de correction

E5SL : PRODUCTION ET FOURNITURE DE SERVICES. Durée : 4 heures Coefficient : 5 CAS SUPMASTER. Éléments de correction BTS SERVICES AUX ORGANISATIONS SESSION E5SL : PRODUCTION ET FOURNITURE DE SERVICES Durée : 4 heures Coefficient : 5 CAS SUPMASTER Éléments de correction Ce corrigé comporte 8 pages numérotées de 1/8 à

Plus en détail

Java EE - Cours 7. Cours de 2 e année ingénieur Spécialisation «Génie Informatique»

Java EE - Cours 7. Cours de 2 e année ingénieur Spécialisation «Génie Informatique» Java EE - Cours 7 Cours de 2 e année ingénieur Spécialisation «Génie Informatique» Rappels 2 Feuilles de Styles : CSS Lorsque l on réalise un site Web, il faut dissocier la partie forme de la partie fond.

Plus en détail

Pages Web statiques. LIF4 - Initiation aux Bases de données : PHP. Pages Web dynamiques. Illustration. Illustration

Pages Web statiques. LIF4 - Initiation aux Bases de données : PHP. Pages Web dynamiques. Illustration. Illustration statiques LIF4 - Initiation aux Bases de données : E.Coquery emmanuel.coquery@liris.cnrs.fr http ://liris.cnrs.fr/ ecoquery Principe de fonctionnement : L utilisateur demande l accès à une page Web depuis

Plus en détail

Conception de sites web. Feuille de styles CSS

Conception de sites web. Feuille de styles CSS Conception de sites web Feuille de styles CSS M i s e e n p a g e : s o l u t i o n «v i e i l l e é c o l e» Mise en page par et par Long Vite illisible Peu souple Difficile à modifier

Plus en détail

Les bases d Excel. I L interface d Excel CHAPITRE I OBJECTIFS MOTS CLÉS

Les bases d Excel. I L interface d Excel CHAPITRE I OBJECTIFS MOTS CLÉS CHAPITRE I Les bases d Excel OBJECTIFS Découvrir l interface d Excel Mettre en forme un tableau Sélectionner et recopier des cellules Imprimer des documents Excel MOTS CLÉS Nouvelle Interface Mettre en

Plus en détail

TD 3 : Intégration HTML

TD 3 : Intégration HTML Programmation Web IMAC 2015-2016 TD 3 : Intégration HTML 14 octobre 2015 Objectif: Ce TD a pour but de se servir des concepts appris dans les TDs précédents pour intégrer entièrement une maquette de site

Plus en détail

Chap. 3 LES TABLEAUX EN HTML

Chap. 3 LES TABLEAUX EN HTML LES TABLEAUX EN HTML Les principales balises concernant les tableaux : , , , et La fusion (verticale ou horizontale) des cellules Définition des sections dans un tableau :

Plus en détail

COPIE. Webmaster pour la société Eco-Action-Plus. Création du site web vitrine et produits communicants annexes. SARL Eco-Action-Plus

COPIE. Webmaster pour la société Eco-Action-Plus. Création du site web vitrine et produits communicants annexes. SARL Eco-Action-Plus Département UFR Sciences et Techniques Webmaster pour la société Eco-Action-Plus SARL Eco-Action-Plus Création du site web vitrine et produits communicants annexes Pen Ar Valy 29200 Milizac Maître de stage

Plus en détail

L objectif de cette étape est de se familiariser avec la création de site web sous VS 2012.

L objectif de cette étape est de se familiariser avec la création de site web sous VS 2012. L objectif de ce tutoriel est de créer un site web statique avec Visual Studio. Le site sera composé d une page HTML, une feuille de style CSS et d un fichier Javascript. Etape 1 Lancer Visual Studio L

Plus en détail

STRUCTURE D UNE PAGE HTML/CSS

STRUCTURE D UNE PAGE HTML/CSS STRUCTURE D UNE PAGE HTML/CSS C01 1. STRUCTURE Le langage Html est composé de balises ou (tags) qui permettent de structurer le texte, de le mettre en forme et d insérer des images. Ces instructions sont

Plus en détail

MANUEL D UTILISATION Site Web Cinémathèque de Grenoble

MANUEL D UTILISATION Site Web Cinémathèque de Grenoble MANUEL D UTILISATION Site Web Cinémathèque de Grenoble Interface Joomla! 1.5.9 PROJET TUTORE 2008 2009 ETUDIANT :GUILLAUME GOUILLOUX PROFESSEUR TUTEUR : FRANCK VEDEL Table des matières : Principes de Base...

Plus en détail

Tice -Seconde-Page Web 2015-2016

Tice -Seconde-Page Web 2015-2016 Ouvrez une page web, cliquer doit sur la souris et faite afficher le code source de la page. Quelqu un a écrit ce code pour faire afficher cette page. Nous allons nous aussi écrire du code pour faire afficher

Plus en détail

Union sociale pour l'habitat

Union sociale pour l'habitat Union sociale pour l'habitat Guide Utilisateur - Organisme, - : 04 72 76 02 30 - : 04 72 76 02 39 SAS PHENIX ENGINEERING 352 200 844 RCS LYON SAS au capital de 637.648 PHENIX ENGINEERING Union sociale

Plus en détail

Groupe Eyrolles, 2008 ISBN : 978-2-212-12234-3

Groupe Eyrolles, 2008 ISBN : 978-2-212-12234-3 Groupe Eyrolles, 2008 ISBN : 978-2-212-12234-3 9 Les règles de styles Il est nécessaire de bien connaître les règles de styles mais, pour un usage performant de Dreamweaver, il est aussi utile de bien

Plus en détail

Séance d Exercices Dirigés HTML et JavaScript

Séance d Exercices Dirigés HTML et JavaScript Séance d Exercices Dirigés HTML et JavaScript EXERCICE 1 1) le but de cet exercice est de construire l'interface suivante en html: 2) Par la suite on veut un document composé de deux frames, l'une nommée

Plus en détail

Site nivillac.fr : procédure de mise à jour du site internet

Site nivillac.fr : procédure de mise à jour du site internet Site nivillac.fr : procédure de mise à jour du site internet Commune de Nivillac tutoriel pour l administration du site internet Page 1 www.efficienceweb.com Sommaire 1. Préambule et prise en main p.3

Plus en détail

CIM120. Http:// (Creation Web) Page 1

CIM120. Http:// (Creation Web) Page 1 CIM120 Http:// (Creation Web) Page 1 Organisation du module CIM120 Evaluation: 1 eval sur table 1 eval des TP Page 2 Le Web: un peu d'histoire D'Arpanet à Internet... http://fr.wikipedia.org/wiki/histoire_d'internet

Plus en détail

Programmation Web IMAC 2015-2016 TD 1 : HTML. 30 septembre 2015

Programmation Web IMAC 2015-2016 TD 1 : HTML. 30 septembre 2015 Programmation Web IMAC 2015-2016 TD 1 : HTML 30 septembre 2015 Objectif: Ce TD a pour but d aborder les premières notions du langage HTML. Il est important de noter que le HTML n est pas un langage de

Plus en détail

Création d un site Internet (partie 2 )

Création d un site Internet (partie 2 ) Création d un site Internet (partie 2 ) Objectif : Apprendre les bases des langages XHTML et CSS pour réaliser un site CV Site ressource : http://jleu10.free.fr Adresse mail : jleu10@free.fr Jean-Louis

Plus en détail

Site de la spécialité ISN du lycée Louis Marchal

Site de la spécialité ISN du lycée Louis Marchal 1 sur 10 07/01/2014 17:46 Site de la spécialité ISN du lycée Louis Marchal Licence Creative Commons Attribution - Pas d Utilisation Commerciale - Partage dans les Mêmes Conditions 3.0 France. Ecrire des

Plus en détail

Espace Multimédia Médiathèque de Roanne Juin 2008

Espace Multimédia Médiathèque de Roanne Juin 2008 PowerPoint est un logiciel de présentation édité par Microsoft. Il est utilisé à l origine par les hommes d affaires, professeurs, étudiants et formateurs et figure parmi les formes les plus répandues

Plus en détail

Prise en main ProConcept ERP. Version 11.1 Web

Prise en main ProConcept ERP. Version 11.1 Web Prise en main ProConcept ERP Version 11.1 Web Version du 08.10.2015 Table des matières 1. Lancement de ProConcept Web ERP 11.1... 4 1.1. Définir la page ProConcept ERP comme page de démarrage... 5 1.2.

Plus en détail

COMPTE RENDU M. Mouad EL MERCHICHI CRJJ GB. Ceci est un résumé du travail effectué dans les TP concernant les scriptlets et le modèle MVC.

COMPTE RENDU M. Mouad EL MERCHICHI CRJJ GB. Ceci est un résumé du travail effectué dans les TP concernant les scriptlets et le modèle MVC. COMPTE RENDU M. Mouad EL MERCHICHI CRJJ GB Ceci est un résumé du travail effectué dans les TP concernant les scriptlets et le modèle MVC. Page 0 Sommaire Introduction... 2 TP I : Scriptlets et Actions...

Plus en détail

LOG4420 Conception de sites web dynamiques et transactionnels. Contrôle périodique. Automne 2009. 28 octobre 2009

LOG4420 Conception de sites web dynamiques et transactionnels. Contrôle périodique. Automne 2009. 28 octobre 2009 LOG4420 Conception de sites web dynamiques et transactionnels Contrôle périodique Automne 2009 28 octobre 2009 Directives : Durée de l examen : 2h30 ; Le questionnaire comporte 5 questions sur 8 pages

Plus en détail

INTRODUCTION. méta-langage

INTRODUCTION. méta-langage INTRODUCTION renault twingo Bic 1999 etc.. XML : extensible

Plus en détail

Travaux pratiques de M2105 Web dynamique

Travaux pratiques de M2105 Web dynamique Travaux pratiques de M2105 Web dynamique L objectif des séances de TP du module M2105 est de créer un mini site web d annuaire permettant à différents utilisateurs de gérer leurs contacts. Les informations

Plus en détail

ARC = Aleph Reporting Center support de cours

ARC = Aleph Reporting Center support de cours ARC = Aleph Reporting Center support de cours 1 - Présentation C est l outil de la société Cognos, qui intègre les données provenant d Aleph et est accessible depuis un navigateur Internet. Il permet d

Plus en détail

Internet statique et dynamique XML. Programmation de sites web statiques et dynamiques. extended Markup Language (XML) Jean CARTIER MASTER INI

Internet statique et dynamique XML. Programmation de sites web statiques et dynamiques. extended Markup Language (XML) Jean CARTIER MASTER INI Programmation de sites web statiques et dynamiques extended Markup Language () Jean CARTIER MASTER INI jcartier@laposte.net 1 extented Markup Language () Le HTML est un langage très bien adapté à la diffusion

Plus en détail

Langage (X)HTML Damien Nouvel

Langage (X)HTML Damien Nouvel Langage (X)HTML Plan Quelques statistiques du web Architecture client / serveur Langage XML Mise en forme HTML Structure d'un document HTML 2 / 36 Plan Quelques statistiques du web Architecture client

Plus en détail

Tutoriel : Feuille de style externe

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?

Plus en détail

Procédure de gestion de l information : le site internet

Procédure de gestion de l information : le site internet Procédure de gestion de l information : le site internet Référence de la procédure : CDP/PRO/02 Version 4 Date création procédure : 24/02/2013 Diffusion : Pôles Communication & développement, Publication

Plus en détail

Persistance en Php. Note : les problèmes d accès concurrents, de sécurité et de login sont laissés de côté.

Persistance en Php. Note : les problèmes d accès concurrents, de sécurité et de login sont laissés de côté. Persistance en Php Objectif : faire un site pour gérer des articles par catégorie. Chaque catégorie a un nom, chaque catégorie est constitué d articles (titre, auteur, texte), un article est dans une seule

Plus en détail

https://angularjs.org/ Gilles Landais -AngularJS 1

https://angularjs.org/ Gilles Landais -AngularJS 1 https://angularjs.org/ 1 Présentation Le Framework AngularJS https://angularjs.org/ Framework javascript depuis 2009 Aujourd'hui (wikipedia) le framework est utilisé dans >8,400/1,000,000 sites web Open-source

Plus en détail

TUTORIEL M.A.R.G.U.E.R.I.T.E.

TUTORIEL M.A.R.G.U.E.R.I.T.E. TUTORIEL M.A.R.G.U.E.R.I.T.E. 0 HYGIENE ET SECURITE DOCUMENT UNIQUE PRESENTATION 2 IDENTIFICATION 3 SELECTION DU SITE ET/OU DU RISQUE 3 AJOUT D UN SIGNALEMENT 5 - Ecran réservé au superviseur 5 - Ecran

Plus en détail

TUTORIEL pour la création d une fiche gratuite sur l annuaire santé du SISD BRUXELLES

TUTORIEL pour la création d une fiche gratuite sur l annuaire santé du SISD BRUXELLES TUTORIEL pour la création d une fiche gratuite sur l annuaire santé du SISD BRUXELLES INTRODUCTION Dans le cadre de ses missions le SISD Bruxelles (association agréée par la cocom) fait la promotion du

Plus en détail

Administration du module Gestion Accueil

Administration du module Gestion Accueil Administration du module Gestion Accueil 1 1. Administration : administration accueil 1.1. Affichage demande 4 1.2. Définition d une recherche pour le formulaire 6 1.3. Formulaire de recherche 8 1.4. Configuration

Plus en détail

TP JAVASCRIPT IntegWeb SERIE 3 Suite MMI 2014-2015

TP JAVASCRIPT IntegWeb SERIE 3 Suite MMI 2014-2015 TP JAVASCRIPT IntegWeb SERIE 3 Suite MMI 2014-2015 GESTION D UN FORMULAIRE DE CONTACT Objectif : Nous souhaitons réaliser un formulaire de contact comprenant les champs suivants : NOM PRENOM ADRESSE MAIL

Plus en détail

Livret d accueil web. Gérer votre site Ace Crédit en toute simplicité! 11 Place Jean-Paul II 57000 METZ T : 03 87 30 55 89 www.is-webdesign.

Livret d accueil web. Gérer votre site Ace Crédit en toute simplicité! 11 Place Jean-Paul II 57000 METZ T : 03 87 30 55 89 www.is-webdesign. Livret d accueil web Gérer votre site Ace Crédit en toute simplicité! 11 Place Jean-Paul II 57000 METZ T : 03 87 30 55 89 www.is-webdesign.com 1 Sommaire 1. Comment me connecter à l administration? 2.

Plus en détail

Personnaliser et adapter SPIP Développeur SPIP

Personnaliser et adapter SPIP Développeur SPIP Personnaliser et adapter SPIP Développeur SPIP En pratique Pour réaliser ce TD vous avez besoin de :. Un navigateur web. Un client FTP ou une invite de commande Unix. Un éditeur de texte Pour le TD nous

Plus en détail

Prise en main du livret d accueil de votre entreprise

Prise en main du livret d accueil de votre entreprise 1 P a g e Prise en main du livret d accueil de votre entreprise Pourquoi un livret d accueil pour vos salariés? La CCI de Narbonne et ses partenaires (Direccte, Maison de l Emploi, Pôle Emploi, la Maison

Plus en détail

my.epfl.ch Connexion

my.epfl.ch Connexion my.epfl.ch Connexion Sur la page http://my.epfl.ch, saisissez votre username GASPAR et votre mot de passe associé. 1 Partage de vos document Le premier onglet de l'application my.epfl vous permet de stocker

Plus en détail

Eléments du langage. Eléments du langage PHP. Variables. Variables

Eléments du langage. Eléments du langage PHP. Variables. Variables Eléments du langage Eléments du langage PHP Séparation des instructions Comme en C, C++, Perl, les instructions doivent être séparées par un point virgule. Les commentaires // Ceci est un commentaire sur

Plus en détail

Actualité du cours. Programmation Web. Plan du cours. Un peu d'histoire. Éléments, balises et attributs. Versions successives de HTML

Actualité du cours. Programmation Web. Plan du cours. Un peu d'histoire. Éléments, balises et attributs. Versions successives de HTML Actualité du cours L3 IDS Année 2015-2016 Jérôme Darmont?page_id=445?feed=rss2 2 https://twitter.com/darmont_lyon2 hashtag #webids Plan du cours Rappel : Langage HTML Éléments de design Web Rappel : Feuilles

Plus en détail

2) Combien de tableaux apparents ont été tracés dans le site et de combien de cellules?

2) Combien de tableaux apparents ont été tracés dans le site et de combien de cellules? Travail dirigé : éléments de correction Item B53 du C2I Lycée M. Ponty II- Travail d analyse technique d un site Afin de vous proposez une présentation cohérente, votre entreprise à mis en ligne une illustration

Plus en détail

LES TABLES. Exemple de table : <table> <tr> <td>cellule 1</td> <td>cellule 2</td> </tr> <tr> <td>cellule 3</td> <td>cellule 4</td> </tr> </table>

LES TABLES. Exemple de table : <table> <tr> <td>cellule 1</td> <td>cellule 2</td> </tr> <tr> <td>cellule 3</td> <td>cellule 4</td> </tr> </table> LES TABLES Les tables servent pour l'affichage de «données tabulaires», c'est-à-dire des informations présentées logiquement en rangées et en colonnes. Son intégration peut paraitre fastidieuse mais c'est

Plus en détail

Notice d utilisation de la partie privé du site de la Maison du Monde d Evry

Notice d utilisation de la partie privé du site de la Maison du Monde d Evry Notice d utilisation de la partie privé du site de la Maison du Monde d Evry Site réalisé d Avril à Juin 2010, avec SPIP. Etienne Herencia Sommaire : Qu est ce que SPIP?... 3 Organisation d un site SPIP...

Plus en détail

Technologie Internet

Technologie Internet G. Hunault Angers, janvier 2005 Maitrise Mass Technologie Internet Remarque : tous les fichiers cités sont disponibles sur le web à l URL http://www.info.univ-angers.fr/pub/gh/internet/ti2005.zip Une copie

Plus en détail

IceCube.Net. Explicatif technique. Version 1.0

IceCube.Net. Explicatif technique. Version 1.0 IceCube.Net Explicatif technique Version 1.0 Structure IceCube.Net IceCube.Net est structurée de la même manière que des serveurs de type Solaris/Unix soit l arborescence suivante : ROOT _bin _htdocs _scripts

Plus en détail

Séance d Exercices Dirigés HTML, CGI et PHP

Séance d Exercices Dirigés HTML, CGI et PHP Séance d Exercices Dirigés HTML, CGI et PHP Exercice 1 : Formulaire et script CGI Soit le formulaire suivant rempli par un utilisateur : 1 ) Construire la page HTML qui présente ce formulaire Une réponse

Plus en détail

CMS SPIP et charte graphique CNRS

CMS SPIP et charte graphique CNRS CMS SPIP et charte graphique CNRS Atelier COMPIL 11/06/2010 Edyta Bellouni Plan Rappel sur les CMS Présentation du kit SPIP CNRS Installation / Configuration Gestion du contenu La simplicité de SPIP :

Plus en détail

Annuaire TN. Cahier des charges. La Maison des Ligues Créé le 12/01/2014 Nicolas Blanchet & Tom Germain. Expression des besoins - Annuaire TN.

Annuaire TN. Cahier des charges. La Maison des Ligues Créé le 12/01/2014 Nicolas Blanchet & Tom Germain. Expression des besoins - Annuaire TN. Cahier des charges Client La Maison des Ligues Créé le 12/01/2014 Auteur Nicolas Blanchet & Tom Germain Destinataire La Maison des Ligues Fichier Expression des besoins - Annuaire TN.docx 1 Sommaire I.

Plus en détail