viernes, 20 de abril de 2012

validar formularios practica 15


La validación de formularios sirve para hacer que Javascript valide el formulario antes de que se envíe el formulario, para que en el caso de que hayan campos del formulario que sean obligatorios, tengan que rellenarse antes de poder enviarse.
Para validar un formulario hay que abrir el panel de Comportamientos. Este panel se puede abrir a través del menú Ventana, opción Comportamientos, o pulsando Mayús+F3.
En este panel hay que desplegar el botón http://www.aulaclic.es/dreamweaver8/graficos/bmas2.gifpulsando sobre él, y en Mostrar eventos para elegir una versión de las actuales de entre la lista de navegadores. Por ejemplo, puedes elegir el navegador IE 6.0.
Después de esto, hay que volver a desplegar el botón http://www.aulaclic.es/dreamweaver8/graficos/bmas2.gif, y pulsar sobre la opción Validar formulario, deberás haber seleccionado el formulario previamente.

Validar formularios
 

Entonces se mostrará una ventana como la siguiente, donde aparecen todos los elementos del formulario.


Puede seleccionarse uno por uno cada elemento del formulario, pudiendo especificar los requisitos que ha de cumplir.
Puede establecerse como campo a rellenar obligatoriamente (Valor Obligatorio), y si su contenido ha de ser numérico (Número), una Dirección de correo electrónico, etc.

martes, 21 de febrero de 2012

practica 9 vinculo e hipervinculo


Vínculos en HTML
Este tutorial explica profundamente la naturaleza y el uso de vínculos en HTML. No sólo mostrará la sintaxis básica de los vínculos, sino que también revisará varias características que son habitualmente ignoradas y que pueden proveer mucha información invisible para diferentes intérpretes (por ejemplo, motores de búsqueda).
Tabla de contenidos
  1. 1 El tag HTML a
  2. 2 El atributo target
  3. 3 Información extra
  4. 4 Marcadores (vínculos dentro de la página)
  5. 5 Vínculos de e-mail
  6. 6 El tag HTML link
Páginas:12>
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).
para poder crear un hepervinculo o enlace en html conseguiremos el siguien codigo

<a href="http://www.descargabeta.com" target="main">Tu Texto</a><br />


Hipervinculo en la misma web o ventana


Ejemplo : Codigos Html

REsultados : le damos click y sale la opcion de que el hipervinculo se funde en la misma web

Hipervincunlo en una nueva ventana

ahora usaremos en siguiente codigo

<a href="http://www.descargabeta.com" target="_blank">tu texto</a><br />


Ejemplo: Codigos Html

Resultados : este enlace sale a una nueva ventana en opcion de Blank

Hipervínculos
Un hipervínculo es un vínculo de una página Web o un archivo a otra página Web u otro archivo. Cuando un visitante hace clic en el hipervínculo, el destino se mostrará en un explorador Web, se abrirá o se ejecutará, en función del tipo de destino. El destino es con frecuencia otra página Web, pero también puede ser una imagen, un archivo multimedia, un documento de Microsoft Office, una dirección de correo electrónico o un programa.

lunes, 20 de febrero de 2012

pagina web practica 8


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.
  4. Si el sistema lo solicita, reinicie el sistema.
  5.  

HTML: Estructura, cabecera  y cuerpo

Definimos una página web como lo que ve el usuario en la ventana de su navegador.
Un documento web es el código interno que genera esa página web, y que contiene elementos visibles en la página web y otros elementos que no serán visibles en ningún momento en la ventana del navegador.
Un documento web consta de dos partes bien diferenciadas: head y body
Cabecera o head: Es el código comprendido entre las etiquetas <HEAD> y </HEAD>, cuyo contenido no es visible en la ventana del navegador, pero muy importante para los buscadores.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML>
<HEAD>
<TITLE>Tutorial de html</TITLE>
<META NAME="Keywords" CONTENT="Tutorial de html">
<META NAME="Description" CONTENT="curso de html">
<META NAME="Distribution" CONTENT="Global">
<META NAME="Robots" CONTENT="All">
<META NAME="Language" CONTENT="ES">
<META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=ISO-8859-1">
</HEAD>
Cuerpo o body: Es el código comprendido entre las etiquetas <BODY> y </BODY>, cuyo contenido si es visible en la ventana del navegador.
<BODY>
<p>Mi tutorial de html</p>
</BODY>
Y siempre toda página web debe cerrar su código fuente con </HTML>
Paginas 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.
Además del titulo de la página, uno de los elementos que se pueden incluir aquí son los META tags, ellos sirven para indicar propiedades de la página como puede ser el nombre de su autor, descripción de la página, palabras clave para su búsqueda en los buscadores, por ejemplo:
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
Nos indica el tipo de contenido del documento, las propiedades mas comunes son las siguientes:
<meta name="autor" content="..."> //Autor de la pagina
<meta name="generator" content="..."> //Herramienta utilizada para hacer la pagina
<meta name="description" content="..."> //Descripción de la pagina
<meta name="keywords" content="..."> //Palabras clave para ser encontrada en los buscadores
Hay también otro elemento interesante que podemos incluir en nuestras cabeceras. Cuando especificamos una URL relativa en un enlace, en principio es para acceder a una página situada en nuestro servidor. Sin embargo, si especificamos:
<base href="http://www.hosnet.org/music">
Ahora todas nuestras URLs relativas se referirán al directorio /music dentro del servidor http://www.hosnet.org.  Aquí también definimos (en la cabecera) estilos y además agregar código javascript y algún otro tipo de código así como también en el cuerpo (body).
<style type="text/css"></style>
<script language="javascript" type="text/javascript"></script>
El cuerpo
Los parámetros que admite la etiqueta <BODY>
Background: define un grafico de fondo para la página.
bgcolor: define un color de fondo de la página.
text: cambia el color del texto
link: cambia el color de un enlace no visitado
leftmargin / topmargin: especifica el número de píxeles de margen entre el borde de la ventana y el contenido de la página, por default cero.
marginwidth / marginheight: igual en el caso anterior pero para navegadores de Netscape.
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.

martes, 14 de febrero de 2012

ensayo

DEFINIR OBJETIVOS Y CONTENIDOS DE LA PÁGINA WEB.

Es importante tomar uan decision par elegir que objetivos consideramos primordiales antes del desarrollo de la pagina web. La eleccion, condiciona de manera clave la concepcion y el diseño del proyecto, el cual debe ser coherente con los objetivos de la empresa
Tu web puede ser algo mas. Ya que habla por ti, por tus productos por tus servicios, por lo que ademas puede:
ofrecer al visitante ocasional una motivacion para contactar,
una razon para recordarte o quizas una utilidad que le ahorra tiempo, encontrar una informacion que estaba buscando.
Facilitar y agilizar el trabajo de colaboradores y de empleados.
Apoya laimagen de marca.
vende y completa el proceso de venta.
Ofrece asistencia y soporte tecnico.