1.- Que es una interfaz grfica de usuario (GUI)?

Consiste en la aplicacin de una forma en la cual una persona o usuario puede

interactuar con la computadora, realizando distintas funciones en forma
ingeniosa y dinmica.
Su nombre nos indica, se caracteriza por el desarrollo de elementos grficos para
poder brindar esta habilidad, utilizando imgenes que reemplazan la introduccin
de lneas en grupos en el sistema operativo, realizando entonces las funciones
con tan solo presionar un botn, seleccionando una funcin en un men
desplegable y ejecutando las aplicaciones en un entorno grfico adecuado.
Hay dos tipos de interfaces: La interfaz fsica y La interfaz virtual.
La interfaz fsica: un ratn y un teclado que sirven para introducir y manipular
datos en nuestro ordenador.
La interfaz virtual: que permite mediante iconos (cursor + objetos grficos
metafricos), interactuar con los elementos grficos convirtiendo al ser humano
en usuario de la aplicacin.
Habitualmente las acciones se realizan mediante manipulacin directa para
facilitar la interaccin del usuario con la computada.
Fuentes de consulta:
http://www.mastermagazine.info/termino/5194.php
http://www.fundeu.es/escribireninternet/interfaz-grafica-de-usuario-gui/

2.- Qu es una pgina WEB?

Se define como un documento electrnico el cual contiene informacin textual,
visual que se encuentra un servidor y puede ser accesible mediante el uso de
navegadores. Es ordenado de una coleccin de otras pginas webs dando lugar al
denominado sitio web el cual se encuentra identificado bajo el nombre de un
dominio. Forma parte de la WWW (World Wide Web).
Podemos agrupar o clasificar las pginas webs en 2 grupos:
5
5
5

-Webs estticas.
-Webs dinmicas.
Las webs estticas son aquellas cuya informacin no vara en un tiempo a medio
o a corto plazo, tambin se les reconoce puesto que no interactan con el usuario
o navegante, su lenguaje de programacin est basado en HTML y estn
compuestas principalmente de textos e imgenes.
Las webs dinmicas son aquellas que son capaces de interactuar con el usuario o
navegante dado a que estn conectadas con bases de datos que permiten el

desarrollo de aplicaciones webs, su principal ventaja es la personalizacin de la

web en funcin del usuario as como la rapidez de modificacin de los contenidos.
Fuentes de consulta:
http://www.quees.info/que-es-una-pagina-web.html
http://www.madrid.org/cs/StaticFiles/Emprendedores/GuiaEmprendedor/tema7/F49
_7.9_WEB.pdf

3.- Qu es un sitio WEB?

Es un conjunto de pginas web que guardan una relacin entre s, pertenecientes
dentro de un dominio web especfico, contiene informacin especfica de un tema
en particular y que es almacenado en algn sistema de cmputo que se
encuentre conectado a la red mundial de informacin denominada Internet, de tal
forma que este documento pueda ser consultado por cualquier persona que se
conecte a esta red mundial de comunicaciones.
Fuentes de consulta:
http://www.mastermagazine.info/termino/15383.php
http://www.informaticamilenium.com.mx/es/informacion/conceptos-basicos/elconcepto-de-los-sitios-web.html

4.- Qu entiendes por diseo de pginas WEB?

Consiste en el proyecto diseo y creacin de sitios web y pginas web. No es
simplemente una aplicacin del diseo comn sobre internet ya que requiere
tener en cuenta ideas como navegabilidad, interactividad, usabilidad, arquitectura
de la informacin y la relacin de medios como el audio, texto, imagen y video.
El objetivo del diseo web es realzar la imagen de una compaa u organizacin a
travs de elementos grficos con el objeto de reforzar su identidad visual y
despertar una sensacin de confianza en el usuario.

Fuentes de consulta:
http://www.neominds.com.mx/diseno-web.html
http://es.kioskea.net/contents/781-webmastering-diseno-web

5.- Herramientas de diseo WEB

Todas las herramientas que usemos son muy importantes, desde el Sistema
Operativo hasta el comando ms insignificante, y por ello debemos elegir la ms
adecuada a nuestras necesidades y capacidades.
Mencionare tres herramientas:
1. Adobe Dreamweaver
Logra integrar completamente el diseo visual con las herramientas de agrupacin,
proporciona a los usuarios un alto nivel de control a lo largo de todo el proceso de diseo.
El nivel de personalizacin que ofrece el software es prcticamente inigualable. Te
permite crear funciones interactivas avanzadas, como mens desplegables, imgenes de
sustitucin, diseos de la red de fluidos, aplicaciones sencillas para dispositivos mviles y
paneles plegables.

2. Amaya

Su propsito es una creacin de sitios web que es ejecutable en Linux, en Mac y en

Windows.
Es ideal para principiantes sin mucha experiencia de codificacin, esta herramienta de
WYSIWYG es
compatible con HTML, CSS y XML.

3. Bluefish
Es un editor de texto avanzado gratuito y de cdigo abierto. Es compatible con
mltiples plataformas, incluyendo Linux, Solaris y Mac OS X y Windows, es muy
variable y flexible, ofrece una variedad de herramientas para la programacin en
general y permite el desarrollo de HTML, XHTML, CSS, XML, PHP, C, C + +,
JavaScript, Java, Google Go, Vala, Ada, C, SQL, Perl, ColdFusion, JSP, Python, Ruby
y concha, entre otros.
Fuente de consulta:
http://www.maestrosdelweb.com/herramientas-adecuadas-para-el-diseno-ydesarrollo-de-un-sitio-web/

