Formularios y macros, Hojas de Estilo CSS

ESTUDIANTE: PAMELA SOLEDAD OJEDA

ZEBALLOS
DOCENTE: EBAR MAMANI
MATERIA: SISTEMAS INFORMÁTICOS
FECHA: 14 DE OCTUBRE DE 2021
CURSO: 6to “A”
FORMULARIO:

Un formulario es un documento, ya sea físico o digital, diseñado con el propósito de que el

usuario introduzca datos estructurados (nombre, apellidos, dirección, etc.) en las zonas del
documento destinadas a ese propósito, para ser almacenados y procesados posteriormente.

En informática, un formulario consta de un conjunto de campos de datos solicitados por un

determinado programa, los cuales se almacenarán para su procesamiento y posterior uso.
Cada campo debe albergar un dato específico, por ejemplo, el campo "Nombre" debe
rellenarse con un nombre personal; el campo "Fecha de nacimiento" debe aceptar una fecha
válida, etc.

En un formulario se pueden integrar:

• Cajas y zonas de texto

• Listas de selección

• Opciones

• Casillas de verificación

• Botones

Existen diferentes maneras de procesar la información:

Lenguajes en el servidor (PHP, Perl, Pyton, Ruby, ..). Envío a una web

CGI (Common Gateway Interface). Envío a un ejecutable

MAILTO. Envío a una dirección de correo electrónico

PHP es un lenguaje parecido a C, que permite escribir scripts ejecutables en un servidor

web

Ventajas de PHP frente otros lenguajes Web de servidor:

• Software libre

• Está muy difundido en internet

• Convive con el código HTML

• Permite acceder fácilmente al motor de base de datos MySQL

El correo electrónico es la forma más fácil de procesar un formulario.

Exige un requisito que hace que la hace poco útil:

En el ordenador del usuario se precisa un cliente de correo configurado (Thunderbird,

Evolution,..)

No todos los usuarios leen el correo mediante una aplicación de este tipo

La mayoría utiliza correos tipo web mail (Yahoo, Gmail, GMX,...)

Etiqueta form

La etiqueta <form> define un formulario y su cierre es mediante </form>. Entre ambas

etiquetas se colocan los elementos o controles que se muestran más adelante. Para
configurar el comportamiento de un formulario se disponde de los siguientes atributos:

• name e id

• action

• method

• enctype

Etiqueta form

Name e id

Para que el código pueda interactuar con un formulario se ha de poner nombre a todo,
utilizando los atributos name e id. Operan como nombres de variable

<form name="registro 001" id="registro 001"... >

Ejemplos:

Para realizar validaciones JavaScript antes del envío a un servidor, se emplea name

Para capturar desde PHP los valores enviados desde un formulario, se emplea name

Para aplicar hojas de estilo, funciones JavaScript o para AJAX, se utiliza id

Etiqueta form

Action

Especifica la acción a realizar cuando se envía el formulario

La acción (para quien no sepa PHP) consiste en enviar la información por correo
electrónico, utilizando mailto:

<Form action="mailto:info@um.es">

Lo lógico sería enviar los datos a un script en lenguaje PHP

<form action="gestion.php">

MACRO:

Las macros son programas que ejecutan paso a paso una serie de instrucciones. El ejemplo
más útil sería para corregir un texto y cambiar determinadas palabras por otras o bien
cambiar el aspecto de un documento.

Crear una macro

1. Para crear una macro, seleccione la pestaña Programador y pulse grabar macro:

2. A continuación elija el nombre de la macro

3. Seleccione cuidadosamente los pasos que debe dar.

Una macro (del griego μακρο, makro, que significa ‘grande’) ―abreviatura de
macroinstrucción― es una serie de instrucciones que se almacenan para que se puedan
ejecutar de manera secuencial mediante una sola llamada u orden de ejecución. Dicho de
otra manera, un macroinstrucción es una instrucción compleja, formada por otras
instrucciones más sencillas. Esto permite la automatización de tareas repetitivas.

Macros de aplicaciones: son un grupo de instrucciones que se ejecutan secuencialmente y

se utilizan para economizar tareas. Una macro no es más que un conjunto de instrucciones
(tales como «borrar archivo», «añadir registro», etc.), y que se almacenan en una ubicación
especial. Por ejemplo, en Microsoft Access se observa que hay una zona para crear macros.
Una macro en Access trabajando para una base de datos podría ser un archivo que, al
llamarse desde otra instrucción, borrara los registros de un cliente o accionista, luego
borrara ciertos registros en otras tablas.

Macros en programación

Macros ocultas: las macros ocultas son órdenes complejas de tipo macro que se han
declarado en el código fuente pero que permanecen ocultas por motivos de seguridad, por
acceso restringido, etc.

HOJAS DE ESTILO CSS.

Una hoja de estilo es un archivo de extensión *.CSS (CSS, Cascading Style Sheets = Hojas
de estilo) que contempla definiciones de formato (tipo de fuente, tamaño, color de la fuente,
color de fondo, párrafos, etc) de las distintas etiquetas que forman una página *.HTML.

Su principal ventaja es definir un mismo aspecto para todas las páginas de un sitio web. Se
crea una hoja de estilo y se vinculan todas las páginas del sitio web a este archivo.
Cualquier cambio efectuado en la hoja de estilo afecta instantáneamente al formato de todas
las páginas vinculadas a la misma.

Cuando desde el editor HTML visual se asocia un formato a un fragmento de texto o bien
se convierte en un enlace lo que realmente se está haciendo es situar ese texto entre
etiquetas HTML para que el navegador lo interprete y visualice adecuadamente.
Ejemplo: Si desde Kompozer seleccionas el texto titular de una página web y a
continuación despliegas la lista de formatos para seleccionar Título 1 (de forma similar a lo
propuesto en las actividades anteriores de este curso), realmente el fragmento de texto se ha
“etiquetado” como <h1> Texto seleccionado … </h1>. Si hubieramos elegido Título 2 se
habría etiquetado con <h2> … </h2>, etc.

Formatos

Algunas etiquetas HTML son:

<body> … </body> . Contienen todos los caracteres que forman la página web.

<h1> … </h1>, …, <h6> …</h6>. Permiten definir títulos de distintos tamaños (hasta 6).

<p> … </p>. Contienen el texto de un párrafo.

<a href=”http://...”>Texto del enlace</a>. Se utiliza para crear enlaces.

Existen muchas más etiquetas pero en esta práctica sólo vamos a modificar el formato
(color, tipo, tamaño, efecto, etc) de los textos etiquetados con las que se citan.

En esta práctica vamos a crear una hoja de estilo y se vinculará a una página.