1
HERRAMIENTAS DE WEB




Herramientas De Diseño Gráfico Gratuitas, herramientas de diseño de web, Lina María
       Parra Santos, Jenny Katherine Vicentes, Colegio Debora Arango Pérez
2
HERRAMIENTAS DE WEB

Resumen


Las herramientas que encontramos en este trabajo son muy importante, ya que con ellas

podemos realizar buenos diseños gráficos para la página web que queramos realizar, y

lo mejor de Todo es que son accesibles a toda clase de usuarios que requieran de estos

servicios tan favorables para realizar diseños gráficos y lo mejor de todo es que con

ellas podemos llegar a convertimos en verdaderos diseñadores gráficos, también

encontramos herramientas para diseñar nuestra página Las fases de un desarrollo web,

así como los lenguajes de programación usados, son muy extensas y variadas, 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.


Palabras Claves: diseño gráfico, pagina, web, herramientas, programador.
3
HERRAMIENTAS DE WEB

Herramientas de web


Diseño de una página Web consiste en una actividad que necesita una planificación,

diseño e implementación. No se trata de desarrollar una aplicación y ya. Es necesario

tener en consideración cuestiones como la navegabilidad, interactividad con el usuario,

estructura de la información e interacción multimedia. El diseño Web esta considerado

dentro del diseño multimedia. Dentro del diseño Web, los expertos sugieren tres etapas

a considerar:


1. El diseño visual de la información que se desea mostrar en la página Web. Esta etapa

consta de la distribución del texto, la ubicación de los gráficos, los vínculos a otros

documentos, los objetos multimedia que se vayan a incluir. Es necesario que antes de

sentarte a programar en la computadora, se haga un bosquejo en papel sobre como será

la pagina Web. Esto le permitirá tener una perspectiva mas amplia sobre como va a

editar su pagina Web.


2. Editar la página Web. Aquí es cuando es necesario elegir algún editor Web, sea

pagado o gratuito. La sugerencia es que si usted no tiene experiencia en este campo,

puede adquirir un software libre con tutoriales en la Web para que paso a paso le guíen

sobre el funcionamiento del mismo. En esta etapa es donde se pueden establecer los

hipervínculos, que son los enlaces que típicamente aparecen subrayados de azul en las

paginas Web y le permiten ingresar a otra ubicación en a pagina Web o abrir una nueva

pagina Web. Los puede personalizar de modo que abran una página relacionada a la

suya o abran una página totalmente diferente o incluso un navegador.


3. Esta última etapa consta de posicionarse en los buscadores. Es necesario aquí

optimizar el contenido y su estructura para poder mejorar la posición que obtenga en un
4
HERRAMIENTAS DE WEB

buscador. Es necesario también pensar en las palabras clave que utilizara. Un truco que

puede hacer es visitar paginas similares para ver que palabras están utilizando y en que

posiciones aparecen en los buscadores..


A continuación se muestra un listado de las aplicaciones para diseñar páginas Web, que
son gratuitas y accesibles

WYSIWYG Web Builder 6.5.7 Con este programa es fácil crear una página Web sin

necesidad de tener conocimientos de HTML. Es un programa enfocado a usuarios con

poca experiencia en esta clase de desarrollo. El uso de este editor evoca mucho al Front

Page que venia integrado con Microsoft Office, este programa incluye las herramientas

estándar para el diseño y publicación de una pagina Web personal. Este programa ofrece

la libertad de colocar en la pagina Web diferentes elementos, solo es necesario crearlos,

tales como texto, imágenes, tablas, enlaces, formularios, flash e insertarlos en la

posición que usted desee con un solo movimiento del Mouse. Los usuarios mas

avanzados pueden insertar código HTML donde lo consideren necesario. Puede incluir

elementos adicionales como fragmentos de JavaScript listos para usar. Imágenes roll-

over y además colorear las barras de desplazamiento del navegador Web. Una vez

terminada la pagina, puede publicarla utilizando el cliente de FTP integrado.


HTMLSpy 1.04: Es una herramienta útil para quien esta aprendiendo a utilizar HTML y

quien desee conocer como son creados algunos de los mejores sitios Web en el mundo.

Usted visita páginas Web, recolecta fuentes de HTML y los reutiliza en sus propias

páginas Web. Otros HTML espías tienen la función de validar visualmente elcódigo