6.- Qu es un hipervnculo o enlace?

Un enlace o hipervnculo, tambin llamados hipertextos son los textos o los
objetos sobre los que podemos hacer clic para que nos lleven a otra parte del
documento, a otra pgina web en el mismo sitio o a otra pgina de Internet, entre
otras funciones.
Ejemplo: Cuando un visitante hace clic en el hipervnculo, el destino se mostrar
en su navegador web, se abrir o se ejecutar, en funcin del tipo de destino.

Fuente de consulta: http://aprenderaprogramar.com/index.php?

option=com_content&view=article&id=508:hip

7.- Qu elementos te llaman la atencin al entrar a una

pgina WEB?
La estructura del diseo, los colores e imgenes, iconos y principalmente el
texto, es lo que en mi parte llaman mi atencin, son razones de las cuales entro a
esa pgina. Me agradan las pginas que redactan muy bien el tema del cual
habla y que se dirigen directo al objetivo, sin poner cuentos o cosas que no son
concretas.

8.- Qu caractersticas se consideran importantes en el

diseo de sitios WEB?

1.- Diseo atractivo: La primera impresin es la que cuenta.

2.- Contenido bien estructurado: Un desglose del contenido claro y sencillo, bien
explicado, tiene el xito asegurado. La importancia de una estructura clara y
objetiva es lo que mantendr a tu usuario conectado.
3.- Importancia de la velocidad de la web: Las pginas que tardan mucho en
cargar son un problema para todos, nuestro tiempo vale oro y lo que ms fastidia
a cualquier persona es tener que esperar.
4. El sitio debe ser funcional: el sitio debe responder siempre a lo que el usuario
espera, nunca debera defraudarlo.

Fuentes de consulta:
http://diseweblopez.blogspot.mx/2010/05/caracteristicas-de-un-buen-disenoweb.html
http://marketiweb.com/empresa/blog/item/70-las-caracteristicas-mas-importantesde-una-web

1.- Caractersticas de Adobe Dreamweaver

Las funciones de edicin visual de Dreamweaver permiten agregar rpidamente
diseo y funcionalidad a las pginas, sin la necesidad de programar manualmente
el cdigo HTML.
Se puede crear:

Tablas
Editar marcos
Trabajar con capas
Insertar comportamientos JavaScript

Todo de una forma muy sencilla y visual. Adems incluye un software de cliente
FTP completo, permitiendo entre otras cosas trabajar con mapas visuales de los
sitios web, actualizando el sitio web en el servidor sin salir del programa.

Fuente de consulta:
http://www.aulaclic.es/dreamweaver-cs6/t_1_1.htm

2.- Caractersticas de Aptana Studio

Es un entorno integrado de desarrollo para la elaboracin de aplicaciones web
dinmicas que emple en php, ruby, ruby on rails y python. Cuenta con mdulos

que permiten utilizarlo para crear programas mediante la tecnologa Adobe Air y
utilidades para el iPhone.
Otras caractersticas interesantes de Aptana son las siguientes:

Explorador de cdigo en forma de rbol.

Libreras populares AJAX/JavaScript.
Extensin de funcionalidad mediante macros y acciones.
Visor de errores y advertencias.
Servidor local para probar el cdigo.

Fuente de consulta:
http://aptana-studio.uptodown.com/

3.- Caractersticas de SublimeText 2

Es un editor de cdigo fuente el cual ofrece soporte para una buena cantidad de
lenguajes de programacin. Siendo as, que este editor de cdigo es la alternativa
perfecta a Notepad Plus, u otros editores de cdigo fuente para Windows,
Linux y Mac.
Junto a estas caractersticas:

Limpia interfaz.
Sencillo manejo.
Soporte del uso de snippets y plugins.
Editor a pantalla completa.
Modo de trabajo libre de distracciones, o soporte nativo para infinidad de
lenguajes de programacin.
Fuentes de consulta:

http://sintoniageek.com/sublime-text-2-editor-de-codigo-fuente-multiplataformas/
http://www.desarrolloweb.com/actualidad/sublime-text-2-disponible-editor-7136.html

4.- Caractersticas de AdobeEdge Code

Es un ligero editor de texto creado para los diseadores y desarrolladores web

que trabajan con HTML, CSS y JavaScript. Al estar diseado para funcionar con

navegadores, acelera el tiempo de desarrollo, ya que muestra los cambios en el

cdigo directamente en la pantalla.
Junto a estas caractersticas:

Podrs disfrutar de un editor de cdigo ligero y prctico.

Aprovechar la visualizacin en el HTML del cdigo CSS.

Mejorar el flujo de trabajo en el desarrollo de HTML5 utilizando este

magnfico editor de cdigo creado por Adobe.
La fantstica Live Preview para ver el resultado de la edicin en vivo, o la
integracin del Code con Phonegap para desarrollar multidispositivo y
compilar en formato nativo.
Fuentes de consulta:
https://creative.adobe.com/es/products/code
https://www.video2brain.com/mx/cursos/adobe-edge-code