Este documento describe los conceptos básicos del desarrollo de portales web, incluyendo la diferencia entre sitios web y aplicaciones web, y explica algunas tecnologías clave como HTML, DOM y los elementos HTML. Explica que HTML es un lenguaje de marcado y no de programación, y que se utiliza para estructurar contenido digital mediante etiquetas. También describe las partes principales de un documento HTML y los diferentes tipos de elementos.

1. DESARROLLO DE PORTALES WEB
UNIVERSIDAD CATÓLICA DE HONDURAS

3. CONCEPTOS BÁSICOS DEL DESARROLLO DE PORTALES WEB
 Pagina Web: es un documento al que se puede acceder a través de un navegador. La información de las
páginas web es, normalmente, estática (sólo se puede leer, no interactuar con ella). “Es un segmento o
bloque”
 Sitio Web (Website): es un conjunto de paginas web que entregan información.
 Aplicación Web (Web Application): son plataformas interactivas que se centran en que el usuario realice
una tarea.

4. DIFERENCIA ENTRE UN SITIO Y UNA APLICACIÓN WEB
 Los sitios web son fuentes de información, mientras que las aplicaciones se centran en la realización de
acciones.
 Un aplicación web puede ser parte de un sitio en un proyecto, pero no al revés.
 Las funciones y tareas de una aplicación son muchas más y tienen un nivel de complejidad más elevado.

5. HTML LENGUAJE DE PROGRAMACIÓN?
 HTML como su nombre lo indica no es un lenguaje de programación si no que es un lenguaje de
marcado de hipertexto. Es decir se utiliza para la estructuración semántica de los contenidos digitales a
través de las llamadas etiquetas. De esta manera, se pueden definir elementos como fragmentos de
texto, encabezados, gráficos o hiperenlaces. Un código fuente de tales características supone el
fundamento de toda página web.
 La versión mas reciente es HTML5.

6. PARTES DEL HTML
 Un archivo html se divide en dos partes principales que cada una cuenta con una serie de etiquetas
especificas.
 Estas partes son:
 El encabezado (head)
 Cuerpo (body)

7. DOM HTML
 El Modelo de Objetos del Documento DOM es un API para documentos HTML y XML. Proporciona una
representación estructural del documento, permitiendo la modificación de su contenido o su
presentación visual. Esencialmente, comunica las páginas web con los scripts o los lenguajes de
programación.
 La interfaz del Modelo de Objetos del Documento describe las propiedades comunes y métodos para
todo el documento. Dependiendo del tipo de documento HTML,XML,SVG,etc, una interfaz más grande
está disponible: Los documentos HTML, servidos con el tipo de contenido text/html implementan la
interfaz de HTMLDocument, mientras que XML y SVG implementan la interfaz de XMLDocument.
 DOM es un estándar del W3C (World Wide Web Consortium)

9. ELEMENTOS HTML
 Las partes principales de un elemento HTML:
 La etiqueta de apertura: consiste en el nombre del elemento (en este caso, p), encerrado por paréntesis angulares
(< >) de apertura y cierre. Establece dónde comienza o empieza a tener efecto el elemento —en este caso, dónde
es el comienzo del párrafo—.
 La etiqueta de cierre: es igual que la etiqueta de apertura, excepto que incluye una barra de cierre (/) antes del
nombre de la etiqueta. Establece dónde termina el elemento —en este caso dónde termina el párrafo—.
 El contenido: este es el contenido del elemento, que en este caso es sólo texto.
 Ejemplo <h1>Hola Mundo</h1>

10. TIPOS DE ELEMENTOS
 Elementos Void
 Elementos de Plantilla
 Elementos de Texto Puro(RAW text)
 Elementos Externos
 Elementos Normales

11. GRACIAS