Uf1304 - Elaboración de Plantillas

UF1304 ELABORACIÓN DE
PLANTILLAS Y FORMULARIOS
MF0950_2 CONSTRUCCIÓN DE PÁGINAS WEB
UF1304 ELABORACIÓN DE PLANTILLAS Y
FORMULARIOS
Las plantillas web son uno de los

recursos más utilizados en los
últimos tiempos en el diseño y
desarrollo de páginas web.
FORMULARIOS
Una plantilla web es una página web

desarrollado con código html y css,
principalmente constituida por
texto, imágenes, vídeo, etc.
FORMULARIOS
La función de una plantilla es poder

ser utilizada tantas veces cómo
páginas webs se deseen desarrollar.
FORMULARIOS
Estas plantillas representan algunos

elementos en común, como puede
ser la cabecera o el píe de una web.
FORMULARIOS
La ventaja de utilizar una plantilla es

que reduce el tiempo de desarrollo
de una página web, ya que la
estructura se encuentra programada
y solo hay que centrarse en cambiar
el contenido.
FORMULARIOS
Cuando visualizamos una web, es

complicado saber si se ha utilizado
una plantilla para desarrollarla o si
se ha elaborado desde cero.
FORMULARIOS
Además, una plantilla no debe de

tener limitaciones, siempre debe de
permitir modificar su programación
para poder corregir errores o
mejorarla.
FORMULARIOS
Entonces, ¿Qué es una plantilla

web?
FORMULARIOS
¿Cuál es la función principal de una

plantilla web?
FORMULARIOS
Toda plantilla debe cumplir con los

estándares de Usabilidad y
Accesibidad.
FORMULARIOS
SATISFACCIÓN
CARACTERÍSTICAS DE
USABILIDAD:
EFICIENCIA EFICACIA
FORMULARIOS
La usabilidad permite que los usuarios

naveguen por la web con facilidad y que
su experiencia sea satisfactoria y
eficiente.
FORMULARIOS
Si cumplimos con estas características

obtendremos la recompensa una de
fidelización del usuario.
FORMULARIOS
Además de la usabilidad, es importante

la accesibilidad.
FORMULARIOS
La accesibilidad y la usabilidad están

directamente relacionadas entre sí, ambas
se encargan de facilitar el uso y la
navegación de las páginas web, así como de
un acceso rápido a los contenidos.
FORMULARIOS
La accesibilidad y la usabilidad están

directamente relacionadas entre sí, ambas
se encargan de facilitar el uso y la
navegación de las páginas web, así como de
un acceso rápido a los contenidos.
FORMULARIOS
https://startbootstrap.com/previews/freel
ancer
https://startbootstrap.com/previews/grays
cale
https://onepagelove.com/templates/html-t
emplates
FORMULARIOS
ELEMENTOS DE UNA PLANTILLA WEB

FORMULARIOS
Los elementos de una página web son cada

una de las formas o piezas que constituyen
su estructura y que dependerán del
conjunto en el que estén agrupados o al que
pertenezcan.
FORMULARIOS
Por esta descripción, se podría identificar

los elementos de una plantilla web según:
FORMULARIOS
• Lenguaje de maquetación (html).

• Contenido.
• Estructura de archivos.
• Maquetación y estilo.
FORMULARIOS
SEGÚN EL LENGUAJE DE MAQUETACIÓN

HTML:
Existen diferenes clasificaciones para estos
elementos, pero normalmente se suelen
clasificar por su estructura.
FORMULARIOS
Ateniéndonos a esta clasificación podemos

agrupar los elementos en:
• Básicos
• De Cabecera
• De Cuerpo
FORMULARIOS
Básicos:
Son aquellos que constituyen la estructura HTML

de una página web. Por orden son:
• HTML
• HEAD
•
FORMULARIOS
De cabecera:
Son aquellos que se encuentran dentro de
las etiquetas <head> </head> y contienen
información importante para el
funcionamiento del html.
FORMULARIOS
?
FORMULARIOS
De cuerpo:
Son aquellos que se encuentran dentro de
las etiquetas <body> </body> y dotan de
estructura al contenido que se visualiza en
una web.
FORMULARIOS
Estos elementos a su vez, los podemos

