TECNOLGIA DE LA INFORMACION 3
-PAGINAS WEB Diego Rivero Cruz
¿Qué es una pagina web? y ¿Cómo se llama el código que utilizas?
Una Página Web es un documento electrónico que forma parte de la WWW (World Wide Web) generalmente construido en el lenguaje HTML (Hyper Text Markup Language o Lenguaje de Marcado de Hipertexto) ó en XHTML (eXtensible Hyper Text Markup Language o Lenguaje de Marcado de Hipertexto Extensible). Este documento puede contener enlaces (característica del hypertext) que nos direcciona a otra Página Web cuando se efectúa el click sobre él. Para visualizar una Página Web es necesario el uso de un Browser o navegador.
Una Página Web puede estar alojada en un ordenador local o en un ordenador remoto. Al servidor donde esté alojada la Página Web se le denomina Servidor Web. El Servidor Web atiende las peticiones de Páginas Web utilizando el protocolo HTTP (HyperText Transfer Protocol); del lado del cliente es el Browser o navegador el que recibe y muestra las Páginas Web utilizando el mismo protocolo. Otra característica importante es que una Página Web puede ser estática (su contenido siempre es el mismo) o dinámica (su contenido se construye a partir de la información introducida por el usuario).
Nota: Hace unos años el contenido de <title> se mostraba en la barra de título de la ventana del navegador, pero los navegadores han ido perdiendo ese elemento de la interfaz en su búsqueda de maximizar el espacio disponible para el contenido.
<head>
...
<script src="script.js"></script>
...
</head>
Nota: El lenguaje de programación JavaScript queda fuera del contenido de este curso.
Herramientas computacionales que permiten crear paginas web.
En este código se pueden reconocer algunos bloques anidados en el que cada bloque corresponde a una etiqueta:
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<title>HTML 5</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="estilo.css">
</head>
<body>
<p>Esta página web es una página HTML 5 válida.</p>
</body>
</html>
- La primera etiqueta <!DOCTYPE ... > es obligatoria e indica el tipo de documento (DOCTYPE) de la página. Existen varios tipos de documentos que correponden a las diferentes versiones de HTML y XHTML. El tipo "html" es el que corresponde al HTML 5.
- La etiqueta <html> ...</html> engloba todo el documento html.
- Un documento html se divide en dos partes, la cabecera <head> ...</head> y el cuerpo <body> ...</body>
- La cabecera <head> ...</head> contiene información de identificación y control que en general no se muestra en la ventana del navegador, aunque puede afectar a la presentación (por ejemplo, los enlaces a hojas de estilo).
- Las etiquetas <meta> están pensadas para proporcionar información sobre el documento a los programas que analicen la página y por ello existen muchas etiquetas <meta> diferentes. Por ejemplo, la etiqueta <meta name="keywords" content="..."> está pensada para informar a los buscadores de los temas tratados en la página pero, por desgracia, se ha abusado mucho de esta etiqueta así que los buscadores no la toman prácticamente en cuenta).
- La primera etiqueta <meta> del ejemplo informa del juego de caracteres empleado en la página, en este caso UTF-8.
- La segunda etiqueta <meta> del ejemplo se utiliza para mejorar la presentación de las páginas webs en las pantallas de los teléfonos móviles y, en general, en las pantallas de alta densidad
Costo en pesos para mantener una pagina web.
Costo en euros= 24700
Costo en pesos= 5787.18
247 00 = 5787.18
Referencias.

Comentarios
Publicar un comentario