Diseño y Desarrollo Web 3 | Cuaderno - Taller
El Desarrollo
web significa construir y mantener sitios web; es el trabajo que tiene lugar en
un segundo plano y que permite que una web tenga una apariencia impecable, un funcionamiento
rápido y un buen desempeño para permitir la mejor experiencia de usuario. Los
desarrolladores web son como duendes con poderes: nunca los ves, pero son los
que hacen que todo esté bien y funcione de manera rápida y eficiente. Los conocimientos
y habilidades vinculados al desarrollo web son los más demandados y también los
mejor pagados. Se trata de una carrera con muchas posibilidades y salidas.
Los
desarrolladores web lo hacen a través de diversos lenguajes de programación. El
lenguaje que usan en cada momento depende del tipo de tarea que están haciendo.
El desarrollo web se divide, de forma general, en Frontend (la parte cliente) y
Backend (la parte servidor).
Un
desarrollador Frontend se encarga de la composición, diseño e interactividad
usando HTML, CSS y JavaScript. El desarrollador Frontend toma una idea y la
convierte en realidad. Lo que ves y lo que usas, como por ejemplo el aspecto
visual del sitio web, los menús desplegables y el texto, son creados por el
desarrollador Frontend, que escribe una serie de programas para dar estructura,
forma e interactividad a estos elementos.
Estos
programas se ejecutan después a través de un navegador.
El
desarrollador Backend se encarga de lo que no se ve, es decir, dónde se
almacenan los datos. Sin datos no hay Frontend. El Backend consiste en el
servidor que acoge la web, una aplicación para ejecutarlo y una base de datos.
El desarrollador Backend utiliza programas de computación para asegurar que el
servidor, la aplicación y la base de datos tengan un desempeño regular
conjunto. Además, analiza qué necesita la empresa y proporciona soluciones de
programación eficientes. Para hacer este increíble trabajo, utiliza una serie
de lenguajes del lado del servidor, como PHP, Ruby, Python y Java.
CONTENIDO
UNIDAD 1
Aplicaciones de edición y diseño de soluciones web
· ¿Qué es Edición y Diseño Web?
· La Importancia del Diseño en la
Actualidad
· ¿Qué es diseño Web?
· Las cuatro áreas que se debe tomar en
cuenta dentro del diseño web
· Crea tu Página Web gratis solo en 5
minutos con SimpleSite.com
Manejadores de contenidos de imagen
· Imágenes en la Web
· ¿Qué es y para qué sirve un editor de
fotos?
· Tratamiento de la imagen digital
Manejadores Audio
· Programa para el manejo de audio
· Realtek HD Audio Manager
· Cómo utilizar Realtek HD Audio Manager
Manejadores Video
· Ventajas de los Gestores Video
· Diferentes Gestores de Video
Software de edición de páginas web de
ambiente
· Wix, el ganador absoluto
· Como construir una página Web desde cero
con Wix
Privativo y libre
· Ventajas
· Desventajas
UNIDAD 2
Evaluación de soluciones web
· Pasos para
la evaluación de un sitio web
· Cuantifica
los criterios
· Determina
Casos de Uso
· Comparar
en distintos niveles
· No
descartar la evaluación cualitativa
· Una mejor
herramienta para la toma de decisiones
Facilidad
de uso, interactividad
· ¿Por qué
es importante la usabilidad?
· La
usabilidad a menudo es confundida con la interactividad
· El espacio
de lectura de un hipertexto no es la página en papel
· Reglas
sobre usabilidad e interactividad
· Las
principales claves para lograr optimizar nuestra web o blog
Diseño
funcional
· Experiencia
funcional antes del impacto visual
· Diseño pensado desde
el principio en el SEO
· Entendiendo el
fenómeno de los múltiples dispositivos
· Tácticas y estrategias
publicitarias
· Temas atractivos y
placer visual
Tiempo de carga
· El tiempo de carga
ideal para la web
· Tips para mejorar la
velocidad de carga
· El diseño en
responsive
· Optimiza las imágenes
· Siempre actualizado
· Utiliza Plugins de
caché
· Consigue un hosting de
calidad
Número de visitantes
· Tráfico Web
· Fuentes
· Relevancia
· Comparación de
periodos
Creatividad
· Otros diseñadores
· CSS Author
· Bridge
· Elegant Themes
· Theme Forest (Envato)
Contenido
· Texto
· Banners
· Imágenes
· Videos
· Animaciones
Relación
costo-beneficio
· Principales beneficios
de una web
· Página Web
· Sitio Web
· Principales factores
de coste de una web
Análisis del desempeño
y disponibilidad del servidor
· Disponibilidad
· Objetivos de la
disponibilidad
· Conceptos básicos
· Rendimiento
Análisis de ancho de
banda
· Monitorización del
ancho de banda
· Averiguar quién
acapara su ancho de banda
· Averiguar quién
acapara su ancho de banda
· Monitoreo del ancho de
banda
· Entornos profesionales
Derechos de autor
· Protección de los
derechos de autor de página Web
· Solicitar la
inscripción de la página web
· Delitos contra la
propiedad intelectual
· Definición de programa
de ordenador
Monitoreo de
integridad y seguridad
· Concepción de la
seguridad de la información
· Riesgo y Seguridad
· Confidencialidad
· Integridad
· Disponibilidad
Validación de la
solución web
· Creatividad y
Usabilidad
· Proyecto
· Niveles de toda
estrategia online
· Validación de páginas
web
UNIDAD 3
Publicación y promoción de soluciones web
· Compromiso con nuestros Client
· Tareas de Mantenimiento del sitio
web
· Promoción Web
· Medios de promoción de páginas
web
· Ventajas de la publicidad en
internet
· Formatos de publicidad en
internet
Redes sociales
· Publicidad en redes sociales
· Ventajas de la publicidad en
redes sociales
Plataformas web
· Características
· Ventajas
· Desventajas
· Diferentes comercializaciones
dentro de una plataforma
· Plataformas educativas
· Plataformas sociales y de
publicación
· Principales redes sociales
Buscadores
· Buscadores más usados en el mundo
· Clasificación
· Buscadores jerárquicos (arañas o
spiders)
· Directorios
· Metabuscadores
· Buscadores verticales
Programas de posicionamiento y enlaces desde
sitios externos
· Herramientas para hacer un análisis y mejorar
tu posicionamiento SEO
· Woorank
· QuickSprout
· Screaming Frog
Soporte de las soluciones web
· ¿Qué es webSA?
· Desarrollo Web
· Optimización Web
· Diseño Gráfico
Costos de publicación
· Página web que necesito
· Coste mensual de una web
· Precio página web WordPress
· Costo de publicidad en redes sociales
· Tipos de publicidad en redes sociales
· Publicidad en Facebook
· Anuncios con fotos
· Anuncios con video
· Anuncios con historias
· Anuncios de Messenger
· Publicidad en Instagram
· Consideración
· Anuncios con foto y video
· Anuncios de Historias de Instagram
· Publicidad en Twitter
· Campañas publicitarias de Twitter
· Publicidad en Snapchat
· Publicidad en LinkedIn
· Mensajes patrocinados de InMail
· Publicidad en Pinterest
· Administrador de anuncios de Pinterest
· Consejos de publicidad en redes sociales
· Conoce qué objetivo comercial tiene tu
publicidad en redes sociales
· Conoce el público objetivo de tu publicidad
en redes sociales
· Deja que tus publicaciones orgánicas le den
forma a tu publicidad
· Paga por lo que importa: impresiones o
interacción
· Diseña tu publicidad en redes sociales con
los dispositivos móviles
· Prueba tu publicidad en redes sociales para
optimizar su rendimiento
· Mide los resultados y genera un reporte de tu
publicidad en redes