CURSO HTML_CCS_2 Módulo 1_Actividad 4: Presentación de Página Web

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:

Tienes que tener en cuenta los siguientes requisitos:

• El texto principal:
  • El color del texto es azul: #00F.
  • El tipo de letra es la secuencia: Georgia, Cambria, serif.
  • El tamaño del texto: 16px.
• El encabezado de nivel 1:
  • El color del texto es rojo claro: #F00.
  • El tipo de letra es la secuencia: Verdana, Calibri, sans-serif.
  • El tamaño del texto: 32px.
• El encabezado de nivel 2:
  • El color del texto es rojo claro: #A00.
  • El tipo de letra es la secuencia: Verdana, Calibri, sans-serif.
  • El tamaño del texto: 24px.
• El color de los campos de los datos del libro es verde oscuro: #060.
• El texto "Internet" y la "Web" cuando actúan como sustantivos:
  • El tamaño del texto: 20px.
  • Texto en negrita.
• El texto "Hypertext Markup Language", "Cascading Style Sheets" y los acrónimos "HTML" y "CSS":
  • El color del texto es blanco: #FFF.
  • El color de fondo del texto es negro: #000.
  • Texto en cursiva.

Consejo: puedes utilizar las etiquetas de HTML <em> y <strong>.

Consejo: puedes utilizar la etiqueta de HTML <span> para aplicar un estilo CSS a cualquier parte del texto.

SOLUCIÓN

<meta charset="utf-8">

<title>HTML &amp; CSS: Curso práctico avanzado</title>

<h1 style="color: #F00; font-family: Verdana, Calibri, Sans-serif; font-size: 32px;" >HTML &amp; CSS: Curso práctico avanzado</h1>

<h2 style="color: #A00; font-family: Verdana, Calibri, Sans-serif; font-size: 24x;">Datos del libro</h2>

<ul>

<li> <span style="color: #060;">Título: </span>HTML &amp; 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>944049-4-8</li>

</ul>

<h2 style="color: #A00; font-family: Verdana, Calibri, Sans-serif; font-size: 24x;">Descripción del libro</h2>

<p>

Aunque los inicios de  <span style="font-weight: bold;font-size: 20x"> Internet</span> se remontan a los años sesenta, no ha sido hasta los años noventa cuando, gracias a la <span style="font-weight: bold;font-size: 20x">Web</span>, se ha extendido su uso por todo el mundo. En pocos años, la <span style="font-weight: bold;font-size: 20x">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-weight: bold;"> (Hypertext Markup Language, HTML) </span> y con las Hojas de estilo en cascada <span style="color: #FFF; background-color: #000; font-weight: bold;"> (Cascading Style Sheets, CSS) </span>.

</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>

<h2 style="color: #A00; font-family: Verdana, Calibri, Sans-serif; font-size: 24x;">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 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 <span style="color: #FFF; background-color: #000; font-weight: bold;">HTML</span> y <span style="color: #FFF; background-color: #000; font-weight: bold;">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-weight: bold;">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-weight: bold;">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 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>

Read More

CURSO HTML_CCS_2 Módulo 1_Actividad 3: Presentación de Página Web

1.- ¿Qué significa CSS?

Principio del formulario

Cascading Style Sheets.

2.- Las versiones de CSS se llaman:

Niveles.

Final del formulario

Principio del formulario

3.- CSS se compone de: 

Reglas.

Final del formulario

4.- Respecto CSS3 se puede afirmar:

Principio del formulario

Todas las respuestas son correctas.

Final del formulario

5.-¿En qué año apareció el lenguaje CSS?

Principio del formulario

1996.

6.- ¿Quién se encarga de la estandarización de CSS?

W3C.

Read More

CURSO HTML_CCS_1 MODULO 0_EXAMEN Historia de la WEB

Una vez finalices el examen selecciona enviar respuestas. Si superas el examen no tendrás que volver a hacerlo, las respuestas quedarán registradas. En caso de no superarlo (obteniendo una nota inferior al 80%) tendrás la opción de volver a realizar el examen. ¡Mucha suerte!

1    1 .- ¿Quién acuñó el término hipertexto?

• Robert Cailliau.
• Ted Nelson.
• Tim Berners-Lee.

2.- ¿Cuál era el objetivo del sistema que se desarrolló y que posteriormente se convirtió en la            Web?

