Conceptos Esenciales de Desarrollo Web

Tablas

Enlaces Web

Tipos de Enlaces

• Enlace Relativo: Cuando la situación del documento a enlazar se explica a partir de la situación del documento que lo está enlazando.
• Enlace Absoluto: Cuando la dirección del documento a enlazar se especifica independientemente de donde se encuentre el documento desde el que se enlaza.

Establecer Enlaces a:

• Un apartado del documento actual.
• Un documento distinto o un lugar concreto de ese documento, situado en el equipo en el que está la página desde la que se llama.
• Un documento distinto o un lugar concreto de ese documento, situado en otro servidor.

Formularios

Formularios: Vía más común de interacción con el usuario, utilizados para alta de facturas, foros. Solo sirve para recabar información del usuario.

Programa externo al documento: CGI. Realizan las siguientes tareas:

• Verificación y manipulación de datos.
• Almacenar los datos en un archivo o en una base de datos.
• Reenviar los datos por correo electrónico.
• Leer los datos y devolver algún resultado al usuario.

Lenguajes Script

Tipos de Lenguaje Script:

• De parte del cliente: Se descarga el documento HTML en el cliente, el navegador al interpretar el código se encuentra con el script, llama al intérprete del lenguaje utilizado y muestra los resultados.
• De parte del servidor: Antes de enviar la página al cliente se ejecuta el código del script en el servidor y con el resultado se construye la página HTML que se va a enviar al cliente.

Cómo Crear un Formulario y Probarlo

Requisitos y Configuración:

• Para que la llamada a través de “action” le pase los datos recogidos en el formulario correctamente a un programa, se ha de tener instalado un servidor de páginas web: servidor HTTP: Apache.
• Los datos recibidos han de ser procesados por un programa en la parte del servidor, por lo que se necesita un intérprete para el lenguaje que se utilice: PHP.
• Hay un paquete de software que contiene estas dos herramientas entre otras: XAMPP. Se instalará habilitando al menos: Apache, PHP y MySQL.
• En la configuración por defecto, el espacio web disponible está en: C:/xampp/htdocs. Crear una carpeta [para el proyecto].

Cómo Probar un Ejercicio:

• Colocar [el archivo] en el directorio que se ha creado.
• Abrir el navegador y poner en la barra de direcciones: 127.0.0.1/miweb/....

Atributos Comunes de Formularios

• Radio: Permite elegir una opción de entre varias, siendo excluyentes unas de otras.
• Submit: Envía los datos que hay en ese momento a la página indicada por el atributo 'action'.
• file: Especifica un nombre de fichero a transmitir.
• name: Nombre de la variable que almacenará el dato.
• checked: Marca la casilla para tipos 'checkbox' o 'radio'.
• readonly: Para evitar que el usuario pueda modificar su contenido.
• value: Para datos tipo 'text', indica el valor inicial que aparecerá.