CURSOS de Diseño

Mostrando del 1 al 10 de 30 registros
<<>>
Imágen de perfil

.videoCurso de Diseño Web


Diseño

,

HTML

,

JavaScript

,

CSS

,

Bootstrap

Publicado el 27 de Julio del 2020 por Administrador
2.118 visualizaciones desde el 27 de Julio del 2020
Aprende el diseño web, veremos lenguajes como HTML y con ayuda de un FrameWork (Bootstrap) usaremos HTML5, JavasCript, CSS3, entre otros lenguajes para realizar los mas modernos y mejores diseños de Internet.

Se que esos nombres suenan muy raros pero es realmente facil de usar... ¡SIN MIEDO! :D

Índice de Vídeos:
Capitulo 0 - Introducción Para Principiantes
Capitulo 1 - Etiquetas Básicas (HTML)
Capitulo 2 - Estilos de textos
Capitulo 3 - Insertar Fondos e Imágenes
Capitulo 4 - Crear Tablas
Capitulo 5 - Crear Botones y Enlaces
Capitulo 6 - Iniciando Bootstrap (FrameWorks)
Capitulo 7 - Creando Pagina web COMPLETA (1/2)
Capitulo 7 - Creando Pagina web COMPLETA (2/2)
Capitulo 8 - Servidores Web (Internet)
Capitulo 9 - Subir Pagina web a Internet
Pagina Web Profesional con Plantillas Premium en Joomla - TemplateMonster
Plantillas Gratuitas Profesionales de TemplateMonster
Sublime Text + FTP, Editar página subida a internet
Instalar Plantilla Wordpress Profesional Gratis y Premium - TemplateMonster
Personalizar plantillas gratuitas y premium en WordPress - TemplateMonster
Comprime y reduce el peso de una imagen hasta un 90% - Dostin Hurtado

Screenshot_20200727_192836
Imágen de perfil

.videoCurso diseño de Páginas Web en Photoshop Cs6


PhotoShop

,

Diseño

Publicado el 15 de Junio del 2020 por Administrador
771 visualizaciones desde el 15 de Junio del 2020
Aprende todo lo relacionado al diseño de páginas web con Photoshop.
Si no sabes nada, no te preocupes, ya que este curso es paso a paso. Al finalizar podrás tener un diseño web atractivo y de fácil implementación para tu proyecto web.

Índice de Vídeos:
Curso Diseño web con Photoshop cs6 - Desde Cero
#2 Trabajando con Guías
#3 - Definiendo y combinando colores correctamente
#4 - Implementando la Grid de Bootstrap 4!
Curso de Bootstrap 4 Profesional 2018! de cero a cien fácil y rápido. Cupón de descuento incluido!
#5 - Guías fáciles con GuideGuide
#6 - Definiendo Tipografías frecuentes
#7 - Creando el menú de navegación (Navbar)
Curso Premium! Aprende a desarrollar formularios de contacto con PHP, Ajax, JQuery y Bootstrap 4!
#8 - Slide con Objetos inteligentes (parte-1)
#9 - Slide y botones redondeados (parte-2)
#10 - Creando sección-1
#11 - Iconos con Font Awesome
#12 - Tabla de precios (parte-1)
#13 - Tabla de precios (parte-2)
#14 - Creando formulario de contacto
#15 - ¿Cuál es nuestro próximo paso?
JAVASCRIPT ¡Curso desde 0! Tutorial JS ESPAÑOL
Sass curso: Introducción e instalación desde cero para principiantes
IONIC: Aprende a desarrollar una aplicación móvil desde cero
Curso completo de BOOTSTRAP 4 [Desde cero, para principiantes]
Crea fácilmente imágenes de relleno para tus proyectos web | Holder.js
JQUERY Tutorial Español - Curso de jQuery 2018 desde cero
GITHUB PAGES ♥ Hosting Gratis ♥ [ Tutorial en Español ]

Screenshot_20200615_175353
Imágen de perfil

.videoCurso de Adobe XD


Diseño