HTML. Si la fuente tiene algún error en la primera línea, no regresa un valor en la

posición después de ejecutar el programa. Esto significa que el código HTML no esta

bien estructurado y usted puede corregir este código y verificarlo de nuevo.
5
HERRAMIENTAS DE WEB

GI Web: Uno de los ámbitos más comunes en los que se mueven los usuarios de

Internet, es el de la compra y venta de productos. Pero dicha actividad no sería posible,

sin la creación previa, por parte de cada empresario, de un sitio Web con una vocación

comercial. Pues bien, para llevar a cabo dicho trabajo de la forma más intuitiva, fue

lanzado al mercado GI-WEB. Además, es totalmente compatible con editores HTML,

permite gestionar productos, organizarlos por catálogo, crear objetos gráficos para

asociar a estos productos, admite la inserción de JavaScript y Flash, etc.


Herramientas Gratuitas De Diseño Grafico:


Las principales herramientas de diseño gráficos son las siguientes:


The GIMP 2.2.13
6
HERRAMIENTAS DE WEB

GIMPshop 2.2.8




  Picasa 2.7
7
HERRAMIENTAS DE WEB

  ColorPic 4.0




  Magnifier 3.0
8
HERRAMIENTAS DE WEB

  Easy Thumbnails 2.91

  ColorPic 4.0




Conclusiones:
9
HERRAMIENTAS DE WEB

  En este trabajo pudimos encontrar las herramientas mas utilizadas para realizar una

  página web como los son: WYSIWYG Web Builder 6.5.7, GI Web, HTMLSpy 1.04

  los mas importante de estos programas es que son gratuitos, así que son accesibles a

  toda clase de usuario, además encontramos consignados en este trabajo programas

  como: The GIMP 2.2.13, ColorPic 4.0, Magnifier 3.0 que nos permiten modificar imágenes,

  gráficos y muchas cosas de diseño, estas también son gratuitas y nos pueden llegar a convertir en

  expertos en diseño.
10
HERRAMIENTAS DE WEB

Bibliografía:


http://www.snap2objects.com/2007/07/45-best-freeware-design-programs/


http://es.kioskea.net/forum/affich-54220-programa-para-hacer-paginas-web


http://www.snap2objects.com/2007/07/45-best-freeware-design-programs/


http://okhosting.com/paginas-web/herramientas-y-aplicaciones-para-crear-paginas-de-

internet.aspx

