Práctica 13 - Formularios (I)

Un formulario web dentro de una página web permite al usuario introducir datos los cuales son enviados a un servidor para ser procesados. Los formularios web se parecen a los formularios de papel porque los internautas llenan dichos formularios usando casillas de selección, botones de opción, o campos de texto. Por ejemplo, los formularios web pueden ser usados para introducir datos de envío o datos de una tarjeta de crédito con el objetivo de solicitar un producto o bien ser utilizada para solicitar datos (p. ej., al buscar en un motor de búsqueda).
Además de servir como plantillas para nueva información, los formularios web también pueden ser usados para consultar y mostrar información existente en forma similar a los formularios de combinación de correspondencia, incorporando las mismas ventajas. La separación entre la estructura y los datos subyacentes de un mensaje permite a ambos variar independientemente. El uso de formularios webs para este propósito evita los problemas asociados con la creación explícita de páginas web separadas para cada registro en una base de datos.
Los formularios web están definidos en lenguajes de programación como HTML, Perl, Java o .NET. Las implementaciones de estos lenguajes usualmente invocan automáticamente los idiomas de la interfaz de usuario y otras de sus características, tales como el diseño estructural, y tema, minimizando el tiempo, el costo y el tiempo de programación.

Práctica 9 - Vínculo e Hípervinculos.

Los vínculos son una parte vital del HTML y todo el concepto de World Wide Web. Internet es considerada una red debido a cómo los vínculos conectan piezas separados de documentos, basándose en la idea de una simple referencia potenciada por la interactividad. Como resultado, un simple click te lleva del documento referente al mencionado en el vínculo.
Un vínculo en un documento HTML puede ser básicamente considerado como una referencia a otro recurso. Esta referencia establece una relación implícita entre el documento referente y el recurso vinculado. Los vínculos pueden ser clasificados como visuales (ubicados en el contenido del documento) u ocultos (definiendo información relacional generalizada).

El tag HTML

El elemento HTML a puede ser usado para insertar vínculos dentro del contenido de un documento. Esto puede ayudar a los autores a recomendar otros recursos relacionados al documento actual que los usuarios pueden, generalmente, accesar con un simple click en el contenido vinculado. El contenido vinculado es simplemente el contenido del elemento HTML a (es decir, la pieza de código HTML que está ubicada entre el tag de apertura y el de cierre). Nota que los vínculos son usualmente representados de manera diferente por los navegadores para ayudar a los usuarios a reconocerlos.
Existen muchas formas de construir un vínculo, pero básicamente un vínculo debe contener al menos un contenido y la dirección del recurso (definida con el atributo "href").

¿Qué es un hipervínculo?

Un hipervínculo es un enlace, normalmente entre dos páginas web de un mismo sitio, pero un enlace también puede apuntar a una página de otro sitio web, a un fichero, a una imagen, etc. Para navegar al destino al que apunta el enlace, hemos de hacer clic sobre él. También se conocen como hiperenlaces, enlaces o links. Normalmente el destino se puede saber mirando la barra de estado del navegador cuando el ratón esté sobre el hipervínculo. Dependiendo de cual sea el destino , hacer clic en un hipervínculo puede hacer que ocurran varias cosas. Si el destino es otra página web, el navegador la cargará y la mostrará, pero si el destino es un documento de Word, el navegador nos dará la posibilidad de abrir una sesión de Word para visualizarlo o de guardar el archivo. Por lo tanto, podemos usar los hipervínculos para conducir a los visitantes de nuestro sitio web por donde queramos. Además, si queremos que se pongan en contacto con nosotros, nada mejor que ofrecerles un hipervínculo a nuestro correo electrónico.

Tipos de hipervínculos.