Publicado el 17 de Mayo del 2020 por Administrador
547 visualizaciones desde el 17 de Mayo del 2020
Índice de vídeos:
Curso GRATUITO, Completo y desde Cero !!
1. Introducción y que Aprenderemos en el Curso
2. Como Descargar Adobe XD y Primeros Pasos
3. Herramientas de Forma
4. Importando y Trabajando con Imágenes
5. Herramientas de Texto
6. Herramienta de Pluma y Fusión de Capas
7. Alineación de Elementos y Organización de Capas
8. Herramienta de Repetición
9. Exportando Elementos
10. Símbolos
11. Como hacer columnas en Adobe XD
12. Presentación del Proyecto #1 (Blog)
13. Presentación del Proyecto #2 (Pagina de Libros y App Móvil)
14. A Punto de Comenzar Nuestros Proyectos
Como hacer Animaciones en Adobe XD
Efectos Hover en Adobe XD + Como hacer un Slideshow 1
Efectos Hover en Adobe XD + Como hacer un Slideshow 2
Efectos Hover en Adobe XD + Como hacer un Slideshow 3
Diseña una página web estilo NETFLIX en Adobe XD

Screenshot_20200517_235303
Imágen de perfil

.pdfTratamiento digital de imágenes con software libre


Diseño

Actualizado el 5 de Mayo del 2020 por Administrador (Publicado el 9 de Noviembre del 2012)
9.203 visualizaciones desde el 9 de Noviembre del 2012
Interesantísimo manual que trata el tratamiento de imágenes con herramientas libres. Se ven tanto Gimp para el retoque de imágenes, Inkscape para el diseño Vectorial y Xsane para la captura de imágenes con escáner. Realizado por José Juan Grimaldos. En formato pdf. Contiene 209 páginas.

1455728260_imgdig
Imágen de perfil

.videoCurso de diseño y desarrollo web


Diseño

Publicado el 18 de Marzo del 2020 por Administrador
731 visualizaciones desde el 18 de Marzo del 2020
Duración 4h42min
En este vídeo veremos el siguiente contenido:
1. INTRODUCCIÓN - 00:09
- World Wide Web
- World Wide Web Consortium

2. DISEÑO Y USABILIDAD - 04:16
- Experiencia de Usuario
- Interfaz de Usuario

3. HOSTING Y DOMINIO - 14:56
- Alojamiento web y servidores
- Dominio
- Protocolo http y ftp
- Uso básico del Cpanel
- Correo Corporativo
- Servidor local
- Filezilla y Cyberduck

4. FRONTEND Y BACKEND - 57:09
- El backEnd
- El FrontEnd

5. ESTRUCTURA BÁSICA DEL CONTENIDO - 01:02:25
- Inicio
- Acerca de
- Productos o Servicios
- Páginas adicionales
- Blog o post
- Contactos
- Sesión
- Cookies y políticas de privacidad

6. WEB SEMÁNTICA - 01:13:27
- Web 1.0
- Web 2.0
- Web 3.0

7. IDE Y EDITORES - 01:24:14
- Sublime text
- Brackets
- Notepad++
- Visual Studio Code
- Dreamweaver

8. XML Y XHTML - 01:29:06
- Para que se usa de XML
- Para que se usa xhtml

9. HTML y HTML 5 - 01:32:01
- Extensión
- Etiquetas
- Estructura
- Metadatos
- Encabezados H1-H6
- Párrafos
- Imágenes
- Audios
- Videos
- Enlaces
- Listas
- Tablas
- Formularios

10. CSS y CSS 3 - 02:10:38
- Extensión
- Enlazar
- Estructura
- Selectores
- Unidades de medida
- Colores
- Medidas
- Bordes
- Márgenes
- Espacios internos
- Fuente
- Texto

11. PHP Y MYSQL - 02:58:42
- Usos
- Ejemplos

12. JAVASCRIPT - 03:19:34
- Usos
- Ejemplos

13. FRAMEWORKS Y LIBRERIAS - 03:27:56
- Para HTML
- Para CSS
- Para Javascript
- Para PHP

14. MANEJADORES DE CONTENIDO O CMS - 03:35:57
- Wordpress
- Joomla
- Drupal
- Prestashop
- Moodle

15. RESPONSIVE DESIGN - 03:45:27
- Celulares, tablets y de Escritorio
- Mobile first
- Media Queries
- Bootstrap

16. POSICIONAMIENTO WEB - 03:52:00
- Palabras claves
- Competencia
- Contenido
- Backlinks
- Métricas

17. METODOLOGÍA - 04:07:19
- Conceptualización
- Wireframe, mockup y prototipo
- Material base
- Codificación
- Revisión y corrección
- Presentación final
- Posicionamiento web

18. ACCIONES A EVITAR - 04:25:42
- Diseño antiguo
- Saturación
- Uso de flash
- Publicidad excesiva
- Poca usabilidad
- Contenido confuso
- No responsive
- Dejar de usar captcha

