Práctica 19 - Correo Electronico.

Correo electrónico, o en inglés e-mail (electronic mail), es un servicio de red que permite a los usuarios enviar y recibir mensajes rápidamente (también denominadosmensajes electrónicos o cartas electrónicas) mediante sistemas de comunicación electrónicos. Principalmente se usa este nombre para denominar al sistema que provee este servicio en Internet, mediante el protocolo SMTP, aunque por extensión también puede verse aplicado a sistemas análogos que usen otras tecnologías. Por medio de mensajes de correo electrónico se puede enviar, no solamente texto, sino todo tipo de documentos digitales. Su eficiencia, conveniencia y bajo costo están logrando que el correo electrónico desplace al correo ordinario para muchos usoshabituales

PRACTICA15-VALIDACION DE FORMULARIOS(1)

Validando el formulario

Para validar es necesario contar con la ventana Inspector de etiquetas. Si no la tenemos visible a la derecha, tendremos que agregarla yendo a [Ventana > Inspector de etiquetas].

Luego, dentro del formulario, seleccionamos el botón Enviar, vamos a la ventana Inspector de etiquetas, y dentro de la solapa Comportamientos daremos clic sobre el signo +. Allí elegimos Validar formulario.

Especificaremos en cada uno de los componentes del formulario lo qué es aceptado dentro del mismo:

ValorObligatorio: con esta opción el campo debe tener un valor, no puede quedar vacío.

Aceptar
Cualquier cosa: acepta todos los caracateres.
Dirección de correo electrónico: sólo dirección de email, el script chequea que el email sea escrito correctamente.
Número: sólo números.
Número del... al...: sólo números entre un inicio y un fin, ideal para fechas.

Dando clic en Aceptar ya tendremos el formulario validado.

 

practica13-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.

Ejemplo de formulario renderizado por Mozilla Firefox (haz clic en la imagen para ver el código HTML generado por este formulario).

Un formulario en XHTML o HTML es la forma más común de usar un formulario en línea.
Los siguientes elementos pueden formar parte de un formulario del lado del usuario:

• Input
  • Text: una caja de texto que permite ingresar una sola línea de texto.
  • Checkbox: una casilla de selección.
  • Radio: un botón de opción.
  • File: un examinador para subir archivos.
  • Reset: un botón de reinicio que al activarse le dice al navegador que restaure los valores del formulario a su estado inicial
  • Submit: un botón que le dice al navegador que realice la acción del formulario (referido típicamente a mandarlo al servidor).
• Textarea: muy parecido a la caja de texto pero con la posibilidad de escribir múltiples líneas.
• Select: una lista de ítems que el usuario puede seleccionar.

La imagen de ejemplo de la derecha muestra todos estos elementos:

• Una caja de texto que permite ingresar un nombre.
• Un par de botones de opción para seleccionar el sexo.
• Una lista de colores de ojos a elegir.
• Un par de casillas de selección que son seleccionadas si se aplican al usuario.
• Un área de texto que describe la habilidad atlética.
• Un boton submit para enviar la información al servidor.

Estos elementos básicos proveen la mayor cantidad posible de elementos de las interfaces gráficas, pero no todos. Por ejemplo, no hay equivalentes a un combobox, globos de ayudas, vista de árbol, o vista tabular. Una vista tabular, sin embargo, puede ser imitada usando una tabla HTML estándar con elementos input text en cada celda. Una vista de árbol puede ser imitada por medio de tablas anidadas o bien, semánticamente hablando, con listas anidadas. Muchos de estos elementos están disponibles por medio de bibliotecas de JavaScript.

VINCULOS E HIPRVINCULOS-PRACTICA9

Los enlaces o links(en Inglés) nos permiten conectarnos con otros documentos:

• una imagen
• un video
• un archivo de sonido
• sitios en la web(otra página web)
• mandar un email

Para ello debemos usar la etiqueta <a> que proviene de la primera letra de la palabra anchor(ancla).

La etiqueta <a> tiene como cierre </a>.

---

Veamos un ejemplo

Vamos a crear un enlace hacia la home de Virtualnauta.com

Código

<a href="http://www.virtualnauta.com/">La home de Virtualnauta</a>

Resultado

La home de Virtualnauta

La etiqueta <a> nos señala que es un enlace.
El atributo href="http://www.virtualnauta.com/" indica la dirección donde nos conectaremos.
El texto La home de Virtualnauta es el que aparecerá en pantalla.
La etiqueta </a> es la etiqueta de cierre.

---

EL atributo target

Se utiliza para definir donde queremos que se abra el documento al presionar sobre el enlace.
El ejemplo de abajo abrirá el documento en una nueva página del navegador.

Código