Existen varios tipos de hipervínculos. Vamos a ver los más usados. Hipervínculo de texto: Un hipervínculo de texto es un enlace que se encuentra asociado a un texto, de forma que si hacemos clic sobre ese texto, navegamos dónde indique el hipervínculo. Por defecto, cuando creamos un hipervínculo de texto, el texto aparece subrayado y en un color distinto al del texto normal, de forma que el visitante sepa que existe ese enlace. Si volvemos a la página después de visitar el enlace, este aparecerá con otro tono también. Aunque es interesante diferenciar el hiperenlace, es posible que no queramos que aparezca así. Hipervínculo de imagen: Un hipervínculo de imagen es un enlace que se encuentra asociado a una imagen, de forma que si hacemos clic sobre esa imagen, navegamos dónde indique el hipervínculo. Por defecto cuando creamos un hipervínculo de imagen, la imagen aparece rodeada de un borde con un color llamativo para que el visitante sepa que existe ese enlace. Por otra parte, los hipervínculos pueden referirse a páginas del mismo sitio web o de otros sitios web. Hipervínculo local o interno: Un hipervínculo local o interno es un vínculo a una página que se encuentra en el mismo sitio web (sitio local). Así, para referirnos a ella tan solo basta con poner la ruta o dirección en el disco duro. Si se encuentra en la misma carpeta, basta con poner su nombre. Por ejemplo, supongamos que tenemos un vínculo desde esta página a otra llamada curso que está en la carpeta access . El vínculo sería: access/curso.htm Hipervínculo externo : Un hipervínculo externo es un vínculo a otro sitio web en Internet (sitio externo). Es un vínculo a cualquier otro lugar fuera del sitio actual. Cuando ponemos un vínculo externo, escribimos la dirección completa de la página incluido http://www.... Hipervínculo a una dirección de correo electrónico: Un hipervínculo a una dirección de correo electrónico es un vínculo que contiene una dirección de correo. Al pulsar en él, automáticamente se abre el programa de correo que tenga el usuario instalado para poder escribir a esa dirección de correo.

Práctica 7 - DreamWeaver CS5

Requisitos mínimos

En primer lugar se debe comprobar si esta versión se puede instalar sobre el sistema operativo del ordenador.
Dreamweaver 8 es compatible con Windows® 2000, Windows XP y Macintosh Mac OS® X 10.3 y 10.4. No obstante, a partir de esta versión, Dreamweaver ya no es compatible con Windows 98, Windows 2000 Server, Windows 2003 Server ni con Macintosh OS 10.2.x o versiones anteriores.

Instalación de Dreamweaver

1. Se introduce el CD de Dreamweaver en la unidad de CD-ROM.
2. Dependiendo del sistema operativo:
• En Windows, se iniciará automáticamente el programa de instalación.
• En Macintosh, se hace doble clic en el icono del instalador de Dreamweaver que aparece en el escritorio.
3. Se siguen las instrucciones que aparecen en pantalla.
   El programa de instalación solicitará la información necesaria.

1. Si el sistema lo solicita, reinicie el sistema.

 

Ejecución de Dreamweaver

Se puede iniciar la aplicación de diferentes formas:
Hay que ir seleccionando; en primer lugar se pulsa botón Inicio,después se elige la opción Macromedia y finalmente se debe pinchar sobre el Icono Macromedia Dreamweaver 8.


Durante la instalación se daba la opción de instalar un icono en el Escritorio. En caso de haber elegido esta opción, se podrá iniciar pulsando dos veces sobre dicho icono, figura 1.2.



De igual forma se da la opción de instalar un icono en el menú de inicio rápido, por lo que en este caso también se podrá iniciar pinchando una vez sobre dicho icono, figura 1.3.

Práctica 6 - Estructura Página Web

Toda página Web tiene una estructura que permite al programador saber de antemano qué tipo de información necesita introducir. Esto ayuda a que la página que diseña sea claramente legible y se pueda modificar más fácilmente. Si una página Web es complicada en su diseño, habrá muy pocos que sepan dar el mantenimiento adecuado. Abajo se muestra la estructura lógica de una página Web.

Práctica 5 - Objetivos y contenidos de una página Web