clasificar en:
• Elementos de bloque.
• Elementos de línea.
FORMULARIOS
Algunos elementos de
cuerpo son:
FORMULARIOS
Elementos de línea
?
FORMULARIOS
Elementos de bloque
?
FORMULARIOS
SEGÚN EL CONTENIDO.
Una web o una plantilla web se construye

fundamentalmente para mostrar
información, y esta información dota de
contenido a la web.
FORMULARIOS
De esta manera, el contenido de una

plantilla se puede clasificar en:
Audio: Wav, Mp3, Mp4.

Vídeo: OGG, MP4, etc.
FORMULARIOS
Imagen: JPG, PNG, SVG, etc.

Texto: Info relevante para el usuario. Es el
elemento principal y más importante para
una web.
Enlaces: Proporcionan acceso a otros
elementos.
FORMULARIOS
Documentos: conjunto de información

comprimida en un determinado
formato, el más utilizado en la
actualidad es el pdf.
FORMULARIOS
SEGÚN EL CONTENIDO.
Una web o una plantilla web se construye

fundamentalmente para mostrar
información, y esta información dota de
contenido a la web.
FORMULARIOS
SEGÚN LA ESTRUCTURA DE ARCHIVOS

FORMULARIOS
Cuando se crea una estructura web, es

muy importante crear una estructura de
archivos y directorios que presente una
buena organización.
FORMULARIOS
Para una plantilla web, es fundamental

presentar una estructura de ficheros
organizada, ya que se va a someter a
numerosos usos y adaptaciones.
FORMULARIOS
Contar con una estructura ordenada de

ficheros en una plantilla web permite
facilitar el cambio, la introducción, la
eliminación, etc., de contenidos en la
página, reduciendo el tiempo de trabajo.
FORMULARIOS
Al emplear menos tiempo en el trato de

los contenidos permite que el
desarrollador de la web pueda generar
contenidos más atractivos y de más
calidad para el usuario.
FORMULARIOS
La organización de una plantilla en

diferentes directorios agrupados por
tipos de archivos permite facilitar el
acceso a los mismos de una manera más
eficaz.
FORMULARIOS
Por lo tanto, es importante agrupar los

archivos según su representación, a
través de carpetas (directorios) según
su representación.

Uf1304 - Elaboración de Plantillas

Cargado por

Información del documentohacer clic para expandir la información del documento

Copyright:

Formatos disponibles

Uf1304 - Elaboración de Plantillas

Cargado por

Información del documento

Descripción original:

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Uf1304 - Elaboración de Plantillas

Cargado por

Copyright:

Formatos disponibles

UF1304 ELABORACIÓN DE

Las plantillas web son uno de los

Una plantilla web es una página web

La función de una plantilla es poder

Estas plantillas representan algunos

La ventaja de utilizar una plantilla es

Cuando visualizamos una web, es

Además, una plantilla no debe de

Entonces, ¿Qué es una plantilla

¿Cuál es la función principal de una

Toda plantilla debe cumplir con los

La usabilidad permite que los usuarios

Si cumplimos con estas características

Además de la usabilidad, es importante

La accesibilidad y la usabilidad están

La accesibilidad y la usabilidad están

ELEMENTOS DE UNA PLANTILLA WEB

Los elementos de una página web son cada

Por esta descripción, se podría identificar

• Lenguaje de maquetación (html).

SEGÚN EL LENGUAJE DE MAQUETACIÓN

Ateniéndonos a esta clasificación podemos

Son aquellos que constituyen la estructura HTML

Estos elementos a su vez, los podemos

Una web o una plantilla web se construye

De esta manera, el contenido de una

Audio: Wav, Mp3, Mp4.

Imagen: JPG, PNG, SVG, etc.

Documentos: conjunto de información

Una web o una plantilla web se construye

SEGÚN LA ESTRUCTURA DE ARCHIVOS

Cuando se crea una estructura web, es

Para una plantilla web, es fundamental

Contar con una estructura ordenada de

Al emplear menos tiempo en el trato de

La organización de una plantilla en

Por lo tanto, es importante agrupar los

También podría gustarte