Universidad Autonoma de Guerrero

UNIVERSIDAD AUTONOMA DE GUERRERO
PREPARATORIA No.39
TEMA: DISEÑO Y
MANTENIMIENTO DE
PAGINAS WEB
“COMPLEMENTARIAS
I”
Nombre del Prof.@: Gregoria Carrera Figueroa
Nombre del alumno: Aquiles Gael Galarza Guzmán
Grupo: 401 06/06/2023
AJUCHITLAN DEL PROGRESO, GRO.
INDICE
¿QUE ES EL DISEÑO DE PAGINAS WEB---Pag.3
ELEMETOS DEL DISEÑO DE UNA PAGINA WEB----Pag.4
ETAPAS DEL DISEÑO DE UNA PAGIAN WEB-----Pag.5
HERRAMIENTAS PARA DISEÑAR UNA PAGINA WEB---Pag.6
¿QUE ES EL MANTENIMIENTO WEB? ------Pag.7
¿QUÉ IMPLICA REALIZAR UN MANTENIMIENTO WEB Y EN

QUÉ DEMANDA INVERSIÓN Y GASTO? -----Pag.8
CONCLUSION-------------------------Pag.10
INTRODUCCIÓN
2
El tema que se abordara qui es el diseño y mantenimiento
de una página web , nos habla sobre que es una página web
que es un documento digital complejo, que puede integrar
y/o contener texto, sonido, vídeo, programas, enlaces,
imágenes, hipervínculos y otros elementos, también
sabremos sobre el significado sobre el diseño de una página
web, mostraremos sobre las ventajas de realizar una página
web, los elementos que este debe contener para poder ser
una página exitosa y popular en Google, los pasos que
tienes que seguir para poder diseñarla y también les
recomendaremos algunas herramientas muy útiles para
realizar este trabajo, y que es una página web si no tiene su
buen mantenimiento de esto hablaremos también sobre que
es el mantenimiento de una página web , cuáles son esas
ventajas que nos aporta a nuestras pagina web , y también
todo lo que implica y lo que se tiene que hacer para
mantener tu página web activa, 100% funcional y que no
presentes fallas dándole a las personas una buena
experiencia al entrar a tu página web haci logrando hacerla
popular y ser de las mas recomendadas.
¿QUÉ ES UNA PÁGINA WEB?

1
Una página web, página electrónica, página digital o ciberpágina es
un documento digital complejo, que puede integrar y/o contener
texto, sonido, vídeo, programas, enlaces, imágenes, hipervínculos y
otros elementos, adaptado para la World Wide Web (WWW), y que
puede ser accedida y visualizada mediante un navegador web. Esta
información se encuentra generalmente en etiquetado HTML o
XHTML, y puede proporcionar acceso a otras páginas web mediante
enlaces de hipertexto.
¿QUÉ ES EL DISEÑO DE PAGINAS WEB?
El diseño de páginas web consiste en la creación de interfaces

online —como sitios virtuales o aplicaciones para celulares— que
permitan a los usuarios interactuar con su contenido.
Para poder construir estos espacios virtuales, los diseñadores web

deben tener en cuenta tanto los aspectos visuales como la
usabilidad. En otras palabras, el diseño web implica la armonía de
colores y tipografías de una página o app, así como la facilidad para
acceder al contenido que se desea consumir.
VENTAJAS DEL DISEÑO DE PAGINAS WEB
-Contribuye a que tu negocio aparezca en la primera página de

Google. Y ya sabemos lo importante que es esto, pues se trata del
buscador que usa a diario el 86,6% de la población mundial.
-Te hace destacar entre tus competidores. ¿Cuántas veces

ingresaste a un sitio web que te pareció inseguro, poco atractivo o
difícil de navegar y te fuiste a la competencia en un clic? ¡Exacto! El
diseño web te permite estar un paso por delante dentro de tu nicho
de mercado.
ELEMENTOS DE DEL DISEÑO DE UNA