Un sitio web es una colección de páginas web relacionadas y comunes a un dominio de Internet o subdominio en la World Wide Web en Internet.
Una página web es un documento HTML/XHTML que es accesible generalmente mediante el protocolo HTTP de Internet.
Todos los sitios web públicamente accesibles constituyen una gigantesca World Wide Web de información (un gigantesco entramado de recursos de alcance mundial).
A las páginas de un sitio web se accede frecuentemente a través de un URL raíz común llamado portada, que normalmente reside en el mismo servidor físico. Los URL organizan las páginas en una jerarquía, aunque los hiperenlaces entre ellas controlan más particularmente cómo el lector percibe la estructura general y cómo el tráfico web fluye entre las diferentes partes de los sitios.
Algunos sitios web requieren una subscripción para acceder a algunos o todos sus contenidos. Ejemplos de sitios con subscripción incluyen muchos portales de pornografía en Internet, algunos sitios de noticias, sitios de juegos, foros, servicios de correo electrónico basados en web, sitios que proporcionan datos de bolsa de valores e información económica en tiempo real, etc.

Práctica 4 - Lenguajes para la creación de Páginas Web.

Los diferentes lenguajes de programación para la web

Actualmente existen diferentes lenguajes de programación para desarrollar en la web, estos han ido surgiendo debido a las tendencias y necesidades de las plataformas. En el presente artículo pretende mostrar las ventajas y desventajas de los lenguajes más conocidos.
Desde los inicios de Internet, fueron surgiendo diferentes demandas por los usuarios y se dieron soluciones mediante lenguajes estáticos. A medida que paso el tiempo, las tecnologías fueron desarrollándose y surgieron nuevos problemas a dar solución. Esto dio lugar a desarrollar lenguajes de programación para la web dinámicos, que permitieran interactuar con los usuarios y utilizaran sistemas de Bases de Datos. A continuación daremos una introducción a los diferentes lenguajes de programación para la web.

Lenguaje HTML

Desde el surgimiento de internet se han publicado sitios web gracias al lenguaje HTML. Es un lenguaje estático para el desarrollo de sitios web (acrónimo en inglés de HyperText Markup Language, en español Lenguaje de Marcas Hipertextuales). Desarrollado por el World Wide Web Consortium (W3C). Los archivos pueden tener las extensiones (htm, html).
 

Lenguaje Javascript

Este es un lenguaje interpretado, no requiere compilación. Fue creado por Brendan Eich en la empresa Netscape Communications. Utilizado principalmente en páginas web. Es similar a Java, aunque no es un lenguaje orientado a objetos, el mismo no dispone de herencias. La mayoría de los navegadores en sus últimas versiones interpretan código Javascript.
El código Javascript puede ser integrado dentro de nuestras páginas web. Para evitar incompatibilidades el World Wide Web Consortium (W3C) diseño un estándar denominado DOM (en inglés Document Object Model, en su traducción al español Modelo de Objetos del Documento).

Lenguaje PHP

Es un lenguaje de programación utilizado para la creación de sitio web. PHP es un acrónimo recursivo que significa “PHP Hypertext Pre-processor”, (inicialmente se llamó Personal Home Page). Surgió en 1995, desarrollado por PHP Group.
PHP es un lenguaje de script interpretado en el lado del servidor utilizado para la generación de páginas web dinámicas, embebidas en páginas HTML y ejecutadas en el servidor. PHP no necesita ser compilado para ejecutarse. Para su funcionamiento necesita tener instalado Apache o IIS con las librerías de PHP. La mayor parte de su sintaxis ha sido tomada de C, Java y Perl con algunas características específicas. Los archivos cuentan con la extensión (php).

Lenguaje ASP.NET

Este es un lenguaje comercializado por Microsoft, y usado por programadores para desarrollar entre otras funciones, sitios web. ASP.NET es el sucesor de la tecnología ASP, fue lanzada al mercado mediante una estrategia de mercado denominada .NET.
El ASP.NET fue desarrollado para resolver las limitantes que brindaba tu antecesor ASP. Creado para desarrollar web sencillas o grandes aplicaciones. Para el desarrollo de ASP.NET se puede utilizar C#, VB.NET o J#. Los archivos cuentan con la extensión (aspx). Para su funcionamiento de las páginas se necesita tener instalado IIS con el Framework .Net. Microsft Windows 2003 incluye este framework, solo se necesitará instalarlo en versiones anteriores.