• Construir una red de ordenadores que resistiera un ataque nuclear.
• Organizar y compartir la información existente entre científicos.
• Desarrollar un sistema de comunicación sin cables.

3.- Leonard Kleinrock es conocido por haber:

•  Construido el primer servidor web.
•  Propuesto el hipertexto.
•  Desarrollado el modelo matemático de la comunicación mediante el intercambio de paquetes.

4.- ¿Qué escribió el jefe de Tim Berners-Lee en la cubierta de su propuesta?

• Good, but not as good as the Internet.
• Vague, but exciting.
• Very good!

5.- En los inicios de Internet, ¿cómo se llamaba el aparato que es el equivalente a los actuales routers?

• IMP.
• Logger.
• Switch.

6.- Para que una red de ordenadores se pueda conectar a Internet es necesario emplear:

• El protocolo HTTP.
• Un servidor web.
• El protocolo TCP/IP.

7.¿Dónde trabaja Tim Berners-Lee en la actualidad?

• CERN.
•  IBM.
•  W3C.

8.¿Cuáles son los tres elementos fundamentales de la Web?

• HTML, CSS, DOM.
• HTML, PHP, URL.
• HTML, HTTP, URL.

9.¿Quién está considerado como uno de los padres de Internet.

• Tim Berners-Lee.
•  Ted Nelson.
•  Vinton Cerf.

10. ¿Qué es un protocolo en Internet?

• Es la preferencia que tiene un servicio sobre otro servicio.
• Es el conjunto de reglas que emplean dos ordenadores para comunicarse.
• Es el conjunto de datos que se envía al conectarse a Internet a través de una red wifi.

ERRORES

En los inicios de Internet, ¿cómo se llamaba el aparato que es el equivalente a los actuales routers?

Logger.

¿Cuáles son los tres elementos fundamentales de la Web?

HTML, PHP, URL.

Read More

CURSO HTML_CCS_1 Modulo 0_Actividad 13 Historia de la WEB

1. ¿De qué marca es el ordenador que se utilizó para desarrollar la Web?

NeXT. ¡Correcto! Era un ordenador de la empresa que fundó Steve Jobs cuando lo echaron de Apple en 1985. Por cierto, después Apple compró NeXT y Steve Jobs regresó a Apple en 1997.

2. ¿Cuál es el título del famoso artículo que publicó Vannevar Bush sobre su máquina memex?

As We May Think. ¡Correcto! El artículo fue publicado en The Atlantic en julio de 1945.

3. ¿En qué año Tim Berners-Lee publicó la primera página web?

1990.¡Correcto! En concreto se suele situar el 20 de diciembre de 1990 como la fecha en que el primer servidor web con la primera página web se puso en funcionamiento.

4. ¿Cuál fue el nombre inicial de la Web?

Mesh. ¡Correcto! En su informe "Information Management: A Proposal" de marzo de 1989, Tim Berners-Lee le puso el nombre provisional "Mesh", que se traduce por "la malla". Finalmente fue descartado porque "mesh" se podía confundir por "mess" que se traduce por "lío". Otros términos que Tim Berners-Lee barajó fueron "Information Mesh", "The Information Mine" o "The Mine of Information". Finalmente, Tim Berners-Lee decidió el nombre "World Wide Web" cuando escribió el código del primer servidor web y del primer navegador web a finales de 1990.

5. ¿Qué es el CERN?

El centro europeo para la investigación nuclear. ¡Correcto! CERN es el acrónimo de "Conseil Européen pour la Recherche Nucléaire".

6. ¿Cuál era el objetivo del sistema que desarrolló Tim Berners-Lee?

Organizar y compartir la información existente. ¡Correcto! El objetivo de Tim Berners-Lee fue crear un medio de comunicación más eficiente para los científicos que trabajaban en el CERN.

7. ¿En qué año se fundó el World Wide Web Consortium?

1994. ¡Correcto! El W3C fue fundado en octubre de 1994 en el Massachusetts Institute of Technology Laboratory for Computer Science (MIT/LCS).

Read More

CURSO HTML_CCS_1 Modulo 0_Actividad 11 Historia de la WEB

1  1.- ¿Qué desarrolló Leonard Kleinrock?

      La comunicación mediante la conmutación de paquetes.  ¡Correcto! Su obra más conocida y significativa es su trabajo en teoría de colas, que tiene aplicaciones en multitud de campos, entre ellos como fundamento matemático de la conmutación de paquetes, tecnología básica detrás de Internet.

