Mostrar los tags: diseño

Apuntes utilizados para el dictado universitario del curso de Análisis y Diseño de Sistemas por el Prof. Matías Garcia.

https://www.profmatiasgarcia.com.ar

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

En formato pdf. Contiene 52 páginas. (En formato diapositiva)

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

Introduce al estudiante en el ambiente de bases de datos relacionales, aplica una metodología de desarrollo y desgloza los componentes de bases de datos de forma que profundiza sobre cada elemento que compone la base de datos y como ésta interactua con las aplicaciones.
Explica las diferencias entre diseño conceptual y diseño físico.
Contiene lectura adicional sobre calidad de software.
Se agradece dejar comentarios y/o valoración.

Índice de vídeos:
1.- Bienvenido
2.- Animando para la Web
3.- Preparando el Entorno de Trabajo
4.- Transformaciones
5.- Translate
6.- Skew
7.- Rotate
8.- Scale y Transform Origin
9.- Instroducción a las Transiciones
10.- Atributos de la Propiedad Transition
11.- Funciones de Tiempo
12.- Curva Bezier
13.- Creando un CardFan
14.- Creando un CardFan Final
15.- Efecto lightbox Inicio
16.- Efecto lightbox Fin
17.- Transiciones para Elementos Web
18.- Captions Parte I
19.- Captions Parte II
20.- Como utilizar los Keyframes
21.- Controlando la Animación
22.- Cool Animation (Recomendado)
23.- Conclusión

Guía de diseño de páginas Web en formato pdf. Contiene 79 páginas.