Lenguaje JSP

Es un lenguaje para la creación de sitios web dinámicos, acrónimo de Java Server Pages. Está orientado a desarrollar páginas web en Java. JSP es un lenguaje multiplataforma. Creado para ejecutarse del lado del servidor.
JSP fue desarrollado por Sun Microsystems. Comparte ventajas similares a las de ASP.NET, desarrollado para la creación de aplicaciones web potentes. Posee un motor de páginas basado en los servlets de Java. Para su funcionamiento se necesita tener instalado un servidor Tomcat.

Lenguaje Python

Es un lenguaje de programación creado en el año 1990 por Guido van Rossum, es el sucesor del lenguaje de programación ABC. Python es comparado habitualmente con Perl. Los usuarios lo consideran como un lenguaje más limpio para programar. Permite la creación de todo tipo de programas incluyendo los sitios web.
Su código no necesita ser compilado, por lo que se llama que el código es interpretado. Es un lenguaje de programación multiparadigma, lo cual fuerza a que los programadores adopten por un estilo de programación particular:

• Programación orientada a objetos.
• Programación estructurada.
• Programación funcional.
• Programación orientada a aspectos.
•  

  Lenguaje Ruby

  Es un lenguaje interpretado de muy alto nivel y orientado a objetos. Desarrollado en el 1993 por el programador japonés Yukihiro “Matz” Matsumoto. Su sintaxis está inspirada en Phyton, Perl. Es distribuido bajo licencia de software libre (Opensource).
  
  Ruby es un lenguaje dinámico para una programación orientada a objetos rápida y sencilla. Para los que deseen iniciarse en este lenguaje pueden encontrar un tutorial interactivo de ruby. Se encuentra también a disposición de estos usuarios un sitio con informaciones y cursos en español.
  
  

Práctica 3 - Teoría del color

Teoría del color

Ilustración de la Teoría de los colores del poeta y científico alemán Johann Wolfgang von Goethe, 1809.

En el arte de la pintura, el diseño gráfico, la fotografía, la imprenta y en la televisión, la teoría del color es un grupo de reglas básicas en la mezcla de colores para conseguir el efecto deseado combinando colores de luz o pigmento. La luz blanca se puede producir combinando el rojo, el verde y el azul, mientras que combinando pigmentos cian, magenta y amarillo se produce el color negro.

Práctica 2 - Diseño de paginas Web

Diseño web

El diseño web es una actividad que consiste en la planificación, diseño e implementación de sitios web y páginas web. No es simplemente una aplicación del diseño convencional, ya que requiere tener en cuenta cuestiones tales como navegabilidad, interactividad, usabilidad, arquitectura de la información y la interacción de medios como el audio, texto, imagen y vídeo. Se lo considera dentro del diseño multimedial.

La unión de un buen diseño con una jerarquía bien elaborada de contenidos aumenta la eficiencia de la web como canal de comunicación e intercambio de datos, que brinda posibilidades como el contacto directo entre el productor y el consumidor de contenidos, característica destacable del medio.

El diseño web ha visto amplia aplicación en los sectores comerciales de Internet especialmente en la World Wide Web. Asimismo, a menudo la web se utiliza como medio de expresión plástica en sí. Artistas y creadores hacen de las páginas en Internet un medio más para ofrecer sus producciones y utilizarlas como un canal más de difusión de su obra.

ZONAS AUREAS

Las zonas aureas son las partes mas resaltantes de una imagen,estas se obtienen dibidiendo la imagen con cuatro lineas,dos horizontales y dos verticales,el centro que cruzan estas lineas es una zona aurea,estas dos lines tabien se dibiden en dos lines horizontales y dos verticales y sus centros son tambien zonas aureas.
   

Dirección

