5.4. CSS: cómo se usa en HTML (parte 1) ~ Introducción al Desarrollo Web

5.4. CSS: cómo se usa en HTML (parte 1)

mayo 01, 2018 Fernando López

Debes ver el vídeo CSS: cómo se usa en HTML (parte 1) en el que se explica el acoplamiento en un sistema informático, las tres formas de usar CSS en HTML, el atributo style y se muestra una demostración de uso en una página web.

ACTIVIDAD 4.1.
A partir de la página web que se te proporciona, debes emplear el atributo style para crear una página web que tenga el mismo aspecto que la siguiente imagen:

SOLUCION:


                  <!DOCTYPE html>
                <html>
                    <meta charset="utf-8">
                        <head>
                            <title>
                                HTML & CSS: Curso práctico avanzado
                            </title>
                        </head>
                        <body>
                            <h1 style="color: #F00; font-family: Verdana, Calibri, sans-serif; font-size: 32px;">
                                HTML & CSS: Curso práctico avanzado
                            </h1>
<h2 style="color: #A00; font-family: Verdana, Calibri, sans-serif; font-size: 24px;">
                                Datos del libro
                            </h2>
<ul>
<li>
                                    <span style="color: #060;">
                                        Título:
                                    </span>
                                    HTML & CSS: Curso práctico avanzado
                                </li>
<li>
                                    <span style="color: #060;">
                                        Autor:
                                    </span>
                                    Sergio Luján Mora
                                </li>
<li>
                                    <span style="color: #060;">
                                        Editorial:
                                    </span>
                                    Publicaciones Altaria
                                </li>
<li>
                                    <span style="color: #060;">
                                        Año de publicación:
                                    </span>
                                    2015
                                </li>
<li>
                                    <span style="color: #060;">
                                        ISBN:
                                    </span>
                                    978-84-944049-4-8
                                </li>
</ul>
<h2 style="color: #A00; font-family: Verdana, Calibri, sans-serif; font-size: 24px;">
                                Descripción del libro
                            </h2>
<span style="color: #00F; font-family: Georgia, Cambria, serif; font-size: 16px;">
                                <p>
Aunque los inicios de
                                    <span style="font-size: 20px; font-weight: bold;">
                                        Internet
                                    </span>
                                    se remontan a los años sesenta, no ha sido hasta los años noventa cuando, gracias a la
                                    <span style="font-size: 20px; font-weight: bold;">
                                        Web
                                    </span>
                                    , se ha extendido su uso por todo el mundo. En pocos años, la
                                    <span style="font-size: 20px; font-weight: bold;">
                                        Web
                                    </span>
                                    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 (
                                    <span style="color: #fff; background-color: #000; font-style: italic;">
                                        Hypertext Markup Language
                                    </span>
                                    ,
                                    <span style="color: #FFF; background-color: #000; font-style: italic;">
                                        HTML
                                    </span>
                                    ) y con las Hojas de estilo en cascada (
                                    <span style="color: #fff; background-color: #000; font-style: italic;">
                                        Cascading Style Sheets, CSS
                                    </span>
                                    ).
                                </p>
<p>
Este libro es adecuado para cualquiera que tenga interen aprender a desarrollar sus propias páginas web. No son necesarios cococimientos previos para aprender con este libro, lo único que es necesario es saber utilizar un ordenador y saber navear por la
                                    <span style="font-size: 20px; font-weight: bold;">
                                        Web
                                    </span>
                                    .
                                </p>
<h2 style="color: #A00; font-family: Verdana, Calibri, sans-serif; font-size: 24px;">
                                    Contenido del libro
                                </h2>
<p>
El contenido de este libro se estructura en tres apartados bien diferenciados:
                                </p>
<ul>
<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
                                        <span style="color: #FFF; background-color: #000; font-style: italic;">
                                            URL
                                        </span>
                                        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
                                        <span style="color: #fff; background-color: #000; font-style: italic;">
                                            HTML
                                        </span>
                                        y
                                        <span style="color: #fff; background-color: #000; font-style: italic;">
                                            CSS
                                        </span>
                                        , empleados para el desarrollo de las páginas web en el lado del cliente.
                                    </li>
<li>
                                        En la segunda parte se trabaja
                                        <span style="color: #FFF; background-color: #000; font-style: italic;">
                                            HTML
                                        </span>
                                        . Partiendo de la estructura básica de una página web, se explican las etiquetas de
                                        <span style="color: #FFF; background-color: #000; font-style: italic;">
                                            HTML
                                        </span>
                                        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
                                        <span style="color: #FFF; background-color: #000; font-style: italic;">
                                            CSS
                                        </span>
                                        , 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. En fin, un manual ameno creado desde la experiencia docente y de campo.
                                    </li>
</ul>
</span>
                        </body>
                    </meta>
                </html>

Introducción al Desarrollo Web

Este blog forma parte de un ejercicio propuesto por el Curso de Google Actívate "Introducción al desarrollo Web HTML y CSS"

Módulos

Buscar este blog

Denunciar abuso

BTemplates.com

martes, 1 de mayo de 2018

5.4. CSS: cómo se usa en HTML (parte 1)

0 comentarios:

Publicar un comentario

Artículos Populares

Módulos del curso

Archivo del Blog