PAGINA WEB
3
-Responsividad.
Como cada vez más las personas acceden a internet solo
por teléfono celular, es muy importante que tu sitio sea
adecuado para dispositivos móviles, es decir, que sea
responsivo.
-legibilidad.
La legibilidad o escaneabilidad
se refiere al modo en que
organizás la información en
cada página para que sea fácil
de leer y comprender.
-
Consistencia.
La presencia de cada uno de los
componentes visuales debe estar
justificada y ser agradable para el usuario.
Asimismo, el discurso debe
corresponderse con la forma como habla
tu marca y estar en sintonía con tu buyer
persona, es decir, con la representación de
tu cliente ideal.
En este punto tienes que prestar especial
atención a la tipografía que elegís, la
calidad y el tipo de imágenes que usas y la paleta de colores que va
a potenciar la identidad visual de tu marca.
-Velocidad de carga
tienes que asegurarte de que tu sitio web
cargue rápidamente para evitar una mala
experiencia de los usuarios. Los sitios que
tardan más de 2 segundos en cargarse dañan
tanto la experiencia del usuario como la
indexación del sitio.
ETAPAS DEL DISEÑO DE

PÁGINAS WEB
4
-Establecer el propósito de tu sitio.
A lo largo del artículo mencionamos algunos ejemplos de páginas
web: ¿tu sitio es informativo, tiene un objetivo comercial o es un
híbrido entre ambas opciones? En función de esta respuesta, vas a
poder determinar el diseño que necesitas.
-Definir las páginas principales y crear el

contenido.
tienes que pensar y escribir el contenido de las
distintas secciones, así como de los primeros
artículos que vas a publicar. Asimismo, tienes
que crear las páginas detallando cada uno de
los productos o servicios que ofreces, y
presentar a tu equipo.
-Elegir una plataforma

La elección de la plataforma para
hacer el diseño de páginas web va a
depender de tu nivel de
conocimientos técnicos, así como de
tus recursos de tiempo y dinero.
-Hacer seguimiento y realizar los ajustes

Una vez que tu página web está online, tienes
que realizar todas las pruebas necesarias para
encontrar los puntos de mejora.
Pedile a tu círculo cercano que navegue por tu
sitio y escucha atentamente su feedback.
También te recomendamos que envíes encuestas
a tus clientes, para conocer sus
opiniones, quejas y sugerencias.
HERRAMIENTAS PARA DISEÑAR
UNA PÁGINA WEB
5
Figma: editor de gráficos vectoriales que sirve para diseñar
prototipos de interfaces.
Google Fonts: directorio interactivo de

tipografías.
WhatFont:
extensión de Google Chrome para saber
qué tipografía está utilizando un sitio
web.
Tinypng: compresor de imágenes.
DrawKit: colección de íconos e ilustraciones

vectoriales.
Bancos de imágenes sin

copyright.
¿QUÉ ES EL
MANTENIMIENTO WEB?
El mantenimiento web engloba todas las acciones preventivas o 6
correctivas que se realizan sobre un sitio web para detectar errores
que estén minando su estructura, usabilidad o performance, para así
evitar que se deteriore con el tiempo.
VENTAJAS DEL MANTENIMIENTO
WEB
-Corrige errores de diseño, contenido y

usabilidad
En este sentido, el mantenimiento web te
permite identificar las páginas que requieren
una optimización en contenido, diseño o
funcionalidades. De esta manera, conseguirás
tener una web actualizada que mejore la
retención de los usuarios.
-Favorece el posicionamiento orgánico de

tu sitio web
En este proceso se realizan evaluaciones
en la velocidad de carga, el
funcionamiento de los enlaces y botones,
la revisión del diseño responsive y demás
factores relacionados con el
posicionamiento en Google de tu web.
-Asegura que la
experiencia de usuario sea óptima
Una página que carga rápidamente, que se
adapta al tamaño de todos los dispositivos,
que tiene información actualizada y que es
navegable, sin dudas, creará una
experiencia de usuario que tus visitantes
querrán repetir.
-Genera más oportunidades de conversión

Ahora, ofrecer una experiencia de
usuario impecable prepara el camino
7
para que los usuarios estén dispuestos a transitar por el embudo de
ventas, avanzando por las etapas de conversión.
Si al final quieres que tus visitantes llenen un formulario,

descarguen un material o soliciten un presupuesto, el
mantenimiento web te ayuda a conseguirlo.
-Mantiene segura la información de

tu empresa y tus clientes
protege tus páginas, datos e
informaciones, pues no solo puede
rescatar la información ante
cualquier eventualidad, sino que
toma las acciones necesarias para
prevenir posibles ataques.
¿QUÉ IMPLICA REALIZAR

UN MANTENIMIENTO WEB
Y EN QUÉ DEMANDA INVERSIÓN Y GASTO?
-Crear una copia de seguridad de tu

sitio web
En caso de un virus, fallo técnico,
eliminación accidental o ataque
cibernéticos, las copias de seguridad te
dan acceso a tus datos importantes,
pues sirven como un respaldo de la
información relevante de tu empresa.
8
-Revisar el rendimiento de tu web
Parte de esta inspección coincide con
las optimizaciones de rendimiento
web (WPO), una serie de técnicas que
te permiten reducir los obstáculos que
afectan la experiencia del usuario.
-Eliminar las vulnerabilidades

de seguridad que tu sitio web
pueda presentar.
Una tarea esencial en el
mantenimiento web es
"mapear" todas las
vulnerabilidades de seguridad
que tu sitio web pueda tener,
como el retraso en implementar
las actualizaciones disponibles
en el hosting y los CMS, o los
nuevos parches de seguridad.
-Examinar la arquitectura web

Cuidar la arquitectura web es una de las tareas que más se suelen
ejecutar en el mantenimiento,
teniendo en cuenta la importancia
de organizar la información en las
categorías correctas —
especialmente para los e-
commerce—.
Un contenido mal organizado es

un error que puede confundir a
tus usuarios sobre el paso a
seguir dentro de tu web. Sin
embargo, la solución es sencilla:
9
revisar, sección a sección, tu página web para clasificar cada
contenido donde debe estar.
CONCLUSIÓN
En conclusión, una pagina web tienen varias funciones

hoy en día nos facilita la mayoría de las labores que
hacemos, todo eso se debe a un buen diseño de una
pagina web por eso es importante saber como diseñar
una, para que así las personas tengan esa facilidad y
comodidad de comprar cosas en línea, consultar
productos, ver información acerca de un tema
desconocido, entre muchas cosas más, nos enseña
también la importancia y como se debe hacer un buen
mantenimiento de una pagina web, para que esta misma
este en optimas condiciones y sea fácil acceder a ella,
nos enseño a que se debe crear una copia de seguridad
siempre para poder así prevenir alguna perdida, unos
ejemplos serian la entrada de un virus a la página, un
fallo técnico, una eliminación del archivo
accidentalmente o un ataque cibernético, todo ese
podría pasar pero gracias a las copias de seguridad se
previene eso. Las paginas web son muy importantes y
siempre deben estar acompañas de un buen
mantenimiento.
10

Universidad Autonoma de Guerrero

Cargado por

Copyright:

Formatos disponibles

Universidad Autonoma de Guerrero

Cargado por

Información del documento

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

Universidad Autonoma de Guerrero

Cargado por

Copyright:

Formatos disponibles

UNIVERSIDAD AUTONOMA DE GUERRERO

Nombre del Prof.@: Gregoria Carrera Figueroa

Nombre del alumno: Aquiles Gael Galarza Guzmán

Grupo: 401 06/06/2023

AJUCHITLAN DEL PROGRESO, GRO.

ELEMETOS DEL DISEÑO DE UNA PAGINA WEB----Pag.4

ETAPAS DEL DISEÑO DE UNA PAGIAN WEB-----Pag.5

HERRAMIENTAS PARA DISEÑAR UNA PAGINA WEB---Pag.6

¿QUE ES EL MANTENIMIENTO WEB? ------Pag.7

¿QUÉ IMPLICA REALIZAR UN MANTENIMIENTO WEB Y EN

¿QUÉ ES UNA PÁGINA WEB?

¿QUÉ ES EL DISEÑO DE PAGINAS WEB?

El diseño de páginas web consiste en la creación de interfaces

Para poder construir estos espacios virtuales, los diseñadores web

VENTAJAS DEL DISEÑO DE PAGINAS WEB

-Contribuye a que tu negocio aparezca en la primera página de

-Te hace destacar entre tus competidores. ¿Cuántas veces

ELEMENTOS DE DEL DISEÑO DE UNA

ETAPAS DEL DISEÑO DE

-Definir las páginas principales y crear el

-Elegir una plataforma

-Hacer seguimiento y realizar los ajustes

Google Fonts: directorio interactivo de

Tinypng: compresor de imágenes.

DrawKit: colección de íconos e ilustraciones

Bancos de imágenes sin

-Corrige errores de diseño, contenido y

-Favorece el posicionamiento orgánico de

-Genera más oportunidades de conversión

Si al final quieres que tus visitantes llenen un formulario,

-Mantiene segura la información de

¿QUÉ IMPLICA REALIZAR

-Crear una copia de seguridad de tu

-Eliminar las vulnerabilidades

-Examinar la arquitectura web

Un contenido mal organizado es

En conclusión, una pagina web tienen varias funciones

También podría gustarte