-
Notifications
You must be signed in to change notification settings - Fork 0
/
sobremi.html
201 lines (182 loc) · 10.5 KB
/
sobremi.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
<!DOCTYPE html>
<html lang="es">
<head>
<!-- Datos que describen el documento -->
<meta charset="UTF-8" />
<meta name ="author" content ="Sergio Truébano Robles" />
<meta name ="description" content ="Información personal sobre el autor de la página Web" />
<meta name ="keywords" content ="escritorio virtual, personal, informática" />
<meta name ="viewport" content ="width=device-width, initial-scale=1.0" />
<title>Escritorio Virtual - Sobre mi</title>
<!-- añadir el elemento link de enlace a la hoja de estilo dentro del <head> del documento html -->
<link rel="stylesheet" type="text/css" href="estilo/estilo.css" />
<link rel="stylesheet" type="text/css" href="estilo/layout.css" />
<link rel="icon" href="multimedia/imagenes/favicon.ico" />
</head>
<body>
<header>
<h1>Escritorio Virtual</h1>
<nav>
<a href="index.html" title="Índice" accesskey="I" tabindex="1">Inicio</a>
<a href="sobremi.html" title="Sobre mi" accesskey="S" tabindex="2">Sobre mi</a>
<a href="noticias.html" title="Noticias" accesskey="N" tabindex="3">Noticias</a>
<a href="agenda.html" title="Agenda" accesskey="A" tabindex="4">Agenda</a>
<a href="meteorologia.html" title="Meteorología" accesskey="M" tabindex="5">Meteorología</a>
<a href="php/viajes.php" title="Viajes" accesskey="V" tabindex="6">Viajes</a>
<a href="juegos.html" title="Juegos" accesskey="J" tabindex="7">Juegos</a>
</nav>
</header>
<main>
<h2>Sobre mi</h2>
<section>
<h3>Datos personales</h3>
<p>Nombre y apellidos: Sergio Truébano Robles</p>
<p>Ciudad natal: Gijón, Asturias</p>
<p>UO: 289930</p>
<p>Correo electrónico: [email protected]</p>
<picture>
<source media="(max-width: 465px)" srcset="multimedia/imagenes/yo-150w.png"/>
<source media="(max-width: 799px)" srcset="multimedia/imagenes/yo-378w.png"/>
<source media="(min-width: 800px)" srcset="multimedia/imagenes/yo.png"/>
<img src="multimedia/imagenes/yo.png" alt="Foto personal"/>
</picture>
<p>
Bienvenidos: Mi nombre es Sergio Truébano, soy un estudiante del tercer curso de
<a href="https://ingenieriainformatica.uniovi.es/infoacademica/grado" title ="Página Web Escuela de Ingeniería Informática" tabindex="8">IngenieríaInformática del Software</a>
en <a href="https://www.uniovi.es" title="Página Web de la Universidad de Oviedo" tabindex="9">Universidad de Oviedo</a>.
</p>
<p>
Soy un aficionado a la informática que trata de acercar su realidad a la Web a través de un escritorio virtual.
</p>
<p>
Me considero una persona agradecida y entusiasta, con ganas de trabajar y de sacar mis proyectos adelante.
Soy muy aficionado a los coches, tanto de calle como deportivos o de carreras, así como el estudio de los componentes usados para
el mismo y la implicación de este uso en el rendimiento y la aerodinámica del coche.
</p>
</section>
<section>
<h3>Aficiones</h3>
<ul>
<li>Informática</li>
<li>Aerodinámica</li>
<li>Coches
<ol>
<li>Mecánica</li>
<li>Fórmula 1</li>
<li>Rally</li>
</ol>
</li>
<li>Videojuegos
<ul>
<li>Automoción</li>
<li lang="en">Shooter</li>
<li>Supervivencia</li>
</ul>
</li>
<li>Realidad virtual</li>
</ul>
<p>A continuación, se muestra un vídeo del Rally Princesa de Asturias 2023:</p>
<video controls preload tabindex="10">
<source src="multimedia/videos/rally.mp4" type="video/mp4">
<source src="multimedia/videos/rally.webm" type="video/webm">
</video>
</section>
<section>
<h3>Cantantes o grupos musicales favoritos ordenados por preferencia personal</h3>
<ol>
<li>Andy & Lucas</li>
<li>Estopa</li>
<li>Miguel Campello</li>
<li>Joaquín Sabina</li>
<li>Melendi</li>
</ol>
<p>Foto del grupo Andy & Lucas:</p>
<picture>
<source media="(max-width: 465px)" srcset="multimedia/imagenes/andylucas-150w.png"/>
<source media="(max-width: 799px)" srcset="multimedia/imagenes/andylucas-378w.png"/>
<source media="(min-width: 800px)" srcset="multimedia/imagenes/andylucas.png"/>
<img src="multimedia/imagenes/andylucas.png" alt="No se ha podido mostrar la foto de Andy & Lucas"/>
</picture>
<p>Fragmento de la canción Tanto la quería del grupo musical Andy & Lucas:</p>
<audio controls tabindex="11">
<source src="multimedia/audios/andylucas.mp3" type="audio/mp3">
<source src="multimedia/audios/andylucas.wav" type="audio/wav">
<source src="multimedia/audios/andylucas.ogg" type="audio/ogg">
</audio>
</section>
<section>
<h3>Asignaturas que más me han gusatdo hasta ahora del grado en Ingeniería Informática del Software</h3>
<p>Todas las asignaturas relaccionadas con mi grado se pueden ver en el
<a href="https://sies.uniovi.es/ofe-pod-jsf/web/oferta/seccion-5.faces" title="SIES: Plan de estudios para grado en Ingeniería Informática del Software" tabindex="12">plan de estudios</a> de la Universidad de Oviedo</p>
<dl>
<dt>Comunicación Persona Máquina</dt>
<dd>Interfaces en Java usando Swing y aplicando: usabilidad, adaptabilidad y accesibilidad</dd>
<dt>Estructura de datos</dt>
<dd>Principales estructuras para almacenar datos y acceder a ellos de la manera más eficiente</dd>
<dt>Fundamentos de Informática</dt>
<dd>Fundamentos de Software y programación usando Python</dd>
<dt>Metodología de la Programación</dt>
<dd>Inicio a las metodología de la programación en Java, pero aplicable a cualquier lenguaje de programación</dd>
<dt>Tecnologías y Paradigmas de la Programación</dt>
<dd>Principales características de los lenguajes de programación, así como distintos paradigmas: procedimientos, orientado a objetos, funcional</dd>
</dl>
</section>
</main>
<aside>
<h2>Tabla de temperaturas</h2>
<p>La siguiente tabla expresa la media de las temperaturas (en grados Celsius) en Gijón durante los últimos 10 años:</p>
<table>
<caption>Tabla de temperaturas medias por meses desde 2013 hasta 2022 en Gijón</caption>
<tr>
<th scope="col" id="año">Año</th>
<th scope="col" id="temperatura">Temperatura media</th>
</tr>
<tr>
<th scope="row" id="2012" headers="año">2012</th>
<td headers="2012 temperatura">12</td>
</tr>
<tr>
<th scope="row" id="2013" headers="año">2013</th>
<td headers="2013 temperatura">13</td>
</tr>
<tr>
<th scope="row" id="2014" headers="año">2014</th>
<td headers="2014 temperatura">12</td>
</tr>
<tr>
<th scope="row" id="2015" headers="año">2015</th>
<td headers="2015 temperatura">13</td>
</tr>
<tr>
<th scope="row" id="2016" headers="año">2016</th>
<td headers="2016 temperatura">12</td>
</tr>
<tr>
<th scope="row" id="2017" headers="año">2017</th>
<td headers="2017 temperatura">12</td>
</tr>
<tr>
<th scope="row" id="2018" headers="año">2018</th>
<td headers="2018 temperatura">12</td>
</tr>
<tr>
<th scope="row" id="2019" headers="año">2019</th>
<td headers="2019 temperatura">12</td>
</tr>
<tr>
<th scope="row" id="2020" headers="año">2020</th>
<td headers="2020 temperatura">13</td>
</tr>
<tr>
<th scope="row" id="2021" headers="año">2021</th>
<td headers="2021 temperatura">13</td>
</tr>
<tr>
<th scope="row" id="2022" headers="año">2022</th>
<td headers="2022 temperatura">13</td>
</tr>
</table>
<p>Información extraída de la siguiente página Web: <a href="https://es.weatherspark.com/h/y/34995/2023/Datos-hist%C3%B3ricos-meteorol%C3%B3gicos-de-2023-en-Gij%C3%B3n-Espa%C3%B1a#Figures-Temperature" title="Página Web meteorológica de referencia">es.weatherspark.es</a></p>
</aside>
</body>
</html>