iDESWEB Ángel Canchal: noviembre 2017

1) En CSS, desde el interior hacia afuera de un elemento, ¿cuál es el orden correcto del modelo de caja? content, padding, border, margin

2) ¿Cómo se llama un entorno de navegación que controla la información y los sitios web que el usuario puede acceder? Jardín cerrado

3) En CSS, el espacio entre el contenido de un elemento y el borde del elemento se llama padding

4) En CSS, la propiedad box-sizing puede tomar el valor padding-box en el navegador Mozilla Firefox

5) En CSS, para indicar que unos elementos de bloque que normalmente se colocan verticalmente uno debajo del otro se apilen horizontalmente, se emplea float

6) En CSS, para cambiar el modo de visualización de un elemento, por ejemplo de bloque a en línea, se emplea display

7) En HTML, para indicar que una hoja de estilo se debe emplear para un tipo de dispositivo específico se emple el atributo media

8) En CSS, para indicar que la anchura de un elemento no debe superar cierto valor se emplea max-width

9) En CSS, ¿cómo se muestra un borde con estas características? Borde superior 10 píxeles; borde inferior 5 píxeles; borde izquierdo 20 píxeles; borde derecho 1 píxel border-width:10px 1px 5px 20px;

10) En CSS, para centrar horizontalmente un elemento como un div se emplea margin: auto;

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>HTML & CSS: Curso práctico avanzado</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<style>
body {
width: 80%;
margin: 0 auto;
}

@media (min-width: 1201px {
h1 {
text-align: center;
}

#datos, #descripcion, #contenido {
float: left;
padding: 0;
margin: 0;
}

#datos {
width: 33%;
}

#descripcion {
width: 33%;
}

#contenido {
width: 33%
}
}
@media (min-width: 601px) and (max-width: 1200px) {
h1 {
text-align: center;
}

#datos, #principal {
float: left;
padding: 0;
margin: 0;
}

#datos {
width: 30%;
}

#principal {
width: 70%;
}

#apartados {
list-style-type: none;
padding: 0:
}

#apartados li {
float: left;
width: 33%;
}
}

@media (max-width: 600px) {
#datos ul {
padding-left: 0;
}

#datos li {
display: inline;
}

#datos li: after {
content: "; ";
}
}

</style>
</head>
<body>
<h1>HTML & CSS: Curso práctico avanzado</h1>

<div id="datos">
<h2>Datos del libro</h2>

<ul>
<li>Título: HTML & CSS: Curso práctico avanzado</li>
<li>Autor: Sergio Luján Mora</li>
<li>Editorial: Publicaciones Altaria</li>
<li>Año de publicación: 2015</li>
<li>ISBN: 978-84-944049-4-8</li>
</ul>

</div>

<div id="principal">
<div id="descripcion">
<h2>Descripción del libro</h2>

<p>
Aunque los inicios de Internet se remontan a los años sesenta, no ha sido hasta los años noventa cuando, gracias a la Web, se ha extendido su uso por todo el mundo. En pocos años, la Web ha evolucionado enormemente: se ha pasado de páginas sencillas, con pocas imágenes y contenidos estáticos que eran visitadas por unos pocos usuarios a páginas complejas, con contenidos dinámicos que provienen de bases de datos y que son visitadas por miles de usuarios al mismo tiempo.
</p>

<p>
Todas las páginas están internamente construidas con la misma tecnología, con el Lenguaje de marcas de hipertexto (Hypertext Markup Language, HTML) y con las Hojas de estilo en cascada (Cascading Style Sheets, CSS).
</p>

<p>
Este libro es adecuado para cualquiera que tenga interés en aprender a desarrollar sus propias páginas web. No son necesarios conocimientos previos para aprender con este libro, lo único que es necesario es saber utilizar un ordenador y saber navegar por la Web.
</p>

</div>

<div id="contenido">
<h2>Contenido del libro</h2>

<p>
El contenido de este libro se estructura en tres apartados bien diferenciados:
</p>

<ul id="apartados">
<li>En la primera parte del libro se trabajan conceptos generales que son necesarios para poder desarrollar páginas web; se explican conceptos de estructura física y estructura lógica (o estructura de navegación) de un sitio web. Se detalla cómo influye la estructura física en las URL o direcciones que se emplean a la hora de crear los enlaces de un sitio web. Pasando por el concepto de "estándar web", un término general que se emplea para refererirse a los estándares que define su funcionamiento como HTML y CSS, empleados para el desarrollo de las páginas web en el lado del cliente.</li>

<li>En la segunda parte se trabaja HTML. Partiendo de la estructura básica de una página web, se explican las etiquetas de HTML que se utilizan para definir el texto, los enlaces, las listas, las tablas, los formularios y los elementos multimedia.</li>

<li>En la tercera y última parte se explica CSS, el lenguaje que se emplea para definir el formato y la presentación de una página web. Se explica cómo utilizar el color, cómo definir la presentación del texto, de las tablas y de los formularios; cómo realizar transformaciones y transiciones con el fin de diseñar una página web.</li>
</ul>
</div>
</div>

</body>
</html>

iDESWEB Ángel Canchal

sábado, 4 de noviembre de 2017

2ª Parte Módulo 3 Examen

viernes, 3 de noviembre de 2017

2ª Parte Módulo 3, Actividad 18

2ª Parte Módulo 3 Examen