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
  16 Herramientas para crear planos de casas Online (Diseño y Decoración) Sprystate 14 1,290 07-02-2019, 08:23 PM
Último mensaje: Sprystate
  19 Herramientas Para Probar Código HTML, CSS, JavaScript... Sprystate 28 2,505 17-12-2018, 10:29 AM
Último mensaje: Sprystate
  14 Herramientas De Análisis Para Ver Tus Backlinks Sprystate 16 1,260 12-12-2018, 05:31 PM
Último mensaje: ArtuGar
  20 Herramientas De Análisis Para Ver Tus Backlinks Sprystate 10 1,588 04-12-2018, 08:35 PM
Último mensaje: Sprystate
  11 Herramientas Para Crear Contenidos Digitales Sprystate 0 202 04-12-2018, 08:29 PM
Último mensaje: Sprystate
  10 Herramientas Para Crear Tu Rastreador De Sitios Web Sprystate 2 557 13-11-2018, 10:34 PM
Último mensaje: Sprystate
  20 Herramientas Para Diseño Web Sprystate 9 660 13-11-2018, 09:53 PM
Último mensaje: Sprystate
  15 Herramientas Para Analizar a la Competencia Sprystate 1 394 09-11-2018, 01:58 PM
Último mensaje: ReyNexo23
  20 Herramientas Para Crear Animaciones (Gratis y de pago) Sprystate 1 203 05-10-2018, 10:00 PM
Último mensaje: ReyNexo23
  15 Herramientas y Recursos para el diseño de interfaz de usuario. Sprystate 10 374 02-10-2018, 03:28 PM
Último mensaje: efbsfcd



Usuarios navegando en este tema: 1 invitado(s)