Diego Gauchat Juan - El gran libro de HTML5, CSS3 y Javascript

Здесь есть возможность читать онлайн «Diego Gauchat Juan - El gran libro de HTML5, CSS3 y Javascript» — ознакомительный отрывок электронной книги совершенно бесплатно, а после прочтения отрывка купить полную версию. В некоторых случаях можно слушать аудио, скачать через торрент в формате fb2 и присутствует краткое содержание. Жанр: unrecognised, на испанском языке. Описание произведения, (предисловие) а так же отзывы посетителей доступны на портале библиотеки ЛибКат.

El gran libro de HTML5, CSS3 y Javascript: краткое содержание, описание и аннотация

Предлагаем к чтению аннотацию, описание, краткое содержание или предисловие (зависит от того, что написал сам автор книги «El gran libro de HTML5, CSS3 y Javascript»). Если вы не нашли необходимую информацию о книге — напишите в комментариях, мы постараемся отыскать её.

Vivimos una revolución. Internet ha dejado de ser sólo un instrumento de comunicación para convertirse en parte de, prácticamente, todos los aspectos de la vida humana. En este contexto, el lenguaje HTML5 ha adquirido una importancia única. Las aplicaciones de Internet a las que accedemos ahora incontables veces en un día, ya sea desde un ordenador de mesa, un teléfono móvil, una PDA o cualquier otro dispositivo, son posibles gracias a HTML5. Con este manual aprenderá, a través de ejercicios prácticos soportados por sólidos conocimientos teóricos, a crear toda clase de sitios webs y aplicaciones estructuradas en HTML5, con estilos CS3 y programadas con las más importantes y recientes herramientas de Javascript. Estudiará desde los conceptos más básicos y tradicionales de cada uno de los lenguajes hasta los más utilizados por verdaderos profesionales de la programación. En cada capítulo irá desarrollando diversos códigos que irán ganando complejidad a medida que se avanza en la lección y harán mucho más accesibles los conceptos previamente estudiados. Mediante el uso de los componentes de los tres lenguajes, las nuevas API que ofrece Javascript y librerías externas, aprenderá a escribir sus propios códigos para crear, programar y optimizar formularios, personalizar la forma en la que se reproduce un archivo de vídeo o de audio, insertar una o más pistas de subtítulos en un vídeo, controlar la entrada y salida de cualquier elemento en el modo de pantalla completa, capturar vídeo en streamig, crear gráficos y animaciones de dos y tres dimensiones, programar un vídeo juego, controlar la apariencia y la forma en la que se comporta el ratón en determinadas circunstancias, utilizar la geolocalización, manipular la historia de navegación del usuario, optimizar el funcionamiento fuera de línea de su sitio, crear aplicaciones de mensajería digital y otras formas de comunicación bidireccional, entre muchos otros conocimientos.

El gran libro de HTML5, CSS3 y Javascript — читать онлайн ознакомительный отрывок

Ниже представлен текст книги, разбитый по страницам. Система сохранения места последней прочитанной страницы, позволяет с удобством читать онлайн бесплатно книгу «El gran libro de HTML5, CSS3 y Javascript», без необходимости каждый раз заново искать на чём Вы остановились. Поставьте закладку, и сможете в любой момент перейти на страницу, на которой закончили чтение.

Тёмная тема
Сбросить

Интервал:

Закладка:

Сделать

Usamos los elementos

y

en el documento para declarar los títulos y subtítulos de las diferentes secciones. El elemento

, por ejemplo, fue aplicado varias veces, no solo para el título principal de todo el documento sino también para algunas secciones internas. Ahora hay que aplicarles estilos apropiados:

Código 231 Adición de estilos para los elementos y En la regla - фото 101

Código 2-31

Adición de estilos para los elementos

y

.

En la regla anterior, la propiedad font cambia la familia, el tipo, el tamaño y la fuente de todos los textos comprendidos dentro de los elementos

y

.

2.4.4 Declaración de nuevos elementos HTML5

Otra regla básica que debe ser declarada al principio de un documento es la definición por defecto de los elementos estructurales de HTML5. Algunos navegadores no reconocen estos elementos o los tratan como elementos en línea. Por tanto siempre es necesario declararlos como elementos de bloque para asegurar que serán tratados como elementos

y que por lo tanto será posible construir el modelo de caja.Código 232 Definición de los elementos de HTML5 como elementos de bloque - фото 102

Código 2-32

Definición de los elementos de HTML5 como elementos de bloque.

Ahora los elementos afectados por la regla del Código 2-32se colocarán uno sobre el otro a menos que se especifique lo contrario más adelante.

картинка 103 Conceptos básicos

La propiedad display asigna un tipo diferente al elemento afectado. Si quiere convertir un elemento en línea en un elemento de bloque, lo único que tiene que hacer es utilizar la declaración display: block.Hay varios posibles valores para esta propiedad, como block, inline, inline-block , etc. Para obtener una lista completa, por favor visite nuestro sitio web y siga los enlaces propuestos para este capítulo.

2.4.5 Centrar el cuerpo

El primer elemento del modelo de caja es siempre

y usualmente su contenido tiene estar de forma horizontal. Para obtener un diseño consistente en diferentes configuraciones de pantalla se debe indicar su tamaño o su tamaño máximo.Codigo 233 Centrado del cuerpo De forma predeterminada la etiqueta tiene un - фото 104

