Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
Herramientas y fases
#1
Herramientas ideales para el desarrollo web y fases para llegar a ella y si. incluiré las descargas de cada una. 

El desarrollo de una pagina web se compone por fases, luego están los niveles (nivel gráfico, frontend y backend) luego haré post con sus respectivas herramientas, mientras aquí generalizo. 

Antes de empezar, que son esos 3 niveles? 

Nivel grafico: Todo el diseño grafico para nuestra pagina (colorsitos, sus combinaciones, el orden de las cajas, imagenes, etc) 
Frontend: Es todo con lo que interactua el usuario y puede verlo, por ejemplo herrmanientas con switchs, rotaciones de cosas, aplicaciones como un juego, etc. (aqui ya empezamos a hablar de programacion con Javascript) 
Backend: Es todo lo que corre en el servidor, y con esto me refiero a con lo que NO interactua el usuario, como las bases de datos. 


y bueno las fases de las que hablo son: 

Diseño: 
el diseño consiste en crear "dibujitos" de nuestra pagina web, como nos la imaginamos de manera final, a nivel de cajitas, imagenes, etc (contenido general) para esto podemos ocupar múltiples herramientas desde una hoja de papel y un lapiz del numero 2. 

Primero tenemos herramientas que traen por defecto nuestros sistemas operativos, en caso de windows Paint, que si podemos ocuparlos y no abra ningun problema pues es un paso muy sencillo pero tabien existen mas opciones. 

Esta Pecil: 
Pencil 
[Imagen: home-ss.jpg] 
el cual es una muy buena herramienta para esto 

Tenemos Adobe Fireworks: 
Adobe Fireworks 
[Imagen: aFirework.png] 
Podemos optenerla de "alguna forma" en la web. 

Maquetación 
la maquetación consiste en convertir esos dibujitos que creamos en la fase anterior en plantillas HTML, su respectiva hoja de estilos (css), y ponerle sus respectivas imagenes. Uno puede saltarse el paso anterior si uno ya tiene en mente la estructura de la pagina pero el no saber usar photoshop o alguna herramienta no es excusa pues como dije antes, puedes hacerlo con una hoja de papel. 

Para el codigo tenemos una herrmienta que me encanta: 
Sublime Text 2 
[Imagen: alpha_ui_large.png]
se le pueden descargar plugins y sintaxis para diferentes lenguajes. esta herramienta podemos ocuparla para los 2 pasos siguientes. en esta fase se ocupaara para el HTML y el CSS 

Para los colores: Entraremos a esta pagina 
donde generaremos los colores en Hexadecimal y en RGB 
[Imagen: cfskkjdqmr0itagd22a5.png] 

Tambien estan las herramientas de Adobe Edge que tambien son excelentes: 
Adobe tools & service 
[Imagen: adobe-edge-tools-and-services.jpg] 
A pesar de ser de adobe son completamente gratis. 

Existen herramientas como dreamweaver pero no las recomiendo porque hace malos diseñadores, diseñadores que no entienden su propio codigo. 

Programación cliente: 
Aquí ya se cruzo completamente la frontera entre diseñador y frontend, de esta fase se encarga el javascript. 

Programación servidor: 
en esta fase, que se desarrolla junto con la anterior, crearemos la aplicación web en un lenguaje de servidor, como puede ser PHP, ASP .NET, Python, Perl, etc. 

Depuración: 
esta fase enlaza la anterior con la siguiente, y es donde haremos las pruebas unitarias, aserciones, trazas, etc. 

Pruebas en local: 
en nuestro servidor local haremos todas las pruebas posibles. 

Para los noobs esta HFS, que es una herramienta para hacer tu server local muy facil de ocupar 
HFS 
[Imagen: hfs.gif] 

para los mas experimentados, sabran que podran hacerlo con apache. 

Subir ficheros al hosting: 
Hosts? estos abundan en internet! solo es cuestion de elegir. 
Cual host elejir? 

para subir os archivos necesesitamos un FTP: en este caso FileZilla 
[Imagen: filezilla-7.jpg] 

Pruebas en hosting : 
realizaremos las últimas pruebas en el servidor del hosting para comprobar que el cambio de servidor no ha afectado a nada. Para evitar problemas, nuestro servidor local debe tener exactamente la misma configuración que el servidor del hosting.


Posibles temas similares...
Tema Autor Respuestas Vistas Último mensaje
  15 Herramientas y Recursos para el diseño de interfaz de usuario. Sprystate 7 149 21-09-2018, 03:38 PM
Último mensaje: alieninc
  20 Herramientas SEO y analytics Sprystate 10 335 18-08-2018, 11:28 AM
Último mensaje: Sprystate
  Herramientas para crear videojuegos Sprystate 7 127 08-08-2018, 02:07 PM
Último mensaje: fercho alb
  Herramientas de monitoreo de páginas web Vero190 9 289 20-07-2018, 04:12 AM
Último mensaje: JuanCarlos.
  Herramientas de Email Marketing piensaengrande 17 508 05-01-2018, 12:40 AM
Último mensaje: Taquion
  Herramientas De Google alieninc 10 508 25-08-2017, 12:15 AM
Último mensaje: Jalus
Estrella [Target] OwnCloud dispone de herramientas para el mundo real yuma2009 10 658 03-06-2017, 05:43 AM
Último mensaje: garcon
Arcoiris Herramientas google gratis magoazul 15 989 05-03-2017, 05:05 PM
Último mensaje: ghmillet
  Herramientas Gratuitas de Google canpios 33 2,567 18-11-2016, 07:44 PM
Último mensaje: DaveNPlay
  Enlaces para las 7 herramientas poderosas del para el Marketing Digital canpios 0 401 03-11-2015, 02:03 PM
Último mensaje: canpios



Usuarios navegando en este tema: 1 invitado(s)