Diseño y desarrollo web

Módulo  de DISEÑO Y DESARROLLO WEB

Objetivo: Diseñar y construir soluciones web de nivel intermedio con interfaz amigable, empleando herramientas multimedia que permitan promocionar la información e imagen de una organización y/o cliente.

etiquetas de HTML

<br /> : se utiliza para el salto de una linea en un párrafo

<div > </div>: para escribir contenido de la pagina web

<b> </b> : se utiliza para definir un párrafo

<p></p> :me permite resaltar texto en un párrafo+


<h1> : para poner un titulo

<h2> : se utiliza para poner un subtitulo

<span> : etiquetas neutras

<pre> define texto preformateado, es decir, que conserva los espacios y saltos de línea presentes en el código html.

<cite> se utiliza para citar un titulo en una obra creativa (Novela, película, canción, ...)

<blockquote> se utiliza para definir un texto o cita que proviene de otra página web

<video src="video mp4" autoplay muted loop></video>: permite poner un video

                                                         ¿Qué es una pagina web?

Una página web, o página electrónica, página digital, o ciberpágina1​2​ es un documento o información electrónica capaz de contener texto, sonido, vídeo, programas, enlaces, imágenes y muchas otras cosas, adaptada para la llamada World Wide Web (WWW) 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.

                                                          ¿Tipos de paginas web?

Páginas web estáticas

Cuando hablamos de una página web estática nos referimos a aquellas que se crean con el lenguaje HTML y no contienen ninguna funcionalidad que permita al usuario interactuar con la página, excepto para leer el contenido.

Es una opción ideal cuando tienes un pequeño proyecto en el cual simplemente quieras informar a tus clientes con información de la empresa, productos o servicios, y sin necesidad de estar cambiando de forma constante el contenido de la web. La principal ventaja de este tipo de páginas web es la facilidad de desarrollo y lo económico que pueden llegar a ser, a diferencia de las dinámicas.

Páginas web dinámicas

A diferencia de las estáticas, las páginas dinámicas están construidas con otros lenguajes de programación que, gracias a ellos, podemos ofrecer a los usuarios la posibilidad de cambiar el contenido, ya sea el texto, los menús o incluso las imágenes.

Ejemplos 

paginas de web dinamicas

paginas web estaticas

¿Que es un navegador navegadores?

Un navegador web es un software, aplicación o programa que permite el acceso a la Web, interpretando la información de distintos tipos de archivos y sitios web para que estos puedan ser visualizados.

La funcionalidad básica de un navegador web es permitir la visualización de documentos de texto, posiblemente con recursos multimedia incrustados. Además, permite visitar páginas web y hacer actividades en ella, es decir, enlazar un sitio con otro, imprimir, enviar y recibir correo, entre otras funcionalidades más.

                                                            ¿Qué es una hoja de estilo en html?
Las hojas de estilo representan un avance importante para los diseñadores de páginas web, al darles un mayor rango de posibilidades para mejorar la apariencia de sus páginas. En los entornos científicos en que la Web fue concebida, la gente estaba más preocupada por el contenido de sus páginas que por su presentación.


                                                              ¿Qué son tablas en html?
Una tabla no es otra cosa más que un medio de organizar datos en filas y columnas.
Este concepto ha estado presente en nuestra sociedad por un largo período de tiempo y ha sido adoptado por HTML en sus etapas iniciales, como una forma de transmitir información que, de otro modo, no sería comprendida tan fácilmente.En documentos HTML una tabla puede ser considerada, resumidamente, como un grupo de filas donde cada una contiene a un grupo de celdas. Esto es conceptualmente distinto a un grupo de columnas que contiene a un grupo de filas, y esta diferencia tendrá un impacto en la composición y comportamiento de la tabla.Como muchas otras estructuras de HTML, las tablas son construidas utilizando elementos. En particular, una tabla básica puede ser declarada usando tres elementos, a saber, table (el contenedor principal), tr (representando a las filas contenedoras de las celdas) y td (representando a las celdas)



                                                                ¿Qué es plantillas en html?

Las plantillas de página (Page) determinan el aspecto de la página Web. Por ejemplo, utilice la plantilla de documento para cada uno de los documentos de contenido, la plantilla de página de inicio para la página de inicio del blog, etc




                                                  ¿Qué son marcos o frangas en html?

Un marco (o frame) es una ventana independiente dentro de la ventana general del navegador. Cada marco tendrá sus bordes y sus propias barras de desplazamiento. Así cada página se dividirá en la práctica en varias páginas independientes.



                                                 ¿ Qué es un sofware de sitio web?

En la ingeniería de software se denomina aplicación web a aquellas herramientas que los usuarios pueden utilizar accediendo a un servidor web a través de internet o de una intranet mediante un navegador. En otras palabras, es un programa que se codifica en un lenguaje interpretable por los navegadores web en la que se confía la ejecución al navegador.



                                                              ¿Qué es un publicador de sitio web?

El Publicador es una herramienta que creamos que permite modificar contenidos dentro del Sitio Web. Dicha herramienta permite la adaptación de acuerdo a las necesidades de cada cliente, pudiendo así actualizar los sectores que usted necesite modificar asidua mente, siendo estos fotos, imágenes, textos y otros.