Codigo 2-33

Centrado del cuerpo.

De forma predeterminada, la etiqueta

tiene un valor de ancho del 100%. Esto significa que el cuerpo va a ocupar todo el ancho de la ventana del navegador. Para centrar la página en la ventana, es necesario centrar el contenido en el interior del cuerpo. Con la regla añadida en el Código 2-33, todo lo que esté dentro del elemento se centra, centrando por tanto toda la página web.

2.4.6 Creación de la caja principal

Hay que especificar un tamaño para el contenido del cuerpo. Recordará que en el Código 2-29añadimos un elemento

id=“caja_principal” para agrupar el contenido del elemento , que ahora está contenido en su interior. El tamaño de esta caja determinará el tamaño máximo del resto de los elementos.Código 234 Definición de las propiedades de la caja principal La regla del - фото 105

Código 2-34

Definición de las propiedades de la caja principal.

La regla del Código 2-34es la primera que hace referencia a un elemento mediante el valor de su atributo id.El carácter #indica al navegador que el elemento afectado por estos estilos tiene el atributo id con el valor caja_principal.

Ésta regla establece tres estilos para el cuadro principal. El primero establece un ancho fijo de 960 px para la caja. (Los valores habituales para un sitio web actualmente están entre 960 y 980 px de ancho). El segundo estilo es parte del Modelo de caja tradicional. En la regla anterior (Código 2-33), usamos el estilo text-align: center para establecer que el contenido del cuerpo se centre, pero esto solo afecta al contenido en línea, como pueden ser textos o imágenes. Para los elementos en bloque como

, es necesario establecer un valor para sus márgenes que los ajusten automáticamente al tamaño del elemento padre. En el Código 2-34, el estilo margin: 15px auto asigna 15 px para el margen superior e inferior del elemento
al que hace referencia y establece el tamaño de los márgenes izquierdo y derecho como automático. De este modo tendremos un espacio de 15 px en las partes superior e inferior del cuerpo y el espacio a la izquierda y la derecha será calculado automáticamente de acuerdo con el tamaño del cuerpo y el tamaño del elemento
, centrando efectivamente el contenido en la pantalla. Ahora la página web está centrada y con un tamaño fijo de 960 px.

Con el siguiente paso evitaremos un problema que se produce en algunos navegadores. La propiedad text-align es hereditaria. Esto significa que no solo la caja principal estará centrada, sino que también lo estarán todos los elementos que contiene: el estilo se transferirá a cada elemento anidado dentro del elemento

.Por tanto es necesario volver a cambiar este estilo a su valor por defecto para el resto del documento. El tercero y último estilo de la regla del Código 2-34se encargará de esto. De este modo el contenido del cuerpo estará centrado pero el contenido de la caja principal (el elemento
) estará de nuevo alineado a la izquierda, y de este modo, el resto del código heredará este estilo y lo utilizará de forma predeterminada.

El gran libro de HTML5 CSS3 y Javascript - изображение 106 Hágalo usted mismo

Si aún no lo ha hecho, copie cada regla encontrada hasta este punto en un archivo vacío con el nombre misestilos.css.Este archivo debe ser colocado en la misma carpeta o directorio que el archivo HTML que contiene el Código 2-29.Deberá tener por lo menos dos archivos, uno con el código HTML y otro llamado mystyles.csscon todos los estilos CSS que estudiamos desde el Código 2-30.Abra el archivo HTML en el navegador para ver en pantalla el contenido creado.

2.4.7 La cabecera

Continuemos con el resto de los elementos estructurales. A continuación de la etiqueta de apertura

se encuentra el primer elemento estructural de HTML5: .Este elemento contiene el título principal de la página web y se encuentra en la parte superior de la pantalla. Hemos identificado el elemento en el código con el atributo id=“cabecera” .

Por defecto, cada elemento en bloque, tal como sucedía con el cuerpo, tiene un ancho del 100%. Esto significa que el elemento ocupa todo el espacio horizontal disponible. En el caso del cuerpo, como ya se ha dicho, este espacio es el ancho de la ventana del navegador pero para el resto de los elementos el espacio máximo se determina por el tamaño de su elemento padre. En nuestro ejemplo, el espacio máximo de los elementos dentro de la caja principal será 960 px, ya que están anidados dentro de la caja principal y éste es el ancho establecido para este elemento.

Читать дальше
Тёмная тема
Сбросить

Интервал:

Закладка:

Сделать

Похожие книги на «El gran libro de HTML5, CSS3 y Javascript»

Представляем Вашему вниманию похожие книги на «El gran libro de HTML5, CSS3 y Javascript» списком для выбора. Мы отобрали схожую по названию и смыслу литературу в надежде предоставить читателям больше вариантов отыскать новые, интересные, ещё непрочитанные произведения.


Отзывы о книге «El gran libro de HTML5, CSS3 y Javascript»

Обсуждение, отзывы о книге «El gran libro de HTML5, CSS3 y Javascript» и просто собственные мнения читателей. Оставьте ваши комментарии, напишите, что Вы думаете о произведении, его смысле или главных героях. Укажите что конкретно понравилось, а что нет, и почему Вы так считаете.

x