Lina mañana

  • 1.
    1 HERRAMIENTAS DE WEB HerramientasDe Diseño Gráfico Gratuitas, herramientas de diseño de web, Lina María Parra Santos, Jenny Katherine Vicentes, Colegio Debora Arango Pérez
  • 2.
    2 HERRAMIENTAS DE WEB Resumen Lasherramientas que encontramos en este trabajo son muy importante, ya que con ellas podemos realizar buenos diseños gráficos para la página web que queramos realizar, y lo mejor de Todo es que son accesibles a toda clase de usuarios que requieran de estos servicios tan favorables para realizar diseños gráficos y lo mejor de todo es que con ellas podemos llegar a convertimos en verdaderos diseñadores gráficos, también encontramos herramientas para diseñar nuestra página Las fases de un desarrollo web, así como los lenguajes de programación usados, son muy extensas y variadas, 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. Palabras Claves: diseño gráfico, pagina, web, herramientas, programador.
  • 3.
    3 HERRAMIENTAS DE WEB Herramientasde web Diseño de una página Web consiste en una actividad que necesita una planificación, diseño e implementación. No se trata de desarrollar una aplicación y ya. Es necesario tener en consideración cuestiones como la navegabilidad, interactividad con el usuario, estructura de la información e interacción multimedia. El diseño Web esta considerado dentro del diseño multimedia. Dentro del diseño Web, los expertos sugieren tres etapas a considerar: 1. El diseño visual de la información que se desea mostrar en la página Web. Esta etapa consta de la distribución del texto, la ubicación de los gráficos, los vínculos a otros documentos, los objetos multimedia que se vayan a incluir. Es necesario que antes de sentarte a programar en la computadora, se haga un bosquejo en papel sobre como será la pagina Web. Esto le permitirá tener una perspectiva mas amplia sobre como va a editar su pagina Web. 2. Editar la página Web. Aquí es cuando es necesario elegir algún editor Web, sea pagado o gratuito. La sugerencia es que si usted no tiene experiencia en este campo, puede adquirir un software libre con tutoriales en la Web para que paso a paso le guíen sobre el funcionamiento del mismo. En esta etapa es donde se pueden establecer los hipervínculos, que son los enlaces que típicamente aparecen subrayados de azul en las paginas Web y le permiten ingresar a otra ubicación en a pagina Web o abrir una nueva pagina Web. Los puede personalizar de modo que abran una página relacionada a la suya o abran una página totalmente diferente o incluso un navegador. 3. Esta última etapa consta de posicionarse en los buscadores. Es necesario aquí optimizar el contenido y su estructura para poder mejorar la posición que obtenga en un
  • 4.
    4 HERRAMIENTAS DE WEB buscador.Es necesario también pensar en las palabras clave que utilizara. Un truco que puede hacer es visitar paginas similares para ver que palabras están utilizando y en que posiciones aparecen en los buscadores.. A continuación se muestra un listado de las aplicaciones para diseñar páginas Web, que son gratuitas y accesibles WYSIWYG Web Builder 6.5.7 Con este programa es fácil crear una página Web sin necesidad de tener conocimientos de HTML. Es un programa enfocado a usuarios con poca experiencia en esta clase de desarrollo. El uso de este editor evoca mucho al Front Page que venia integrado con Microsoft Office, este programa incluye las herramientas estándar para el diseño y publicación de una pagina Web personal. Este programa ofrece la libertad de colocar en la pagina Web diferentes elementos, solo es necesario crearlos, tales como texto, imágenes, tablas, enlaces, formularios, flash e insertarlos en la posición que usted desee con un solo movimiento del Mouse. Los usuarios mas avanzados pueden insertar código HTML donde lo consideren necesario. Puede incluir elementos adicionales como fragmentos de JavaScript listos para usar. Imágenes roll- over y además colorear las barras de desplazamiento del navegador Web. Una vez terminada la pagina, puede publicarla utilizando el cliente de FTP integrado. HTMLSpy 1.04: Es una herramienta útil para quien esta aprendiendo a utilizar HTML y quien desee conocer como son creados algunos de los mejores sitios Web en el mundo. Usted visita páginas Web, recolecta fuentes de HTML y los reutiliza en sus propias páginas Web. Otros HTML espías tienen la función de validar visualmente elcódigo HTML. Si la fuente tiene algún error en la primera línea, no regresa un valor en la posición después de ejecutar el programa. Esto significa que el código HTML no esta bien estructurado y usted puede corregir este código y verificarlo de nuevo.
  • 5.
    5 HERRAMIENTAS DE WEB GIWeb: Uno de los ámbitos más comunes en los que se mueven los usuarios de Internet, es el de la compra y venta de productos. Pero dicha actividad no sería posible, sin la creación previa, por parte de cada empresario, de un sitio Web con una vocación comercial. Pues bien, para llevar a cabo dicho trabajo de la forma más intuitiva, fue lanzado al mercado GI-WEB. Además, es totalmente compatible con editores HTML, permite gestionar productos, organizarlos por catálogo, crear objetos gráficos para asociar a estos productos, admite la inserción de JavaScript y Flash, etc. Herramientas Gratuitas De Diseño Grafico: Las principales herramientas de diseño gráficos son las siguientes: The GIMP 2.2.13
  • 6.
  • 7.
    7 HERRAMIENTAS DE WEB ColorPic 4.0 Magnifier 3.0
  • 8.
    8 HERRAMIENTAS DE WEB Easy Thumbnails 2.91 ColorPic 4.0 Conclusiones:
  • 9.
    9 HERRAMIENTAS DE WEB En este trabajo pudimos encontrar las herramientas mas utilizadas para realizar una página web como los son: WYSIWYG Web Builder 6.5.7, GI Web, HTMLSpy 1.04 los mas importante de estos programas es que son gratuitos, así que son accesibles a toda clase de usuario, además encontramos consignados en este trabajo programas como: The GIMP 2.2.13, ColorPic 4.0, Magnifier 3.0 que nos permiten modificar imágenes, gráficos y muchas cosas de diseño, estas también son gratuitas y nos pueden llegar a convertir en expertos en diseño.
  • 10.