Una dirección, también dirección de E-mail, o dirección de Internet, o dirección de Red, o dirección Web, es una serie de letras, números, y/o símbolos con los que identificarte a tí mismo y por los cuáles Internet te identifica a tí (en realidad, a tu ordenador). Una dirección puede ser también un lugar donde se almacena información.

Con el uso de direcciones, la gente puede enviar e-mail, mirar sitios web y enviar o recibir archivos y documentos.
Una dirección de e-mail tiene el formato nombredeusuario@nombredeanfitrión.com, donde el nombre de usuario es un nombre que tú has elegido y el nombre de anfitrión es el de tu ISP o proveedor de E-mail. El símbolo en el centro es el símbolo arroba (@).
Una dirección web o URL es como los números de teléfono, cada uno es diferente. Una dirección web generalmente empieza por http://www seguido por un punto y entonces un Nombre de Dominio. La dirección acaba en .com, .es, .de, etc. dependiendo del país, por ejemplo http://www.tengodeudas.com
Un dirección de Internet hace referencia a las dos direcciones anteriores, dirección de correo electrónico y dirección web, así como a dirección IP, que es un número asignado a un ordenador que está conectado a Internet.

sentido

sentido es la forma en que la persona interprete tu pagina ejemplo si tu creas una pagina web y de color de fondo le pones negro por elegancia o equis cosa otra persona creería que eres un gótico toma como ejemplo el color de fondo de yahoo que es verde que es un color que tanto niños como adultos lo toman como u color perfecto y muy suave que en informatica significa muy apropiado y que no da multiples significados.

 EQUILIBRIO
El diseño de una página web incluye el empleo de varias disciplinas, entre las que se encuentra el diseño gráfico. La presentación visual de una página web es una representación gráfica y como tal sigue los lineamientos generales del diseño gráfico. Los elementos componentes de una página web deben ser combinados de forma tal que el objetivo con el que se diseña sea logrado. Cada componente de la página web tiene una jerarquía respecto de los otros, por lo que es necesario buscar la combinación de elementos que haga posible que esta jerarquía se vea resaltada. El diseñador debe lograr que la página tenga la máxima eficiencia comunicativa que sea posible. Esto solo es posible mediante el impacto visual, logrado con la correcta disposición de los elementos.
Para que el mensaje llegue al usuario, todos los elementos deben estar equilibrados. Este equilibrio tiene una serie de reglas básicas que todo diseñador de páginas web y diseñador gráfico debe conocer. Sin embargo, un error frecuente en el diseño es realizar el mismo para luego introducir los componentes, cuando en realidad el diseño debe estar pensado para que los componentes se vean de tal forma que el mensaje llegue en forma correcta al usuario.

Práctica 1 - Diseño

Podemos definir el diseño gráfico como el proceso de programar, proyectar, coordinar, seleccionar y organizar una serie de elementos para producir objetos visuales destinados a comunicar mensajes específicos a grupos determinados.

La función principal del diseño gráfico será entonces transmitir una información determinada por medio de composiciones gráficas, que se hacen llegar al público destinatario a través de diferentes soportes, como folletos, carteles, trípticos, etc.

El diseño gráfico busca transmitir las ideas esenciales del mensaje de forma clara y directa, usando para ello diferentes elementos gráficos que den forma al mensaje y lo hagan fácilmente entendible por los destinatarios del mismo.



El diseño gráfico no significa crear un dibujo, una imagen, una ilustración, una fotografía. Es algo más que la suma de todos esos elementos, aunque para poder conseguir poder comunicar visualmente un mensaje de forma efectiva el diseñador debe conocer a fondo los diferentes recursos gráficos a su disposición y tener la imaginación, la experiencia, el buen gusto y el sentido común necesarios para combinarlos de forma adecuada.

El resultado final de un diseño gráfico se denomina grafismo, y es una unidad por sí misma, aunque esté compuesto por multitud de elementos diferentes. Podemos establecer una analogía entre un grafismo y un plato de cocina. Ambos están compuestos por diferentes elementos individuales que, unidos correctamente y con sabiduría, componen una obra final única y definida que va más allá de la suma de las partes que la forman.