Darío Balbontín Daniel Quevedo

Tamaño: px

Comenzar la demostración a partir de la página:

Download "Darío Balbontín Daniel Quevedo"

Luis Núñez Murillo
hace 8 años
Vistas:

1 Darío Balbontín Daniel Quevedo

2 ÍNDICE 1) Introducción 2) Tecnologías web actuales 3) Reunión de requisitos 4) Diseño web 5) Escogiendo tecnologías I: CMS o no? 6) Escogiendo tecnologías II: Lenguajes de lado cliente 7) Escogiendo tecnologías III: Lenguajes de lado servidor 8) El servidor 9) Mantenimiento 10) Base del proyecto 2

3 1) Introducción HTML CSS DESIGN CMS 3

4 1) Introducción HTML CSS CMS DESIGN PROYECTO WEB 4

5 2) Las tecnologías web actuales Tecnología web Conjunto de herramientas que permiten desarrollar un sitio o aplicación web. HTML5 CSS3 php5, mysql5.5 5

6 3) Reunión de requisitos La fase más importante de todo el proyecto. Atar todos los cabos. Solucionar todas las dudas. Preguntas más comunes sobre el contenido. Qué tipo de empresa/cliente? Qué tipo de contenido? Estático o dinámico? Frecuencia de actualización? Ventas online? Cuánto dinero? 6

7 4) Diseño Encarar un diseño - Cada diseño es un mundo (y cada cliente también) - Análisis de requisitos HECHO - Cambios y nuevas versiones PLANTILLAS (FRAMEWORKS) Existen plantillas preparadas y organizadas para descargar que facilitan nuestra labor. Muchas de ellas también facilitan el proceso de codificación de nuestra maqueta a HTML/CSS. EJ: CSS960grid 7

8 4) Diseño Estructuración - Tener clara la disposición de los contenidos en nuestra web - Mantener una estructura lógica (no reinventar la rueda) - Diseños originales ejem ejem - Medidas (anchuras y alturas) - Elementos adicionales (breadcrumb, social, publicidad ) - Eye-tracking 8

9 4) Diseño 9

10 4) Diseño Cuál es el siguiente paso? MAQUETACIÓN 10

11 4) Diseño Cabecera - Imagen de fondo - Logotipo (imagen) - Buscador (campo de texto) - Menú (lista) Contenido - CMS - Botones sociales (plugins) Barra lateral - CMS - Twitter (otro plugin) 11

12 5) Escogiendo tecnologías I: CMS Texto + Imágenes. Wordpress. Drupal. Joomla. Tienda online. Prestashop. ecommerce. Wordpress + ecommerce Plugin. Drupal + Módulos ecommerce. Imágenes. Portfolio (Gestor de contenidos). Galería fotográfica. 12

13 6) Escogiendo tecnologías II: Lenguajes de lado cliente HTML5. Muestra el contenido. Fácilmente modificable. CSS3. Apariencia de nuestro sitio. Rapidez. Flexibilidad. Fácil adaptación a dispositivos. Javascript. Animaciones. Efectos muy visuales. Php Permite conseguir funcionalidades extra. 13

Sintaxis muy sencilla. Rapidez. Gestión rápida de ficheros. Basado en procedimientos.

14 7) Escogiendo tecnologías III: Lenguajes de lado servidor php. Mucha documentación. Administración base de datos sencilla. No orientado a objetos (falso-amigo). Python. Sintaxis muy sencilla. Rapidez. Gestión rápida de ficheros. Basado en procedimientos. Ruby on Rails. Orientado a objetos. Programación funcional. Java. Muy extendido a nivel de escritorio. 14

15 8) El servidor Qué hosting debo escoger? Hay que mirar MUY BIEN las prestaciones (calidad/precio) qué nos ofrece la empresa de hosting. Algunas características básicas: - Tipo de servidor: Windows o Linux - Espacio: cantidad máxima para alojar tus archivos/webs (MB) - FTP: Indispensable a día de hoy (ojo, existen servidores con métodos propios alternativos) - Tasa de transferencia: número de accesos al servidor (GB) - Lenguajes: visto anteriormente - Publicidad: en caso de que sea un servidor gratuito - Dominio: dirección intuitiva, corta, sencilla y fácil de recordar - Subdominios, correos, soporte 15

16 9) Mantenimiento Después de dar a luz hay que cuidarlo El mantenimiento de nuestro sitio web es un aspecto BÁSICO e INDISPENSABLE para un correcto funcionamiento y uso (hay empresas/webmasters que omiten este apartado ERROR) Por qué es tan importante el mantenimiento? - Accesibilidad: en función de lo bueno/malo del hosting los problemas del servidor pueden se menos/más habituales Rapidez de actuación - Seguridad: spam, hackers, lammers y demás escoria - Actualización: tanto de contenidos como de servicios (evolución) - Soporte: correo electrónico, teléfono 16

17 10) Base del proyecto TODO ENTENDIDO! Y ahora qué? 17

18 10) Base del proyecto 1 Base teórica CHARLA DE HOY 2 Maquetación (HTML+CSS) PRÓXIMA ACTIVIDAD 3 Integración CMS PRÓXIMA ACTIVIDAD (2) 18

19 10) Base del proyecto 1 Base teórica CHARLA DE HOY 2 Maquetación (HTML+CSS) PRÓXIMA ACTIVIDAD 3 Integración CMS PRÓXIMA ACTIVIDAD (2) 19

20 10) Base del proyecto Darío Balbontín Fernández Daniel Quevedo Ortiz 20

Documentos relacionados

Desarrollo Web. Realizamos todo tipo de páginas web adaptando el diseño a tus gustos y posibilidades.

Desarrollo Web. Realizamos todo tipo de páginas web adaptando el diseño a tus gustos y posibilidades. Tarifas 2015 Página 1 Desarrollo Web Realizamos todo tipo de páginas web adaptando el diseño a tus gustos y posibilidades. Tu web Profesional al mejor precio. Usamos las mejores tecnologías y bajamos los