UNIVERSIDAD DE FLORES

2014

HTML 5
MODULO 2 - EDICIN DIGITAL

WEB

CONTENIDOS
Tipos de webs
Estructura Html
Etiquetas html

UNIVERSIDAD DE FLORES
2014

TIPOS DE WEBS
1. SEGN LA FORMA QUE SE SIRVEN
En primer lugar a clasificar las diferentes webs segn la forma en la que la pgina se sirve para ser enviada a la pc del visitante, en este sentido esta puede
ser de dos tipos:
Estticas:
Son aquellas que estn compuestas de una serie de archivos que contienen el
cdigo HTML que constituye la pgina en s y que permiten mostrar los textos,
imgenes, videos, etc que conforman el contenido de la pgina.
Estos archivos se almacenan en el servidor de Hosting en formato HTML
junto con los archivos de imgenes (comunmente en formato jpg, gif o png) y
los videos y dems contenido del site. Para modificar este tipo de pgina los
archivos deben ser descargados del servidor con algn software para este fin
(clientes FTP), editado usando un programa de edicin de pginas web como
el Dreamweaver o Brackets, grabados y subidos nuevamente al servidor.
Este tipo de pgina son difciles de manejar por el propio cliente debido a los
conocimientos y programas que se requieren. Se suelen utilizar cuando el contenido es espordicamente modificado y no require actualizacin constante.
Dinmicas:
No hace referencia al movimiento que puede tener una pgina sino a que la pgina web se construye al momento en que la pgina es visitada por el usuario.
Es decir que el contenido de la pgina web no es fijo sino que se construye de
acuerdo a la interaccin que el usuario hace con la pgina. La informacin de
este tipo de pgina suele estar almacenada en Bases de Datos de las cuales se
extrae una parte segn las selecciones o acciones llevada a cabo por la persona que visita la pgina web.
Pueden ser administradas por una persona sin conocimiento alguno de diseo
o desarrollo web. Esto se puede hacer mediante el uso de formularios que
sirvan para que el usuario administrador modifique los contenidos de la pgina
que estan almacenados en la Base de Datos.
De esta manera el administrador solo debe tipear los textos, elegir las imgenes, videos, etc que irn en las secciones de la pgina en formularios construidos para ese fin.
Para realizar este tipo de pgina se necesita tener conocimientos de programacin y manejo de bases de datos o usar software que haga uso de estas tecnologas. Sin embargo existen en la actualidad diferete gestores de contenidos
como Joomla o Wordpress que permiten acercar esta tecnologa a usuarios
sin conocimientos avanzados en programacin.

UNIVERSIDAD DE FLORES
2014

TIPOS DE WEBS
2. SEGN LA TECNOLOGA CON LA QUE SE DESARROLLAN
Flash
Este tipo de pgina web son construidas usando el software de Adobe llamado
Flash. Este software permite realizar animaciones. Este tipo de pgina suelen
ser muy vistosas y estan cargadas de efectos, movimientos, sonidos y dems.
El resultado de la construccin de este tipo de pginas son una serie de archivos en extensin swf que se suben a un servidor de Hosting. Para poder ser
visualizados se necesita que la PC del visitante tenga instalado un programa
anexo al navegador o plug-in. Cabe sealar que el 90% de las pcs del mundo
tienen este plugin instalado.
En la actualidad Adobe a descontinuado a Flash para el desarrollo de sitios
webs, volcandolo plenamente a un programa de animacin vectorial y desarrollo interactivo tanto de presentaciones como de juegos.
Html5 + CSS+ Java lograrn igualar a Flash en cuanto a capacidades visaules,
de animacin e interaccin.
HTML:
Son pginas estticas construidas en el lenguaje de marcado HTML. Para
construirlas se necesita saber este lenguaje que es bastante sencillo. Se puede
usar software para edicin web o simplemente un editor de texto cualquier,
inclusive el bloc de notas.
Pueden ser convinadas con otros lenguajes de programacin como SQL o PHP
para poder visualizar contenido dinmico.
Varias tecnologas (como CSS, JavaScript, Flash, AJAX, JSON) pueden usarse
para definir los elementos que componen una pgina web. Sin embargo, en el
nivel ms bajo, una pgina web se define usando HTML (HyperText Markup
Language). Sin HTML, no habra pginas web.
Este artculo proporciona una introduccin al HTML. Si alguna vez te has preguntado qu ocurre detrs de tu navegador web, este artculo es el mejor lugar
para empezar a aprender.
HTML Es el lenguaje de programacin que abordaremos en la materia.

UNIVERSIDAD DE FLORES
2014

QU ES HTML?
Sacado de : https://developer.mozilla.org/es/docs/Web/Guide/HTML/Introduction_alhtml

HTML es un lenguaje de etiquetas. Indica al navegador como tiene que mostrar

el contenido. El HTML separa el contenido (palabras, imgenes, audio, video,
etc.) de la presentacin (la definicin del tipo de contenido y las instrucciones
de cmo esos contenidos tienen que mostrarse). El HTML emplea un conjunto
de elementos predefinidos que permiten identificar los distintos tipos de elementos. Estos elementos contienen una o ms etiquetas que contienen o expresan el contenido. Estas etiquetas suelen ir encapsuladas entre los smbolos
<>, y las etiquetas de cierre (que indican el final de un determinado contenido)
estn precedidas por una barra /.
Por ejemplo, el elemento prrafo consiste en una etiqueta de inicio como esta
<p> y una de cierre </p>. El siguiente ejemplo muestra un prrafo que est
contenido dentro del elemento prrafo en HTML:
<p>Mi perro odia el pescado.</p>
Cuando este contenido se muestra en una pgina web, mediante un navegador, aparece as:

Mi perro odia el pescado.

El navegador emplea las etiquetas como guas para saber cmo debe ser mostrado el contenido que hay dentro de dichas etiquetas.
Los elementos que contienen contenidos, normalmente suelen contener tambin otros elementos. Por ejemplo, el elemento nfasis (etiqueta <em>) puede
estar dentro del elemento prrafo:
<p>Mi perro <em>odia</em> el pescado.</p>

Cuando se muestre se ver del siguiente modo:

Mi perro odia el pescado.

Profundizaremos sobre las etiquetas a lo largo del mdulo. Hay un resumen
de la sintaxis y uso de las ms tradicionales en el archivo ETIQUETAS.pdf

UNIVERSIDAD DE FLORES
2014

ESTRUCTURA HTML
La estructura de un documento, por ejemplo la estructura semntica de lo
que est entre <body> y </body> es fundamental para presentar la pgina al
usuario.
Veremos aqu solo la estructura de html5, la cual ha mejorado significates
caracteristicas de su versin anterior Html5, principalmente brindar etiquetas
especificas para la estructura del sitio, es as como remplazando a multiples
etiquetas DIV (las que utilizaba html4) ahora vamos a tener etiquetas especicas para crear un encabezado (<header>), un pie (<footer>), un menu (<nav>),
secciones (<section>), articulos (<article>), etc.
La estructura de Html5, entonces, es la siguiente: