DISEÑO DE PAGINAS WEB

 El diseño de páginas web es la construcción de

documentos de hipertexto para su visualización en
diferentes navegadores. Así como asignarle una
presentación para diferentes dispositivos de salida
(en una pantalla de computador, en papel, en un
teléfono móvil, etc).
Estos documentos o páginas web
pueden ser creadas:
 Creando archivos de texto en HTML, Asp, Aspx,
JavaScript, JSP, Python, Ruby.
 Utilizando un programa visual WYSIWYG de
creación de páginas.
 Utilizando Script del lado del servidor, para
generar la página web.
What You See Is What You Get (en español,
"lo que ves es lo que obtienes"

Procesadores de
WYSIWYG
texto HTML
Resultado final

Editores Dreamweaver

Mozilla

Open Office
ETAPAS
 El diseño visual de la información que se desea
editar.
 Estructura y relación jerárquica de las páginas del
sitio web.
 Posicionamiento en buscadores o SEO
El diseño visual de la información que
se desea editar.

Distribución de
Diseño visual
textos

Los gráficos
Boceto o prediseño
Vínculos

Objetos
multimedia
Estructura y relación jerárquica de las
páginas del sitio web.

Estructura y Vínculos entre Html (lenguaje de Importancia –

relajación documentos marcación) Estructura y
jerárquica arborescencia web

Navegación por el sitio

web
 Posicionamiento en buscadores
Google

Posicionamiento Bing Motores de

- sitio web búsqueda

Otros
SEO buscadores

Optimización
de estructuras
Aspectos
técnicos
Metadatos
 Wix.com Ltd. es una empresa de software israelí que ofrece servicios de
desarrollo web basados en la nube. Permite a los usuarios crear sitios web
HTML5 y sitios móviles mediante el uso de herramientas de arrastrar y
soltar en línea

 Página web informativa.

 Tienda online.
 Blog.

Ventajas:
 Cientos de plantillas de diseño

 Facilidad de uso

 AppMarket

 Soporte y actualizaciones
 WEEBLY
 Weebly es uno de los creadores de sitios más grandes con
más de 50 millones de sitios web construidos. A diferencia
de muchos competidores, Weebly siempre ha estado más
interesado en mejoras en la tecnología de su plataforma
que en realizar costosas campañas de marketing.
 VENTAJAS:
 Buena combinación de plantillas
 Editor de sitios fácil de usar
 Centro de aplicaciones Weebly
 Los análisis le ayudan a monitorear su sitio
 Herramienta de SEO incorporada
 Excelente para el comercio electrónico
 JIMDO
 Es una plataforma para crear páginas web y tiendas en línea que cuenta
con un propio sistema de gestión de contenido que funciona como un
editor WYSIWYG (What You See Is What You Get). Cuenta con un sistema
modular para introducir bloques de contenidos y construir la página sin
editar en HTML. Jimdo ofrece una versión gratuita, JimdoFree, y dos
versiones premium, JimdoFree y JimdoBusiness.
 VENTAJAS:
 El editor es muy fácil de utilizar, su interfaz de arrastrar y soltar te permite
colocar los elementos de tu web.
 Cuenta hasta 15 platillas diferentes en la versión JimdoFree.
 Es compatible con dispositivos móviles.
 Número de atención al cliente gratuito, pero solo para dudas comerciales.
 Puedes integrar mailchimp (gestor de correo masivo) a tu página JIMDO.
 Las versiones de pago te permiten realizar un seguimiento a tus analíticas.
 ACTIVIDAD
De acuerdo a la anterior diapositiva y los vídeos vistos en clase realizar:
1. Mediante una tabla comparativa, describir el concepto, ventajas y desventajas de este tipo de editores online y offline que
existen para la creación de una página web
NOTA:
El desarrollo de la actividad deben presentarlo en clase y subirlo a la actividad en plataforma llamada “Consulta – Página web”
por medio de un cuaderno físico (foto)

Compromiso del proyecto - Consultar:

 Consultar y desarrollar en cualquier herramienta web la siguiente actividad propuesta por el docente:
• ¿Qué es la meteorología? Y ¿Cuáles son sus características?
• ¿Qué relación tiene la metrología con la tecnología?
• ¿Cómo podemos medir la dimensión tiempo?

NOTA:
El compromiso del proyecto deben subirlo a la actividad que queda habilitada con el nombre de : “Consulta proyecto – Clepsidra”
Fecha limite de entrega: Viernes 16 de marzo
Hora de cierre: 23.00 Hr