1. Edwin Alexander romero
Daniel Martínez
COLEGIO DEBORA ARANGO PEREZ
TRABAJO
HERRAMINETAS ADECUADAS DISEÑO GRAFICO
POR
EDWIN ALEXANDER ROMERO RUIZ
DANIEL ANDRES MARTINEZ

2. Edwin Alexander romero
Daniel 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. Edwin Alexander romero
Daniel 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. Edwin Alexander romero
Daniel 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. Edwin Alexander romero
Daniel Martínez
VIII. 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. Edwin Alexander romero
Daniel Martínez
El HTML es un lenguaje de marcación de elementos para la creación de documentos
hipertexto, muy fácil de aprender, lo que permite que cualquier persona, aunque no haya
programado en la vida, pueda enfrentarse a la tarea de crear una web. HTML es fácil y
pronto podremos dominar el lenguaje. Más adelante se conseguirán los resultados
profesionales 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 tienen
que 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 de
textos para escribir una página web. Así pues, el archivo donde está contenido el código
HTML 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 haremos
con un editor de textos, lo más sencillo posible y guardaremos nuestros trabajos con
extensión .HTML, por ejemplo mipagina.html
Por adelantar un poco cómo se utiliza el HTML os diremos que el lenguaje consta de
etiquetas que tienen esta forma <B> o <P>. Cada etiqueta significa una cosa, por
ejemplo <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> se
utiliza para indicar que se deje de escribir en negrita. Así que el HTML no es más que
una serie de etiquetas que se utilizan para definir el contenido del documento y algún
estilo básico. <B>Esto está en negrita</B>.

7. Edwin Alexander romero
Daniel Martínez
Conclusiones:
El objetivo principal de esta tesis ha sido la construcción de un hipertexto, esto es, la
confección de una pequeña –aunque extensa telaraña del conocimiento que recogiera
toda la información relativa al hipertexto. Todas y cada una de las características del
hipertexto.
La plasmación práctica ha constituido una dificultad añadida a la redacción y
construcción de esta tesis ya que esta labor suplementaria no sólo ha supuesto
dedicar numerosas horas de trabajo a la confección de este hipertexto, sino
también un período de adaptación y aprendizaje