<a href="http://www.vitualnauta.com/" target="_blank">La home de Virtualnauta</a>

Resultado

La home de Virtualnauta

---

EL atributo name

Este atributo se usa para definir una determinada ubicación dentro de la página.
Supongamos que definimos un destino de vínculo llamado "destino-uno" en el archivo "uno.html".

...texto antes del destino de vínculo...
<a name="destino-uno">Capítulo 1</a> <!-- Definimos un destino en el Capítulo 1 -->
...texto después del destino de vínculo...

Esto crea un destino de vínculo alrededor del texto: Capítulo 1.

Una vez definido el destino, podemos crear un enlace a él desde el mismo documento o desde otro diferente, utilizando un carácter "#" seguido del nombre del elemento.
Por ejemplo:

<a href="http://www.misitio.com/uno.html#destino-uno">Ir al Capítulo 1</a>

O en caso que el enlace está definido en el mismo documento:

<a href="#destino-uno">Ir al Capítulo 1</a>

---

Creando un enlace a un email

Se utiliza en caso que queramos que un enlace mande un email.
En el momento que presionamos dicho link se abrirá automaticamente el programa de email que tenemos definido por defecto.

Código

<a href="mailto:alguien@yahoo.com">Mandar email</a>

Resultado

Mandar email

mailto: nos indica la dirección email a la que va dirigida, en este ejemplo: alguien@yahoo.com.

---

Un enlace a partir de una imagen

Muchas veces queremos usar una imagen como enlace a otro documento. Para ello debemos colocar la etiqueta <img> entre las etiquetas <a> y </a> en lugar del texto.

Código

<a href="http://www.google.com/"><img src="../graficos/google.gif"></a>

PRACTICA8-PAGINA WEB

La cabecera
Suele ser el lugar indicado para colocar aquellos elementos de la página que no alteren el contenido de la misma, aunque sí la forma de presentarlo y su comportamiento. Es por eso que es el lugar más recomendable para colocar los scripts y las hojas de estilo
El cuerpo:
Aquí en esta parte ingresamos la información (el contenido de nuestra página) etiquetas HTML, código embebido de otros lenguajes permitidos embeberse en HTML. Aconsejable las propiedades y atributos de etiquetas HTML manejarlas con hojas de estilo.
Codigo HTML:
es el lenguaje de marcado predominante para la elaboración de páginas web. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes. El HTML se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo JavaScript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML.

practica7-DreamWeaver CS5

REQUISITOS MINIMOS:
En primer lugar se debe comprobar si esta version se puede instalar sobre el sistema operativo del ordenador.
INSTALACION DE DREAMWEAVER:

1-Se introduce el CD de dreamweaver en la unidad de CD-ROM

2-Dependiendo del sistema operativo:

           -en windows se iniciara automaticamente la instalacion del programa

           -en macintosh se hace doble clic en el icono del instalador de dreamweaver que aparece en el escritorio

3-Se siguen las instrucciones que salen en pantalla

   -El programa de instalacion pedira la informacion necesarea

4-Si el sistema lo solicita reinicie el sistema

PRACTICA5-OBJETIVOS Y CONTENIDOS DE UNA PAGINA WEB

Es importante tomar una decisión para elegir qué objetivos consideramos primordiales antes del desarrollo de la página web.La elección, condiciona de manera clave la concepción y el diseño del proyecto, el cual debe ser coherente con los objetivos de la empresa(o materia dependiendo de que necesites hacerlo). Debe Ofrecer al visitante ocasional una motivación para contactar, Una razón para recordarte o quizás una utilidad que le ahorra tiempo, Encontrar una información que estaba buscando. Facilitar y agilizar el trabajo de colaboradores y de empleados. Apoya la imagen de marca. Vende y completa el proceso de venta. Ofrece asistencia y soporte técnico. Facilita una comunicación ágil y fluida con tus clientes y proveedores. Cada empresa o persona debe elegir aquellos que mejor encajen con sus objetivos y las expectativas del negocio Un mismo sitio web puede perfectamente intentar cumplir varios objetivos simultáneamente aunque te recomiendo que lo abordes por fases. Empieza por 2 o 3 de ellos, y a medida que vayas viendo su evolución y aprendiendo de los errores y aciertos, puedes ir planificando nuevos objetivos. Para ilustrar estas ideas, los objetivos podemos agruparlos en:

a) Buscar Leads

O contactos. Ya sea para comprar, distribuir, vender, anunciarse, conseguir una visita comercial, una demostración de producto, etc...

b) Fidelización de clientes y apoyo a la venta. Branding, amplia información, soporte técnico, ayuda on-line, actualizaciones de producto, demostraciones interactivas, promociones, juegos, utilidades, foros, etc.

c) Ahorro de tiempo y dinero.