2.- ARPANet nació en Estados Unidos, ¿cuál fue el siguiente país que se conectó a esa red?

      Noruega: ¡Correcto! En 1973, una conexión transatlántica por satélite conectó la Norwegian Seismic Array (NORSAR) a ARPANet, siendo el primer nodo fuera de Estados Unidos en conectarse.

3.- ¿Qué propuso Vinton Cerf?

      El protocolo TCP: ¡Correcto! Vinton Cerf es, junto con Robert Kahn, uno de los autores del protocolo TCP, uno de los protocolos fundamentales que controla la transmisión de datos en Internet. Fue creado entre 1973 y 1974.

4. ¿Cuál fue el primer mensaje que se envío por Internet?

      Lo: ¡Correcto! Se quería enviar el comando "login", pero después de la "l" y la "o" el sistema se bloqueó (un pantallazo azul de la época).

Read More

CURSO HTML_CCS_1 Modulo 0_Actividad 10 Historia de la WEB

Utiliza Internet para averiguar el significado de los siguientes acrónimos que identifican protocolos de Internet:

• DHCP:  es un protocolo que permite que un equipo conectado a una red pueda obtener su configuración (principalmente, su configuración de red) en forma dinámica (es decir, sin una intervención especial). Solo tienes que especificarle al equipo, mediante DHCP, que encuentre una dirección IP de manera independiente. El objetivo principal es simplificar la administración de la red.

• LDAP: DAP son las siglas de Lightweight Directory Access Protocol (en español Protocolo Ligero/Simplificado de Acceso a Directorios) que hacen referencia a un protocolo a nivel de aplicación que permite el acceso a un servicio de directorio ordenado y distribuido para buscar diversa información en un entorno de red. LDAP también se considera una base de datos (aunque su sistema de almacenamiento puede ser diferente) a la que pueden realizarse consultas.

• POP: el Post Office Protocol (POP3, Protocolo de Oficina de Correo o "Protocolo de Oficina Postal") en clientes locales de correo para obtener los mensajes de correo electrónico almacenados en un servidor remoto, denominado Servidor POP. Es un protocolo de nivel de aplicación en el Modelo OSI.

·    SMTP:       El Simple Mail Transfer Protocol (SMTP) (Protocolo para la transferencia simple de correo electrónico), es un protocolo de red utilizado para el intercambio de mensajes de correo electrónico entre computadoras u otros dispositivos (PDA, teléfonos móviles, etc.). Fue definido en el RFC 2821 y es un estándar oficial de Internet.

·    SSH: (Secure Shell, en español: intérprete de órdenes segura) es el nombre de un protocolo y del programa que lo implementa, y sirve para acceder a máquinas remotas a través de una red. Permite manejar por completo la computadora mediante un intérprete de comandos, y también puede redirigir el tráfico de X para poder ejecutar programas gráficos si tenemos ejecutando un Servidor X (en sistemas Unix y Windows).

Read More

CURSO HTML_CCS_1: Modulo 0_Actividad 6 Historia de la WEB

1.    ¿Dónde trabajaba Tim Berners-Lee cuando desarrolló su idea que se convirtió en la Web?

       CERN. Tim Berners-Lee es físico, pero ha trabajado principalmente en temas de telecomunicaciones e informática.

2.- ¿Cuanto tiempo pasó desde que Tim Berners-Lee crease su informe a que se desarrollase el primer servidor, navegador y pagina web?

      Algo más de un año. El informe es de marzo de 1989 y la primera página web se publicó a finales de 1990.

Read More

CURSO HTML_CCS_1: Modulo 0_Actividad 8 Historia de la WEB

1.- ¿Quién está considerado como uno de los padres de Internet?

        Vinton Cerf.

        ¡Correcto! Vinton Cerf es, junto con Robert Kahn, uno de los autores del protocolo TCP, uno de los protocolos fundamentales que controla la transmisión de datos en Internet. Fue creado entre 1973 y 1974.

¿2.- Qué protocolo se emplea para la transmisión de los datos en la Web?

        HTTP.

¿3.- Qué protocolo se emplea para establecer conexiones remotas con otros ordenadores    a través de Internet?

       Telnet.

       ¡Correcto! Según la Wikipedia, "Telnet (Teletype Network) es el nombre de un protocolo  de red que nos permite viajar a otra máquina para manejarla remotamente como si estuviéramos sentados delante de ella".

Read More