19. TENDENCIAS - 04:34:02
- Flat Design
- Aplicaciones web
- Landing Page
- One Page

20. DESPEDIDA - 04:39:38

Screenshot_20200318_192653
Imágen de perfil

.pdfScratch


Diseño

Publicado el 14 de Abril del 2019 por Administrador
1.039 visualizaciones desde el 14 de Abril del 2019
Scratch es un lenguaje de programación visual desarrollado por el Grupo Lifelong Kindergarten del MIT Media Lab.1​ Su principal característica consiste en que permite el desarrollo de habilidades mentales mediante el aprendizaje de la programación sin tener conocimientos profundos sobre el código.

En formato pdf. Contiene 23 páginas.

Screenshot_20190414_220609
Imágen de perfil

internetManual de estilo y diseño de sitios y páginas Web


Diseño

,

CSS

Actualizado el 8 de Enero del 2019 por Administrador (Publicado el 17 de Septiembre del 2008)
16.050 visualizaciones desde el 17 de Septiembre del 2008
Guía de diseño de páginas Web en formato pdf. Contiene 79 páginas.
Imágen de perfil

.videoCurso Diseño Web Móvil


Diseño

Publicado el 16 de Junio del 2016 por Administrador
1.634 visualizaciones desde el 16 de Junio del 2016
Curso de introducción a diseño web para móvil.
Contenidos:
1.- ¿Qué es la web móvil?
2.- Modos de interacción en la web móvil
3.- Resoluciones de pantalla y color en los dispositivos móviles
4.- Tipos de Layouts para la web móvil
5.- Codificación de caracteres para la web móvil
6.- Estructura básica de un documento para web móvil
7.- Modelo de caja y posicionamiento en dispositivos móviles
8.- Alternativas existentes para la detección de dispositivos móviles
Imágen de perfil

internetDiseño Web Movil


Diseño

Publicado el 23 de Octubre del 2015 por Administrador
1.741 visualizaciones desde el 23 de Octubre del 2015
Manual sobre diseño de sitios web adaptados a dispositivos móviles.
Contenidos:
1. Consejos de diseño web para móviles – Parte 1
2. Consejos de diseño web para móviles – Parte 2
3. CSS Media queries
4. “Pensar en móvil”, el primer paso antes de diseñar una web
5. Diseño web multiplataforma
6. Cómo hacer un diseño web adaptable (reponsive design)
7. Web móvil. Miniaturizar, movilizar…o nada
8. Cómo comercializar tu aplicación móvil
9. Cómo construir estrategias de desarrollo móvil efectivas para tus clientes
10. Técnicas para realizar menús adaptables
11. Manejo del tamaño de fuente en un diseño adaptable
12. Errores comunes al diseñar para móvil
13. Navegación en dispositivos móviles
14. ¿Cómo hacer que un sitio móvil se sienta como una app? Parte 1
15. ¿Cómo hacer que un sitio móvil se sienta como una app? Parte 2
16. 8 consejos para mejorar la interacción de los usuarios en aplicaciones móviles
170. ¿Cómo hacer que un sitio móvil se sienta como una app? Parte 3
18. ¿Cómo lograr que los usuarios se comprometan con tu app?
19. Cómo hacer tus sitios más amigables para dispositivo móviles
20. 10 estrategias esenciales para elaborar un diseño móvil – Parte 1
21. 10 estrategias esenciales para elaborar un diseño móvil – Parte 2
22. 6 sencillos consejos para hacer una página web móvil
23. La importancia de la detección móvil
24. Tipos de configuración de sitios web para móviles
25. Tooltips para sitios web móviles
Imágen de perfil

.htmlDiseño web para dispositivos móviles


Diseño

Publicado el 25 de Agosto del 2015 por Administrador
1.543 visualizaciones desde el 25 de Agosto del 2015
Manual que explica cómo diseñar sitios web optimizados para dispositivos móviles. Características deseables en la web móvil, usabilidad, técnicas de desarrollo adecuadas para dispositivos en movilidad, etc.
Contenidos:
1.- La importancia de la web móvil
2.- Características del uso de la Internet Móvil
3.- Usabilidad en la web móvil
4.- Usabilidad para formularios en la web móvil
5.- Documentos HTML optimizados para móviles
6.- Etiqueta meta Viewport
Anterior123Siguiente