source: ether_eccad/trunk/ECCAD_INTERFACE/original/test_visu.html @ 68

Last change on this file since 68 was 68, checked in by cbipsl, 14 years ago

commit v1 eccad
  • Property svn:executable set to *
File size: 4.4 KB
Line 
1<html>
2<head>
3  <title> Test template Eccad </title>
4  <link rel="stylesheet" 
5        href="./Eccad.css"
6        type="text/css"
7        media="all">
8</head>
9
10<body>
11<div id="page">
12<!-- Bandeau haut de la page -->
13<div id="bandeau_haut">
14  <div class="colLogo">
15    <img src="./images/ether.jpg"></img>
16  </div>
17  <div class="colEntete">
18    <div class="copyright">Copyright 2006 CNES-CNRS</div>
19    <div class="titre_site">
20    ECCAD
21    </div>
22    <div class="navigH">
23      <a href="#">Project description</a>|
24      <a href="#">Context</a>|
25      <a href="#">Data</a>
26    </div>
27  </div>
28</div>
29
30<!-- Contenu central de la page -->
31<div id="centre">
32  <!-- Colonne de gauche (sur fond moutarde) -->
33  <div class="navigV">
34    <!-- Logo du projet Eccad -->
35    <div class="logo2">
36      <img src="./images/ECCAD_small.gif" width="80%"></img>
37    </div>
38    <!-- Information communes à toutes les pages de visualisation -->
39    <div class="visuCommon">
40      <h1>Observed Data:</h1>
41      <h2>Parameter:</h2>
42      Burnt Areas
43      <h2>Product:</h2>
44      ECCAD_GEOLAND
45      <h2>Observation period:</h2>
46      from: YYYY/MM/DD <br />
47      to:   YYYY/MM/DD <br />
48      <h1>Localisation:</h1>
49      <form>
50      <h2>Upper Left Corner:</h2>
51        <label>Latitude:</label><input type="text" name="latUL" size="5" value="90.0"/>
52        <label>Longitude</label><input type="text" name="lonUL" size="5"  value="-180.0"/>
53      <h2>Lower Right Corner:</h2>
54        <label>Latitude:</label><input type="text" name="latLR" size="5" value="-90.0"/>
55        <label>Longitude</label><input type="text" name="lonLR" size="5"  value="180.0"/>
56      </form>
57      <form>
58        <input type="submit" value="Save Data" >
59        <input type="submit" value="New Study" >
60      </form>
61    </div>
62  </div>
63 
64  <!-- Colonne de droite (zone prinicpale de la page) -->
65  <div class="contenu">
66    <div class="pageEccad">
67      <h1>Visualisation</h1>
68      <!--Menu à onglets -->
69      <div class="menu_onglets">
70        <div class="onglet-actif"><a href="#">Map</a></div>
71        <div class="onglet"><a href="#">Statistics</a></div>
72      </div>
73      <!-- Zone contanant les données visualisées -->
74      <div class="bloc_visu">
75        <!-- Paramètres de l'étude -->
76        <div class="zone_affich">
77          <form class="selection">
78            <div class="col1_menu">
79              <label>Observed data</label>
80            </div>
81            <div class="col1_menu">
82              <div class="col2_menu">
83                <input type="radio" name="obsData" value="day" />1 day
84              </div>
85              <div class="col2_menu">
86                <select name="day">
87                  <option value="20020105">2002/01/05</option>
88                  <option value="20020115">2002/01/15</option>
89                  <option value="20020125">2002/01/25</option>
90                </select>
91              </div>
92            </div>
93            <div class="col1_menu">
94              <div class="col2_menu">
95                <input type="radio" name="obsData" value="period" />period
96              </div>
97              <div class="col2_menu">
98                <select name="period">
99                  <option value="mean">mean</option>
100                  <option value="std">std</option>
101                  <option value="min">min</option>
102                  <option value="max">max</option>
103                </select>
104              </div>
105            </div>
106         
107            <div class="col1_menu">
108              <label>Data representation</label>
109            </div>
110            <div class="col1_menu">
111              <input type="radio" name="repr" value="gridded" />gridded data
112            </div>
113            <div class="col1_menu">
114              <input type="radio" name="repr" value="isolines" />isolines
115            </div>
116
117            <div class="col1_menu">
118              <label>Add markers</label>
119            </div>
120            <div class="col1_menu">
121              <input type="checkbox" name="markers[]" value="countries" />country maps
122            </div>
123            <div class="col1_menu">
124              <input type="checkbox" name="markers[]" value="grid" />geolocalisation grid
125            </div>
126          </form>
127        </div>
128      <!-- Affichage de "l'étude" -->
129<!--         <div class="zone_affich"> -->
130          <div class="image">Emplacement de l'image</div>
131          <div class="legend">Emplacement de la légende</div>
132<!--         </div> -->
133     
134      </div>
135
136    </div>
137  </div>
138</div>
139</div>
140</body>
141</html>
Note: See TracBrowser for help on using the repository browser.