Saltar navegación

Activa JavaScript para disfrutar de los vídeos de la Mediateca.

XML CSS - Contenido educativo

Ajuste de pantalla

El ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:

Subido el 26 de diciembre de 2020 por Amadeo M.

128 visualizaciones

Más información Transcripción

Descargar la transcripción

Aunque las hojas de estilo, las Cascade Style Seeds, pueden utilizarse en XML, realmente se definieron para ser utilizadas con HTML, que veremos posteriormente. 00:00:00
Sin embargo, bueno, un poco la idea si queremos verla 00:00:12
Entonces, bueno, pues nosotros tenemos en este caso este documento XML 00:00:16
Que no tiene hojas de estilo, en la cual definimos una biblioteca 00:00:20
Donde hay multitud de libros y cada uno de los libros dispone de un título, un autor y una fecha de publicación 00:00:23
Del autor incluso a veces podemos saber su fecha de nacimiento 00:00:31
Y de la publicación conocemos el año en que se publicó 00:00:35
Bueno, visto este documento, nosotros si lo publicáramos en Firefox o Google Chrome o Microsoft Edge, pues esta información la veríamos de una manera determinada. 00:00:38
De esta manera, ¿de acuerdo? 00:00:51
Siempre y cuando estuviera bien escrito, si estuviera como el escrito, daría error en cualquiera de estos navegadores. 00:00:53
Bueno, a cualquier fichero HTML o a cualquier fichero XML 00:00:59
Le podemos indicar que se le aplique un CSS 00:01:05
En el caso de HTML5, de HTML para entendernos 00:01:09
La forma de indicar que se le aplique es esta de aquí 00:01:14
Sin embargo, en un CSS sería indicar que se le aplica una hoja de estilo con esta referencia 00:01:17
¿De acuerdo? 00:01:24
Bien 00:01:26
Nosotros tenemos esta información 00:01:26
Libro cuyo título es 00:01:30
La vida está en otra parte 00:01:32
Y autor Miran Kundera 00:01:33
Y fecha de publicación es 73 00:01:35
Y libro 00:01:36
Si no aplicamos 00:01:38
Si aplicamos esta información 00:01:40
Que no tiene realmente nada 00:01:42
Puede ser ir a publicar simplemente la parte 00:01:44
Que está en la parte de texto 00:01:46
La vida está en otra parte 00:01:48
La vida está en otra parte 00:01:50
Miran Kundera 00:01:53
Milan Kundera 00:01:56
pero podemos 00:01:57
empezar a indicar elementos 00:02:00
que van a tener características propias 00:02:02
por ejemplo, que el título 00:02:04
su color, el color del texto 00:02:05
esté en color rojo 00:02:08
bien, pues entonces veríamos 00:02:10
la información de esta manera 00:02:12
la vida es a la parte, en color rojo 00:02:14
y Milan Kundera tal como venía 00:02:16
o incluso hacerle aplicar 00:02:19
las características propias de 00:02:22
XHTML, por lo tanto 00:02:24
si ponemos una etiqueta H1 00:02:26
que ya veremos que significa header 00:02:28
1 o cabecera 1 00:02:29
pues lo veremos de esta manera 00:02:31
y la transformación así 00:02:33
¿de acuerdo? 00:02:36
bueno 00:02:38
podemos incluso enlazar con 00:02:39
varias hojas de estilo, ¿de acuerdo? 00:02:42
entonces en una ponemos 00:02:44
el título cuyo color está en rojo 00:02:46
y otra que decimos que 00:02:48
el tamaño de la fuente, del autor 00:02:50
esté al doble de tamaño pues este es el caso o incluso podemos ir cambiando según su título en 00:02:52
distintos al visualizar un navegador diversos estilos distintos esto realmente no se puede 00:03:02
hacer con chrome pero si se puede que hacer con firefox y así podemos definir y estableciendo 00:03:09
elementos para distintas partes de nuestro 00:03:17
xml 00:03:19
la propiedad display es realmente importante 00:03:20
porque display block es que la muestre 00:03:23
y display none es que no 00:03:25
lo muestre, y hay algunas cosas intermedias 00:03:27
que ya iremos viendo 00:03:29
además tenemos 00:03:30
cosas como inline 00:03:32
se visualiza, se displaya 00:03:34
o se visualiza en línea 00:03:37
o listing en forma 00:03:39
de lista, o table en forma 00:03:41
de tabla, etc 00:03:43
de acuerdo, entonces bueno, pues aquí estamos viendo información mostrada de diversas maneras 00:03:44
y además de las listas podemos tener contadores 00:03:50
entonces tenemos un contador que hacemos que cada vez que haya una etiqueta biblioteca se resete 00:03:53
que siempre que haya un libro, antes de que arranque el libro, se incremente el contador 00:03:59
y que se haga de forma alfanumérica mayúsculas 00:04:05
vemos aquí ABC 00:04:09
y aquí podemos mostrar información de varias maneras 00:04:10
O aquí que sea una tabla 00:04:13
No vamos a extender mucho más 00:04:14
Aquí vemos más ejemplos 00:04:17
Pero no vamos a extender mucho más 00:04:18
Porque lo veremos esto más despacio 00:04:19
Y de mejor manera 00:04:21
Cuando se le aplique un CSS a un HTML 00:04:23
Idioma/s:
es
Autor/es:
Amadeo Mora
Subido por:
Amadeo M.
Licencia:
Dominio público
Visualizaciones:
128
Fecha:
26 de diciembre de 2020 - 18:42
Visibilidad:
Público
Centro:
IES CLARA DEL REY
Duración:
04′ 29″
Relación de aspecto:
1.78:1
Resolución:
1364x768 píxeles
Tamaño:
32.83 MBytes

Del mismo autor…

Ver más del mismo autor

EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid