Asdasdas

105 visualizaciones

Publicado el

0 comentarios
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
105
En SlideShare
0
De insertados
0
Número de insertados
2
Acciones
Compartido
0
Descargas
0
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

Asdasdas

  1. 1. Edwin Alexander romeroDaniel Martínez COLEGIO DEBORA ARANGO PEREZ TRABAJO HERRAMINETAS ADECUADAS DISEÑO GRAFICO POR EDWIN ALEXANDER ROMERO RUIZ DANIEL ANDRES MARTINEZ
  2. 2. Edwin Alexander romeroDaniel Martínez I. HERRAMIENTAS ADECUADAS PARAEL DISEÑO Y DESARROLLO DEUN SITIO WEB Las fases de un desarrollo web, así como los lenguajes de programación usados, son muy extensos y variados, y por ello necesitamos herramientas específicas para cada una de ellas. Conoceremos a continuación las principales herramientas existentes para poder desarrollar fácilmente un proyecto web. En el desarrollo web tenemos unas herramientas para el diseño, otras para la maquetación, otras para la programación, y para la depuración. Todas las herramientas que usemos son muy importantes, desde el Sistema Operativo hasta el comando más insignificante, y por ello debemos elegir la más adecuada a nuestras necesidades y capacidades. Conoceremos a continuación las principales herramientas existentes para poder desarrollar fácilmente un proyecto web. En el desarrollo web tenemos unas herramientas para el diseño, otras para la maquetación, otras para la programación, y para la depuración. Todas las herramientas que usemos son muy importantes, desde el Sistema Operativo hasta el comando más insignificante, y por ello debemos elegir la más adecuada a nuestras necesidades y capacidades. II. SISTEMA OPERATIVO Para desarrollar una web, lo primero que necesitamos es un Sistema Operativo, como es lógico, y su elección no es tan trivial. Hay que tener en cuenta las aplicaciones de las que dispone el Sistema Operativo y sus costes.
  3. 3. Edwin Alexander romeroDaniel Martínez Por ejemplo, tenemos Microsoft Windows, cuyas aplicaciones son muy caras, como Photoshop, Dreamweaver, Fireworks, ASP .NET… Y por otro lado tenemos GNU/Linux, con GIMP, Inkscape, Amaya, Aptana, PHP (aunque todos ellos también están disponibles en Windows). Otra característica a tener en cuenta es las facilidades que el Sistema Operativo aporta al desarrollador, y en este sentido GNU/Linux se lleva de calle a Windows. Y esto es porque Windows no fue diseñado para los desarrolladores, sino para personas que no tienen muchos conocimientos sobre informática. Y por el contrario GNU/Linux fue creado por desarrolladores, y para desarrolladores; y por lo tanto en GNU/Linux podemos encontrar infinidad de herramientas que nos harán la vida mucho más fácil, que además son libres Las fases de un desarrollo web, así como los lenguajes de programación usados, son muy extensos y variados, y por ello necesitamos herramientas específicas para cada una de ellas. Conoceremos a continuación las principales herramientas existentes para poder desarrollar fácilmente un proyecto web. En el desarrollo web tenemos unas herramientas para el diseño, otras para la maquetación, otras para la programación, y para la depuración. Todas las herramientas que usemos son muy importantes, desde el Sistema Operativo hasta el comando más insignificante, y por ello debemos elegir la más adecuada a nuestras necesidades y capacidades. Otra característica a tener en cuenta es las facilidades que el Sistema Operativo aporta al desarrollador, y en este sentido GNU/Linux se lleva de calle a Windows. Y esto es porque Windows no fue diseñado para los desarrolladores, sino para personas que no tienen muchos conocimientos sobre informática.
  4. 4. Edwin Alexander romeroDaniel Martínez Y por el contrario GNU/Linux fue creado por desarrolladores, y para desarrolladores; y por lo tanto en GNU/Linux podemos encontrar infinidad de herramientas que nos harán la vida mucho más fácil, que además son libres.III. FASES DE DESARROLLO DE UNA WEB Para elegir las herramientas a utilizar, antes debemos identificar las fases del proceso que forman el ciclo de vida de un desarrollo web.IV. DISEÑO: El diseño consiste en crear esbozos de la web final mediante una herramienta gráfica, como Photoshop, GIMP o Inkscape. V. MAQUETACIÓN HTML/CSS: La maquetación consiste en convertir los esbozos creados en la fase anterior en plantillas HTML, su respectiva hoja de estilos, y las imágenes usadas. Es posible saltarse la fase anterior para comenzar directamente con esta fase, dependiendo de si dominamos herramientas como Photoshop o no.VI. PROGRAMACIÓN CLIENTE: La programación cliente consiste básicamente en Javascript. Una web puede no tener necesidad de hacer programación cliente, como puede ser una pequeña web corporativa con poca información estática, o puede que requiera enormes esfuerzos en esta fase, como ocurre con los proyectos Web.VII. 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.
  5. 5. Edwin Alexander romero Daniel MartínezVIII. DEPURACIÓN: Esta fase enlaza la anterior con la siguiente, y es donde haremos las pruebas unitarias, aserciones, trazas, etc. IX. PRUEBAS EN LOCAL: En nuestro servidor local haremos todas las pruebas posibles. X. SUBIR FICHEROS AL HOSTING: Una vez nuestra web esté completada y bien testeada en nuestro servidor local (desarrollo), la subiremos al servidor del hosting elegido (producción). Dependiendo del hosting, podremos usar FTP, SFTP (SSH), WebDAV, o incluso Subversión . Yo aconsejo usar Subversión si así lo permite el servidor, por su comodidad y rapidez, además de por su principal utilidad, que es la de control de versiones. XI. 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. XII. El HTML se creó sin dar respuesta a todos los posibles usos que se le iba a dar y a todos los colectivos de gente que lo utilizarían en un futuro. Sin embargo, pese a esta deficiente planificación, si que se han ido incorporando modificaciones con el tiempo, estos son los estándares del HTML. Numerosos estándares se han presentado ya. El HTML 4.01 es el último estándar a febrero de 2001. Actualización a mayo de 2005, en estos momentos está apunto de presentarse la versión 5 de HTML, de la que ya se tiene un borrador casi definitivo.
  6. 6. Edwin Alexander romeroDaniel MartínezEl HTML es un lenguaje de marcación de elementos para la creación de documentoshipertexto, muy fácil de aprender, lo que permite que cualquier persona, aunque no hayaprogramado en la vida, pueda enfrentarse a la tarea de crear una web. HTML es fácil ypronto podremos dominar el lenguaje. Más adelante se conseguirán los resultadosprofesionales gracias a nuestras capacidades para el diseño y nuestra vena artista, asícomo a la incorporación de otros lenguajes para definir el formato con el que se tienenque presentar las webs, como CSS.Una vez conocemos el concepto de HTML os vamos a adelantar algunas cosas más.Este lenguaje se escribe en un documento de texto, por eso necesitamos un editor detextos para escribir una página web. Así pues, el archivo donde está contenido el códigoHTML es un archivo de texto, con una peculiaridad, que tiene extensión .HTML o .htm(es indiferente cuál utilizar). De modo que cuando programemos en HTML lo haremoscon un editor de textos, lo más sencillo posible y guardaremos nuestros trabajos conextensión .HTML, por ejemplo mipagina.htmlPor adelantar un poco cómo se utiliza el HTML os diremos que el lenguaje consta deetiquetas que tienen esta forma <B> o <P>. Cada etiqueta significa una cosa, porejemplo <B> significa que se escriba en negrita (bold) o <P> significa un párrafo, <A>es un enlace, etc. Casi todas las etiquetas tienen su correspondiente etiqueta de cierre,que indica que a partir de ese punto no debe de afectar la etiqueta. Por ejemplo </B> seutiliza para indicar que se deje de escribir en negrita. Así que el HTML no es más queuna serie de etiquetas que se utilizan para definir el contenido del documento y algúnestilo básico. <B>Esto está en negrita</B>.
  7. 7. Edwin Alexander romeroDaniel MartínezConclusiones:El objetivo principal de esta tesis ha sido la construcción de un hipertexto, esto es, laconfección de una pequeña –aunque extensa telaraña del conocimiento que recogieratoda la información relativa al hipertexto. Todas y cada una de las características delhipertexto.La plasmación práctica ha constituido una dificultad añadida a la redacción yconstrucción de esta tesis ya que esta labor suplementaria no sólo ha supuestodedicar numerosas horas de trabajo a la confección de este hipertexto, sinotambién un período de adaptación y aprendizaje

×