Communication et conception de sites web

Transcription

Communication et
conception de sites web
Exercices
J.E.N. Consult - Février 2014
Formateur : Y. Mine (UNamur – ESA)
Une page web est essentiellement composée de 4 types d’objets :
 Du texte (qui est physiquement sur la page)
 Des objets graphiques (qui ne sont pas physiquement sur la page, on met sur la page
des liens qui pointent vers les objets)
 Des liens (qui sont physiquement sur la page)
 Des structures de mise en page (div ou tableaux) (qui sont physiquement sur la
page)
De manière non systématique, on peut aussi y trouver :
 Des formulaires (inscription, bases de données, …)
 Des outils (moteur de recherche, …)
Avant de se mettre à réaliser concrètement une page, il faut avoir une idée précise de
la manière dont on va la réaliser (structure) et de ce que l’on va y afficher (contenu).
Le texte possède grosso modo les mêmes caractéristiques de mise en page que dans un
traitement de texte basique. On peut modifier la taille, la couleur, la graisse, l’alignement et la
police (*) de caractère.
•
En pratique, on est limité à quelques polices de caractère (compatibilité des
plateformes). La plus utilisée sera verdana.
Les liens peuvent pointer vers :





Un certain endroit de la page locale
Une autre page interne au site
Une adresse mail (client)
Un autre site
Un fichier (word, pdf, …) à télécharger
Les structures de mise en page servent à délimiter les différentes zones selon l’usage qui
leur est réservé. Même si ils n’ont pas été conçus pour faire de la mise en page, les tableaux
sont d’un usage plus clair que les div et ils « passent » parfaitement sur tous les
environnements.
Les objets graphiques (au sens large) seront créés à la taille d’affichage voulue et stockés
sur le site, dans la même directory que les fichiers html ou dans une autre directory
spécifique à cet usage.
Exercice 1 >> Pas à pas …
Dans Dreamweaver, faire « fichier » « nouveau » >> l’écran suivant s’affiche et permet de
choisir entre différents modèles
Choisissez « page vierge », type de page HTML et aucune mise en forme. Cliquez « créer »
et vous arrivez devant ... une page blanche.
Sauvez cette page sous le nom de « index.html ». Pour commencer, nous allons paramétrer
les éléments standards des pages. Faire un clic droit dans l’espace blanc de la page et
choisir « propriétés de la page » onglet aspect
… et ensuite onglet liens
Ensuite, nous allons insérer les objets basiques des pages web.
D’abord, un tableau (bandeau de droite, cliquer sur « tableau ») de 3 lignes sur 4 colonnes,
de 600 pixels de large, dont la bordure sera invisible (0 pixel), avec une marge intérieure des
cellules de 5 pixels (pour ne pas coller le texte au bord des cellules) et un espacement entre
les cellules de 5 pixels (pour aérer la mise en forme du tableau).
Par défaut, le tableau sera aligné à gauche de la page, mais nous allons le centrer.
Ce qui nous donnera ceci. Les pointillés symbolisent les contours du tableau et seront
invisibles lors de l’affichage des pages.
Maintenant, nous allons garnir les cellules selon le plan qui a été établi. D’abord, insérons le
bandeau de titre du site, qui est un jpg de 600 pixels de large qui a été préparé dans
Photoshop ou Gimp (ou autre …).
Pour cela, d’abord il faut le copier dans la directory qui va contenir tous les fichiers du site
(html, jpg, …).
Ensuite, réunir les 4 cellules de la première ligne du tableau en une seule. Pour cela, les
sélectionner et cliquer le bouton « fusionner ».
Nous obtenons ceci :
Puis, après avoir placé le point d’insertion dans la cellule fusionnée, insérer l’image voulue à
l’aide de la commande « insérer image » (naviguer dans les fichiers et choisir puis confirmer)
Il faut maintenant insérer les liens. Il a été choisi de les localiser à la droite de la page.
D’abord, ajouter une ligne au tableau (en dessous) via un clic droit sur le tableau, tableau,
insérer une ligne.
Ensuite, fusionner les 2 cellules de droite supérieures. Nous obtenons ceci :
Encoder dans la cellule choisie les lignes de texte qui vont servir de lien. Une ligne va
séparer les liens qui pointent vers les pages qui parlent du sujet en lui-même de celle qui
aborde un point périphérique – mais important – de l’histoire des chutes.
Vu que je sais (je l’ai déterminé) comment se nommeront les pages que je dois lier, je peux
faire les liens avant d’avoir créé ces pages.
Je sélectionne le premier des mots qui vont servir de liens et j’indique vers quel objectif il doit
pointer (ici, la page « localisation.html »).
Remarquez que le lien apparait en bleu et plus en noir (car c’est cette couleur qui a été
choisie pour les liens dans les propriétés de la page) et que le fond de la page n’est plus
blanc (même raison).
Ensuite, nous allons fusionner les 2 cellules centrales en une zone qui contiendra les
contenus textuels, tandis que la zone de gauche sera réservée aux objets graphiques.
Remarquez que, avec l’augmentation de hauteur du 3è niveau, les liens (à droite) se sont
situés au milieu de la hauteur de la cellule. On peut les déplacer au-dessus ou en dessous
par la commande :
Ensuite, je vais fusionner les 4 cellules de la 4è ligne, donner une couleur de fond en accord
avec la charte graphique du site (ici, ce sera un gris inspiré par la photo du bandeau)
La couleur est exprimée en code hexadécimal précédé d’un « # ». Le code est récupéré
dans Photoshop.
Dans cette cellule, je vais noter quelques informations périphériques (copyright, mail du
webmaster, date de màj, …).
Il reste à donner une destination aux 3 cellules restantes. D’abord les fusionner, puis y écrire
une information qui correspond au contenus des texte et photos présentés. Un lien vers la
page d’accueil (index.html) est placé sur la bannière (on peut aussi le placer en texte dans le
menu) et un autre vers la page consacrée au Love Canal.
Une fois joué dans le navigateur (F12), le résultat affiché est le suivant :
Constatez que les pointillés des cellules du tableau ne sont plus visibles.
Tout l’intérêt de donner un espacement entre les cellules ainsi qu’une page intérieure
apparait ici, le texte n’est pas collé aux bords de son conteneur, ce qui allège la page et
améliore la lisibilité.
Pour créer une autre page …
Qui devra bien entendu avoir les mêmes caractéristiques de base que celle déjà créée, on
peut intégrer toutes ses caractéristiques dans une feuille de style CSS (une espèce de
macro) ou, de manière plus simple et mieux adaptée à ce premier exercice, sauver la page
sous un autre nom – et ainsi créer un nouveau fichier. Pour cet exemple, ce sera le Love
Canal.
Fichier >> Enregistrer sous >> lovecanal.html
Sur cette nouvelle page, je vais adapter le contenu textuel (encoder le texte ou coller sans
mise en forme) et remplacer la photo par une autre, préalablement mise à la bonne taille.
Dans la mesure du possible, toutes les photos auront la même taille. Le texte étant un peu
plus long, la taille de la page « utile » augmente en hauteur, mais pas en largeur (!!).
Ensuite, il est possible de procéder de la même manière pour toutes les pages du site.
Cette méthode « artisanale » convient seulement pour des petits sites dont le contenu n’est
pas modifié fréquemment.
Plus le site est grand, plus il est nécessaire de le traiter avec des systèmes automatisés,
comme les css et les bases de données.
Les pages suivantes présentent 3 sites web d’abord en vue « navigateur », puis en vue
« code ».
Copier-coller le code dans un éditeur html permet de reconstruire ces pages à l’exception
des objets graphiques.
Exemple 1
http://perso.fundp.ac.be/~kvandoni/
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="description" content="Karine Van Doninck, FUNDP, URBO, bdelloid rotifers,
evolutionary genetics, invasive species, androgenesis" />
<meta name="keywords" content="Karine Van Doninck, FUNDP, URBO, bdelloid
rotifers, evolutionary genetics, invasive species, androgenesis" />
<meta name="author" content="Civetta" />
<link rel="stylesheet" type="text/css" />
<title>Karine Van Doninck's Laboratory</title>
<link rel="stylesheet" type="text/css" href="style_liens.css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!-body {
background-color: #3B3B3B;
margin-top: 0px;
}
a:link {
color: #2C5A74;
text-decoration: none;
}
a:visited {
}
a:hover {
color: #990033;
}
a:active {
}
.Style2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
.Style13 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
.Style14 {color: #FFFFFF}
.Style15 {
font-size: 16px;
color: #000000;
font-family: Calibri;
}
.Style19 {color: #000000}
.Style22 {
font-size: 16px;
}
.Style24 {color: #FFFFFF; font-family: Calibri; }
.Style25 {font-size: 24}
.Style26 {
color: #91090C;
font-size: 30px;
}
.Style27 {font-family: Calibri}
.Style28 {font-family: Verdana, Arial, Helvetica, sans-serif}
body,td,th {
font-size: 14px;
}
.Style32 {
font-style: italic;
color: #2C5A74;
font-weight: bold;
font-size: 20px;
}
.Style35 {font-size: 12px}
.Style36 {font-size: 16px; }
-->
</style></head>
<body>
<table width="1000" border="0" align="center" cellpadding="0" cellspacing="10"
background="fond_gris.gif">
<tr>
<td bgcolor="#FFFFFF"> 
Karine
Van Doninck
Lab 
_________________________________________________
<blockquote class="Style25">
Laboratory
of Evolutionary
Genetics and Ecology (LEGE) 
 

</blockquote></td>
</tr>
<tr>
<td><div align="center" class="Style13"> 
<a href="index.html">Home</a> - <a
href="research.htm">Research</a> - <a href="publications.htm">Publications</a> <a href="people.htm">People</a> - <a href="teaching.htm">Teaching</a> - <a
href="pictures.htm">Pictures</a> - <a
href="media.htm">Media</a> - <a
href="contact.htm">Contact</a> 
 
</div></td>
</tr>
</table>
<div align="center"><img src="bandeau_home.gif" width="1000" height="120" />
</div>
<div align="center"><img src="ligne.jpg" width="1000" height="3" /> 
</div>
<table width="1000" height="892" border="0" align="center" cellpadding="8" cellspacing="0">
<tr>
<td width="21%" height="427" bgcolor="#DFDFDF"> </td>
<td width="79%" bgcolor="#FFFFFF">All living beings are connected and share a common ancestor - the tree of
life. Life involves change. It comprises those processes such as reproduction, variation and
inheritance. Reproduction is vital and occurs in various modes, sexual reproduction being
the dominant one in the eukaryotic kingdom. Nevertheless, several types of reproductive
modes evolved and persist. 
 

One of the main interests of the Karine Van Doninck lab is to tackle
fundamental questions related to the evolution of asexual reproductive modes and to
understand the factors contributing to genomic variation and adaptation. The model systems
are the bdelloid rotifers and the Corbicula
clams, employing two different modes of asexual reproduction. Rotifers from the
Class Bdelloidea are common microscopic metazoans that appear to be obligate ancient
asexuals (“all-female asexuality”). They have a worldwide
distribution, occurring preferentially in ephemerally aquatic habitats such as mosses and
lichens because they can survive desiccation at any stage of their life
cycle. Within the clam genus Corbicula, several invasive freshwater lineages
found both in America and Europe appear to reproduce through androgenesis, a form of
“all-male asexuality” in which the maternal nuclear genome
fails to participate in zygote development. All the descendants are therefore paternal nuclear
clones. 
 

We seek to understand what mechanisms underlie the adaptability in the
absence of sexual reproduction. We employ different tools (fieldwork, animal cytology,
molecular biology, comparative genomics and bioinformatics) to study evolutionary
processes at the level of populations, both experimental and natural, and genomes in both
animal systems. 
Besides, we conduct a few studies in conservation genetics.
More specifically, we investigate the geographic expansion of species (invasive exotic
species or native species regaining territories) seeking to understand the dynamics of
colonization and their impact on native species or ecosystems. </td>
</tr>
<tr>
<td height="151" bgcolor="#DFDFDF"> </td>
<td bgcolor="#FFFFFF"><table width="90%" border="0" align="center" cellpadding="0"
cellspacing="5">
<tr>
<td class="Style35"><div align="center"><img src="Adineta vaga_best_horiz_th.jpg"
width="166" height="120" /></div></td>
<td class="Style35"><div align="center"><img src="th_mol.jpg" width="166"
height="120" /></div></td>
<td class="Style35"><div align="center"><img src="Dreissena_native_th.jpg"
width="166" height="120" /></div></td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="149" bgcolor="#DFDFDF"> </td>
<td bgcolor="#FFFFFF">News
<ul class="Style36">
<li class="Style27">
<div align="justify">This year, the European
Meeting of PhD Students in
Evolutionary Biology (EMPSEB) will take place in
Belgium from September 1st to 6th at the Floreal club of La Roche en Ardenne (check <a
href="http://empseb20.com/"
target="_blank">http://empseb20.com/</a>).<a
href="http://www.empseb20.com/" target="_blank"><img src="empseb.jpg" width="100"
height="61" vspace="6" /></a></div>
</li>
</ul>
<ul class="Style35">
<li class="Style27">Postdoctoral research position
available on October 1st 2014 (contact <a
href="mailto:[email protected]">[email protected]</a>) 
 
</li>
</ul></td>
</tr>
<tr>
<td colspan="2"><div align="center" class="Style35">UNamur
•
University of Namur 
Postal address : rue de Bruxelles 61, B-5000 Namur, Belgium</div></td>
</tr>
<tr>
<td height="96" colspan="2" bgcolor="#ffffff"><div align="center" class="Style35">
<a href="http://www.unamur.be" target="_blank"><img
src="logo.png" width="68" height="75" /></a><img src="spacer.jpg" width="15" height="18"
/> <img src="logo_lege_2_th.jpg" width="151" height="76" /><img src="spacer.jpg"
width="15" height="18" /><img src="Logo_urbe.jpg" width="48" height="75" />
</div></td>
</tr>
</table>
 
 
</body>
</html>
http://www.deltaquasafe.be/
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Deltaquasafe - Improving management practices and food safety related to the use of chemicals
for a sustainable freshwater aquaculture in the Mekong delta</title>
<meta NAME="description" CONTENT="Deltaquasafe - Improving management practices and food
safety related to the use of chemicals for a sustainable freshwater aquaculture in the Mekong delta /
Projet CTU-FUNDP">
<meta NAME="keywords" CONTENT="Deltaquasafe, fish quality, fish production, sustainable
aquaculture, vietnam, mekong delta, fish security">
<meta http-equiv="content-language" content="en">
<meta NAME="author" CONTENT="Civetta">
<meta NAME="rating" CONTENT="general">
<meta NAME="classification" CONTENT="Tout public">
<meta NAME="copyright" CONTENT="Infos copyright">
<meta NAME="expires" CONTENT="never">
<meta NAME="revisit-after" CONTENT="31 days">
<meta NAME="Robots" CONTENT="all | follow | index">
<meta NAME="Reply to" CONTENT="mailto:adesse email">
<meta NAME="publisher" CONTENT="Civetta">
<meta HTTP-EQUIV="Content-type" CONTENT="text/html;charset=iso-8859-1">
<link href="style.css" TYPE="text/css" rel="stylesheet">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="imagetoolbar" content="no">
<meta content="TRUE" name="MSSmartTagsPreventParsing">
<link rel="stylesheet" type="text/css" href="border-radius.css">
<!-.Style1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
}
-->
</style>
<!-.Style4 {
font-weight: bold;
font-size: 12px;
}
.Style5 {
font-size: 12px;
}
.Style11 {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; }
.Style14 {
font-size: 16px;
}
.Style16 {
color: #0033FF;
font-weight: bold;
}
.Style17 {
font-size: 18px;
font-weight: bold;
color: #FF0000;
}
-->
</style>
</head>
<body>
 
<table width="1000" height="674" border="0" align="center" cellpadding="4" cellspacing="0"
background="fond_compose.jpg">
<tr>
<td width="130" height="120"><div align="center"><img src="logo.gif" width="85"
height="112"></div></td>
<td width="688"><table width="100%" border="0">
<tr>
<td height="69"><div align="right" class="Style11">DELTAQUASAFE
- Improving management practices and food safety related to the
use of chemicals for a sustainable freshwater aquaculture in the
Mekong delta</div></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td><div style="background-color:#93A37E; border:3px solid #F7B30F; -moz-borderradius:10px 10px/10px 10px; display:block; padding:5px; ">
<div align="center"><a href="objectives.htm">Objectives</a>
- <a
href="associates.htm">Partners</a>
- <a href="workplan.htm">Workplan </a>- <a href="news.htm">News</a>
- <a href="publications.htm">Publications</a> - <a href="protege/restricted.htm">Restricted
area</a> 
 </div>
</div></td>
</tr>
</table></td>
<td width="158" rowspan="2"><div align="left">
<table width="100%" border="0">
<tr>
<td width="62%"><div align="center"><a href="http://www.fundp.ac.be" target="_blank"><img
src="fundp_logo.jpg" width="80" height="20" border="0"></a></div></td>
<td width="38%"><div align="center"><a href="http://www.fundp.ac.be/sciences/biologie/urbo"
target="_blank"><img src="Logo_urbo_jpg_th.gif" width="30" height="37" border="0"></a></div></td>
</tr>
<tr>
<td><div align="center"></div></td>
<td><div align="center" class="Style1"></div></td>
</tr>
<tr>
<td><div align="center"><a href="http://www.ulg.ac.be/cms/c_5000/home"
target="_blank"><img src="logo_ulg_th.jpg" width="60" height="44" border="0"></a></div></td>
<td><div align="center"><a href="http://www.dda.ulg.ac.be/" target="_blank"><img
src="Logo%20LADA%20th.jpg" width="50" height="36" border="0"></a></div></td>
</tr>
<tr>
<td><div align="center"></div></td>
<td><div align="center"></div></td>
</tr>
<tr>
<td><div align="center"><a href="http://www.ctu.edu.vn/en/"
target="_blank"><img src="img48479997120e1.gif" width="50" height="50"
border="0"></a></div></td>
<td><div align="center"><a
href="http://www.ctu.edu.vn/colleges/aquaculture/english/" target="_blank"><img
src="logo_college.jpg" width="60" height="27" border="0"></a>
</div></td>
</tr>
</table>
</div>
<div align="center"><a href="http://www.dda.ulg.ac.be/" target="_blank"> 
</a> </div>
 
 

<div style="background-color:#93A37E; border:3px solid #F7B30F; -moz-border-radius:10px
10px/10px 10px; display:block; padding:5px; ">
<div align="center"><a
href="http://www.vietnamembassy.be/nr070521170031/nr070521170456/ns070919103557"
target="_blank">Embassy
of Vietnam (Brussels)</a> 
<a href="http://www.diplomatie.be/hanoifr/" target="_blank">Embassy
of Belgium (Hanoi)</a></div>
</div>
 
 
<div style="background-color:#93A37E; border:3px solid #F7B30F; -moz-border-radius:10px
10px/10px 10px; display:block; padding:5px; ">
<div align="center"><a href="http://www.mediafire.com" target="_blank" class="Style1
Style12">On-line
shared files</a></div>
</div>
 
 
 
 
</td>
</tr>
<tr>
<td height="553"> </td>
<td><img src="montage.gif" width="600" height="441">
>>> Recent event : <a
href="conference can tho intro.html" target="_blank" class="Style16">Conference on Aquaculture and
Environment : a focus in
the
Mekong Delta, Viet Nam - April 3-5, 2014 Can Tho University, 
Can Tho city, Viet Nam</a> >>>
</td>
</tr>
</table>
<div align="center"></div>
</body>
</html>
http://www.symposium-meuse-2010.be/programme.htm
<html>
<head>
<title>3è Symposium international de la Meuse 2010</title>
<meta NAME="description" CONTENT="3è Symposium international de la Meuse 2010, Liège les 22
et 23 avril 2010 au Palais des Congrès">
<meta NAME="keywords" CONTENT="symposium, meuse, liège">
<meta http-equiv="content-language" content="fr">
<meta NAME="author" CONTENT="Civetta">
<meta NAME="classification" CONTENT="Tout public">
<meta NAME="copyright" CONTENT="Infos copyright">
<meta NAME="expires" CONTENT="never">
<meta NAME="revisit-after" CONTENT="31 days">
<meta NAME="Robots" CONTENT="all | follow | index">
<meta NAME="Reply to" CONTENT="mailto:adesse email">
<meta NAME="publisher" CONTENT="Civetta">
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<link href="style.css" TYPE="text/css" rel="stylesheet">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="imagetoolbar" content="no">
<meta content="TRUE" name="MSSmartTagsPreventParsing">
<link href="bouton.css" rel="stylesheet" type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-#defilement {
background-color: none;
overflow: auto;
height: 450px;
width: 680px;
padding: 5px;
margin: 5px;
}
-->
</style>
</head>
<body bgcolor="#F0F4F1">
 
<table width="1000" border="0" cellspacing="0" cellpadding="3" background="fond1000_pale.jpg"
height="750" align="center">
<tr valign="baseline">
<td height="145" colspan="4"> <blockquote>
 
3ème
Symposium international de la Meuse 
22
et 23 avril 2010

</blockquote>
<blockquote>
<blockquote>
<blockquote>
Le
district de la Meuse : les défis pour demain 

</blockquote>
</blockquote>
</blockquote></td>
</tr>
<tr>
<td width="94"> <a
href="organisation.htm"> 
</a>

<a
href="subscription.htm"> 
</a>

</td>
<td width="5">
 </td>
<td width="453">Programme
général 
 <div id="defilement">
JOUR
1 : JEUDI 22 AVRIL 2010
<table width="96%" border="0" align="center" cellpadding="1" cellspacing="0">
<tr>
<td width="12%">09h00</td>
<td width="37%">Registration</td>
<td width="51%"> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>10h00</td>
<td>N.</td>
<td>Welcome
- téléchargez le <a
href="Discours%20President%20IMC%20Ouverture%203e%20Symposium%20Meuse.pdf">PDF</a>
</td>
</tr>
<tr>
<td> </td>
<td>N.</td>
<td>Opening</td>
</tr>
<tr>
<td> </td>
<td>President
IMC </td>
<td>Context
and objectives of the symposium</td>
</tr>
<tr>
<td> </td>
<td>J.-F.
Donzier (Oieau, F)</td>
<td>The
Water Framework directive: sharing experience and meeting future
challenges</td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td>11h00</td>
<td>Session
1 : Emerging pollutants</td>
<td> </td>
</tr>
<tr>
<td> </td>
<td>P.-F.
Staub (ONEMA, F)</td>
<td>Framework
and identified needs for emerging substances in relation with the
next WFD management plan</td>
</tr>
<tr>
<td> </td>
<td>Caroline
Geraerts (INBO, B) et al.</td>
<td>New
and old contaminants in the River Meuse catchment</td>
</tr>
<tr>
<td> </td>
<td>H.
Kroiss (Univ. Wien, A)</td>
<td>Strategy
to manage emerging pollutant issues</td>
</tr>
<tr>
<td> </td>
<td>N.
(NL or W)</td>
<td>Title
to be confirmed</td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>Symposium
Junior </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
Amice project</td>
<td> </td>
</tr>
<tr>
<td> </td>
<td>G.
Drogue (Univ.Metz, F), 
B. Dewals (ULg, B)</td>
<td>Analysis
of climate change scenarios and the impacts on hydrology of the
Meuse basin</td>
</tr>
<tr>
<td> </td>
<td>Martine
Lejeune (RIOU vzw, B)</td>
<td>Promotion
of a network of natural areas as an adaptation measure to climate
evolutions</td>
</tr>
<tr>
<td> </td>
<td>M.
Linsen (RWStaat, NL) </td>
<td>Adaptation
of the major water infrastructures to climate change and increasing
water demand</td>
</tr>
<tr>
<td> </td>
<td>Maïté
Fournier (EPAMA, F)</td>
<td>How
flood crisis management can help enhance the adaptive capacity of
populations to climate uncertainties</td>
</tr>
</table>
JOUR
2 : VENDREDI 23 AVRIL 2010
<table width="96%" border="0" align="center" cellpadding="1" cellspacing="0">
<tr>
<td width="12%">09h30</td>
<td width="37%">Session
2 : Water - Agriculture challenge</td>
<td width="51%"> </td>
</tr>
<tr>
<td> </td>
<td>J.P.
Butault (INRA, F)</td>
<td>Actions
and perspectives as regards reduction of pesticide application
(Ecophyto2018)</td>
</tr>
<tr>
<td> </td>
<td>Chr.
Vandenberghe, JM Marcoen (Univ.Liège, B)</td>
<td>Efficiency
of the nitrate action programmes </td>
</tr>
<tr>
<td> </td>
<td>St.
Overloop (VMM, B)</td>
<td>The
detection of pressure from agriculture to the water resources</td>
</tr>
<tr>
<td> </td>
<td>St.
Dunajtszchik (DE)</td>
<td>Programme
of agricultural measures in NRW: actions, perspectives (to be
confirmed)</td>
</tr>
<tr>
<td> </td>
<td>N.
(Univ. Wageningen, NL)</td>
<td>Title
to be confirmed</td>
</tr>
<tr>
<td></td>
<td> </td>
</tr>
<tr>
3 : Water, nature, biodiversity</td>
<td> </td>
</tr>
<tr>
<td>Ph.
Usseglio-Polatera (Univ Metz, F)</td>
<td>Longitudinal
changes in macroinvertebrate assemblages of the Meuse River</td>
</tr>
<tr>
<td> 
J.C. Philippart (Univ. Liege, B), C. Belpaire (Inbo, VL), A. Breukelaar
(RWS, NL), S. Mougenez (Onema, F), P. Orban (SPW, RW), Karin Schindehuette
(NRW, DE), Kr.van Looy (Inbo, VL), J.P. Wagner (DD, F) 
 

</td>
<td>Towards
a Master Plan migratory Fish in the Meuse basin</td>
</tr>
<tr>
<td> </td>
<td>Ulrike
Frotscher-Hoof (NRW, DE)</td>
<td>River
restoration and biodiversity under the WFD</td>
</tr>
<tr>
<td> </td>
<td>J.
Brils (Deltares, NL)</td>
<td>Aquatic
Ecosystems Services</td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>15h30-16h</td>
<td>Synthesis
- Closure</td>
<td> téléchargez
le
<a href="synth%E8se%20(Tricot).pdf">PDF</a></td>
</tr>
</table>
Informations
pratiques : 
<div align="justify">Les
communications orales sont sur invitation. Le programme détaillé,
reprenant les titres des conférences et les noms des auteurs
sera téléchargeable à partir de ce site.
 
Les
présentations orales se font dans les trois langues de travail
officielles de la Commission Internationale de la Meuse : français,
néerlandais, allemand. Une interprétation simultanée
dans les trois langues est assurée. 
Il
est demandé aux intervenants de rédiger leur présentation
Power Point dans la mesure du possible en anglais.
</div>
</div>
 

 
</td>
<td width="126"> <table width="73%" border="0" cellspacing="0" cellpadding="3" align="center">
<tr>
<td bgcolor="#FFFFFF"> <div align="center"><img src="logo%20cim%20gif.gif" width="87"
height="40">
 
<img src="rwjpg.jpg" width="53" height="51"> 
<img src="LOGO_SPW_th.jpg" width="86" height="42"> 
<img src="AQUAPOLE_LOGO_143x95_transp.gif" width="98" height="58"> 
<img src="ULG_logo_coul_texte_blason_cadre_72_transp.gif" width="91" height="49"> 
<img src="logo_fundp_vertical.jpg" width="65" height="94"> 
</div></td>
</tr>
<tr>
<td> <div align="center"></div></td>
</tr>
<tr>
<td bgcolor="#eeeeee"> <div align="center"><a href="map.htm">Comment 
s'y rendre ?</a></div></td>
</tr>
<tr>
<td nowrap><div align="center"><a href="index.htm"> 
<img src="home.gif" width="45" height="35" border="0"></a></div></td>
</tr>
</table></td>
</tr>
<tr>
<td height="25" colspan="4" bgcolor="#BDF08B"> <div align="center"><a href="programme.htm">
</a><a href="objectifs.htm">Objectifs
et thèmes </a>--
<a href="programme.htm">Programme</a> -
<a
href="subscription.htm">Inscription</a>
--<a href="comite.htm">
Hébergement</a> --
<a href="appelposters.htm">Appel aux posters </a>--
<a href="symposiumjunior.htm">Symposium junior</a><a href="organisation.htm"> 
Organisation et contact</a> --
<a href="situation.htm">Situation de l'évènement : le Palais
des Congrès de Liège</a></div></td>
</tr>
</table>
 
</body>
</html>

Communication et conception de sites web

Transcription

Documents pareils

CGV FREEline HD2 transmetteur vidéo sans f

Junior Classic Thinsulate Gloves - textil

Thinsulate Gloves - textil

Licence et Formulaire de création du site web CareerID

Sacambaya - Villeneuve de Marsan

Bêta-bloquants, hormonothérapie, aspirine et suppléments calciques

comite bouliste departemental du rhône 99 tournois de pentecôte 11

baptisée « Valspiranthe ». http://perso.orange.fr/orchid.glh

programmeur javascript / ajax

Parque Santiago 1 - Immobilier Tenerife