Lenguaje HTML 2
Elementos de una página web.
Es frecuente ver a personas referirse con "página
web" a un sitio web completo. Siendo rigurosos, esto es incorrecto ya que
"página web" se refiere a una página concreta, con una URL específica
y no a un sitio completo compuesto por múltiples páginas web con diferentes
URL.
Como ya se sabe, Una página web, o página electrónica,
página digital, o ciberpágina12 es un documento o información electrónica
capaz de contener texto, sonido, vídeo, programas, enlaces, imágenes y muchas
otras cosas, y que puede ser accedida mediante un navegador web. Esta
información se encuentra generalmente en formato HTML o XHTML, y puede
proporcionar acceso a otras páginas web mediante enlaces de hipertexto.
Frecuentemente también incluyen otros recursos como pueden ser hojas de estilo
en cascada, guiones (scripts), imágenes digitales, entre otros.
Los sitios web pueden estar almacenadas en un equipo local o
en un servidor web remoto. El servidor web puede restringir el acceso
únicamente a redes privadas, por ejemplo, en una intranet corporativa, o puede
publicar las páginas en la World Wide Web. El acceso a las páginas web es
realizado mediante una transferencia desde servidores, utilizando el protocolo
de transferencia de hipertexto (HTTP).
Algunos de los elementos que contiene son:
Titulo (Barra de título)
<title>.
El título de la página es un “metadato” acerca del contenido
de la página, que se define a través de la etiqueta HTML <title>. Definir
el título en todas las páginas que conforman el sitio web es una norma básica
que aumenta considerablemente la 'findability' de la información contenida en
cada página. Además, no definirlo supone mostrar una imagen poco profesional
del sitio web y su diseño.
Contenido
<body>.
El contenido de una página web, constituida por encabezados,
texto y vínculos conforman el cuerpo de la página. Cada uno de estos 3
elementos influye sobre la posición que se alcanza en los motores de búsqueda.
Primero se redacta el texto, dividido en tres y hasta seis
secciones, encabezadas con subtítulo, cuyas oraciones y párrafos ilustran
diferentes aspectos que atañen al tema principal. La página que usted está
leyendo sirve de ejemplo para visualizar la idea.
Hipervínculos
Un hipervínculo es un vínculo de una página Web o un archivo
a otra página Web u otro archivo. Cuando un visitante hace clic en el
hipervínculo, el destino se mostrará en un explorador Web, se abrirá o se
ejecutará, en función del tipo de destino. El destino es con frecuencia otra
página Web, pero también puede ser una imagen, un archivo multimedia, un
documento de Microsoft Office, una dirección de correo electrónico o un
programa. Por ejemplo, un hipervínculo a una página muestra la página en el
explorador Web y un hipervínculo a un archivo .avi abre el archivo en un
reproductor multimedia.
Logotipos, Texto grafico
Un logotipo (coloquialmente conocido en forma de
acortamiento, logo) es un elemento gráfico que identifica a una persona,
empresa, institución o producto. Los logotipos suelen incluir símbolos
—normalmente lingüísticos— claramente asociados a quienes representan. En el
diseño de sitios web es uno de los principales “actores” del sitio, ya que
normalmente mediante su accionar se vuelva a la página principal del sitio.
Menús
Son los elementos de la web que permite que los usuarios
puedan seleccionar la parte de nuestro sitio que desean visitar. Hay menús y
submenús que se pueden agrupar para tener una mejor presentación.
Copyright
El derecho de autor (del francés droit d'auteur[cita
requerida]) es un conjunto de normas y principios que regulan los derechos
morales y patrimoniales que la ley concede a los autores (los derechos de
autor), por el solo hecho de la creación de una obra literaria, artística,
científica o didáctica, esté publicada o inédita. En el derecho anglosajón se
utiliza la noción de copyright (traducido literalmente como "derecho de
copia") que —por lo general— comprende la parte patrimonial de los
derechos de autor (derechos patrimoniales).
Imágenes
Fíjate en las imágenes mostradas en tu monitor. Estas
imágenes están formadas por unos puntos muy pequeños llamados pixels. La imagen
está formada por puntos y el ordenador los maneja como bits. A la hora de incluirla
en un sitio web se debe almacenar en el servidor y luego obtener su URL, la
cual se introduce en el código de la página donde se mostrará.
Sonido
El sonido, se puede incrustar en una página web de la misma
forma que una imagen, primero se almacena en el servidor y luego se direcciona
a la página que lo requiera mediante código HTML, para que sea reproducido de
requiere de un programa adicional para que decodifique el audio y se puede reproducir,
aunque algunos navegadores nuevos ya traen estos códigos incrustados y hacen
que se pueda reproducir fácilmente.
Video
El vídeo es la tecnología de la captación, grabación,
procesamiento, almacenamiento, transmisión y reconstrucción por medios
electrónicos digitales o analógicos de una secuencia de imágenes que
representan escenas en movimiento.
Constituye uno de los avances en la industria web, ya que
hay sitos dedicados a su almacenamiento y posterior reproducción.
Se puede añadir al sitio web de manera discreta o indirecta ya
que su almacenamiento de alta calidad, conlleva mucho espacio en los servidores
Actividad a Realizar
1. Realizar Un Resumen del texto anterior.
2.
2.1 Prepare las imágenes que vaya a insertar en su web, descárguelas del celular o desde el internet al escritorio del pc, póngales nombres sencillos ( gato.jpg , etc)
2.2 Descargue de su correo el archivo de la clase anterior su_nombre.html y ábralo en el block de notas(notepad).
2.3 Abra nuevamente su_nombre.html, con el block de notas,(click derecho - abrir con) y modifique su código para insertar dos imágenes de su elección, así:
<!DOCTYPE html>
<head>
<title>Este es el Título de la Página </title>
</head>
<body>
<p>
<h1 align="center" style="color:#FF0044"> Mi primera Página WEB</h1>
<p align="center">Esta es una muestra de páginas wen con imágenes</p>
<font color=cian>
<h2 align="center" >Primera Imagen</h2>
<img src="gato.jpg" align=center>
</p>
<p>
<p align="center">La segunda imagen tiene <br> tamaño específico</p>
<h2 style="color:#00AA44" align="center" >Segunda Imagen</h2>
<img src="gato.jpg" width="400" height="251"
></p>
<p align="center">y La tercera imagen tiene <br> tamaño específico <br> y un título al pasarle el Mouse por encima</p>
<h2 style="color:#0AA0FF" align="center" >Tercera Imagen</h2>
<img src="gato.jpg" width="500" height="341"
title="EL hombre primitivo transportaba piedras sobre troncos de madera.">
<! Esto que está luego de la admiración no se verá, se llama comentario >
<! hasta aquí es la práctica de hoy>
</body>
</html>
Nota; recuerda que debes cambiar el nombre de las imágenes, por las que guardaste.
3. Realice un informe del trabajo realizado .
3.1 Qué tipo de trabajo realizó.
3.2 Qué dificultades se le presentaron
3.3 Cual crees que es la utilidad del trabajo realizado.
3.4 Escribe cuatro (4) conclusiones del trabajo hecho.
3.1 Qué tipo de trabajo realizó.
3.2 Qué dificultades se le presentaron
3.3 Cual crees que es la utilidad del trabajo realizado.
3.4 Escribe cuatro (4) conclusiones del trabajo hecho.
4. Entregue el cuaderno con la actividad y envíe el archivo (su_nombre.html ), al classroom del área.