lunes, 18 de mayo de 2015

Modificar registro

Para modificar un registro realizaremos los siguientes pasos:

1.- Agregar dos columnas a la tabla del archivo “usuarios.php”:


OBS: Crear dos hipervínculos (Edit y Del con #)

2.- Crear un archivo PHP y guardarlo con el siguiente nombre:

edicion_usuario.php

3.- ir al panel de “Insertar”  y seleccionar la opción “Actualizar registro”:



4.- Se visualizarán las siguientes instrucciones de configuración:



5.- Seleccionar la opción (4) Crear un Juego de registro, se visualizarán el siguiente cuadro de configuración, ingresar la siguiente información:



6.- Presionar la opción “Aceptar”.

7.- Presionar la opción “Aceptar”.

8.- Se visualizará el siguiente mensaje:



9.- Presionar la opción “Aceptar”.


10.- Ir al menú de aplicación presionar “Insertar”, “Objetos de datos”, “Actualizar registro” y “Asistente de formulario de actualización de registro”:



11.- Visualizaremos el siguiente cuadro de configuración, ingresaremos la siguiente información:



12.- Presionamos la opción “Aceptar”.

13.- Visualizaremos el siguiente resultado:



14.- En el archivo “usuarios.php” modificaremos el siguiente enlace:



<a href="#">Edit</a>


15.- Agregar el siguiente código al enlace:

<a href="edicion_usuario.php?rut=<?php echo $row_Recordset1['rut']; ?>">


16.- Presionaremos la opción F12 desde el archivo “usuarios.php” para probar, visualizaremos el siguiente resultado:



17.- Presionaremos sobre el enlace “Edit” y visualizaremos el siguiente formulario de edición:



18.- Modificamos el Nombre por “Alejandro” y visualizaremos el siguiente resultado:


Eliminar registro

Para modificar un registro realizaremos los siguientes pasos:

1.- Crear un archivo PHP y guardarlo con el siguiente nombre:

eliminar_usuario.php

2.- ir al panel de “Insertar”  y seleccionar la opción “Eliminar registro”:



3.- Visualizaremos el siguiente cuadro de configuración, ingresar la siguiente información:



4.- Presionar la opción “Aceptar”.

5.- Visualizaremos el siguiente comportamiento en el panel de “Comportamientos del servidor”:



6.- En el archivo “usuarios.php” modificaremos el siguiente enlace:

<a href="#">Del</a>

7.- Agregar el siguiente código al enlace:

<a href="eliminar_usuario.php?rut=<?php echo $row_Recordset1['rut']; ?>">Del</a>

8.- Presionaremos la opción F12 desde el archivo “usuarios.php” para probar, visualizaremos el siguiente resultado:



9.- Presionaremos sobre el enlace “Del” correspondiente al RUT 1-9:

10.- Visualizaremos el siguiente resultado:


Crear nuevo registro

Para insertar un registro realizaremos los siguientes pasos:

1.- Crear un archivo PHP y guardarlo con el siguiente nombre:

nuevo_usuario.php

2.- Crear el siguiente formulario:



3.- Seleccionar el botón “Enviar” ir al panel de “Comportamientos del servidor”  y seleccionar la siguiente opción:

Insertar registro

4.- Visualizaremos el siguiente cuadro de configuración para la inserción de registro, seleccionar las siguientes opciones:


5.- Presionar la opción “Aceptar”.


6.- Visualizaremos el comportamiento en el panel de “Comportamientos del servidor”:



7.- Presionaremos F12 para probar e insertaremos un registro:





8.- El siguiente será el resultado:




Crear un juego de registros

1.- Crear un archivo PHP y guardarlo con el siguiente nombre:

usuarios.php

2.- Ir al panel de “Comportamientos del servidor”  y seleccionar la siguiente opción:
Juego de registros:

3.- Visualizaremos la siguiente ventana de configuración del juego de registros e ingresaremos la siguiente información:


Nombre: Puede ser cualquier valor, será el nombre de nuestro juego de registros.
Conexión: Debemos seleccionar la conexión a la base de datos.
Tabla: Debemos seleccionar la tabla que deseamos consultar.
Columnas: Todo incluye todas las columnas, Seleccionado incluye solo una columna.
Filtro: Nos permite realizar una búsqueda con filtro simple.
Ordenar: Nos permite ordenar el juego de registros de forma ascendente o descendente con cualquiera de los campos seleccionados.


4.- Presionamos sobre la opción “Prueba” y el siguiente debe ser el resultado:



5.- Presionar “Aceptar” , nuevamente “Aceptar” y visualizaremos el juego de registros en el panel de Comportamientos del servidor:



6.- Insertaremos la siguiente tabla en la ventana de documento:



7.- Ir al panel de “Comportamientos del servidor”  seleccionar la pestaña “vinculaciones” y expandir el juego de registros como visualizamos en la siguiente imagen:



8.- Presionar cada uno de los campos y arrastrarlos a la columna correspondiente de la tabla anteriormente creada:



9.- Para probar presionar F12 y visualizaremos el siguiente resultado:


OBS: Nuestra prueba obtenía como resultado tres registros y nuestro resultado anterior solo obtiene un registro, para lograr esto en ejecución deberemos agregar el siguiente comportamiento de servidor:


10.- Seleccionar la siguiente fila desde la vista código de la tabla creada anteriormente:



11.- Con la fila seleccionada ir al panel de “Comportamientos del servidor”  y seleccionar el siguiente comportamiento:
Repetir región


12.- Visualizaremos la siguiente ventana de configuración de la repetición de registros e ingresaremos la siguiente información:




13.- Presionar “Aceptar” y visualizaremos el comportamiento de Repetición en el panel de Comportamientos del servidor:




14.- Presionamos F12 y visualizaremos todos los registros en tiempo de ejecución:




viernes, 8 de mayo de 2015

Conexión a una Base de datos MySQL

Para crear una conexión debemos realizar los siguientes pasos:

1.- Ir al menú de aplicación seleccionar ventana y la siguiente opción:




2.- Y presionamos las siguientes opciones:




3.- Visualizaremos el siguiente cuadro para la configuración de la conexión, ingresar los siguientes valores y presionar el botón "prueba":




4.- Si visualizamos el siguiente mensaje significará que la conexión es correcta:


5.- Presionar el botón "Aceptar" y veremos la información de conexión en el panel de comportamientos del servidor:






miércoles, 6 de mayo de 2015

DIV con posicionamiento flotante

La potencialidad de esta opción, es que desplaza este elemento todo lo que pueda a la dirección indicada, hasta encontrar el límite del elemento contenedor, u otro elemento también flotante, además hace que todos los elementos fluyan a su alrededor.

Crearemos un archivo HTML con dos elementos div con posición flotante a la izquierda y a la derecha, como vemos en la siguiente imagen:




Realizaremos los siguientes pasos:

1.- Crearemos un archivo HTML en blanco.


2.- Presionaremos la siguiente opción para insertar un DIV:




3.- Ingresar en siguiente nombre de ID y presionar el botón "Nueva regla CSS":



4.- Presionar el botón "Aceptar":

5.- Visualizaremos el cuadro de edición de regla CSS, en la la opción tipo definiremos fuente color blanco.

6.- En la la opción Fondo definiremos el color negro.

7.- En la opción Cuadro ingresaremos el ancho, alto y float left:





8.- Presionaremos el botón "Aceptar":

9.- Presionaremos el botón "Aceptar":

10.- Presionaremos la siguiente opción para insertar un DIV:





11.- Ingresar en siguiente nombre de ID y presionar el botón "Nueva regla CSS":





12.- Presionar el botón "Aceptar":


13.- Visualizaremos el cuadro de edición de regla CSS, en la la opción tipo definiremos fuente color blanco.

14.- En la la opción Fondo definiremos el color rojo.

15.- En la opción Cuadro ingresaremos el ancho, alto y float left:





16.- Presionaremos el botón "Aceptar":

17.- Presionaremos el botón "Aceptar":

18.- Presionaremos F12 y visualizaremos el siguiente resultado:









¿Cuáles son las versiones de HTML?

HTML fue desarrollado originalmente por Tim Bernes-Lee pero debido al rápido crecimiento de la web, surgió la necesidad de crear un estándar para que tanto los programadores como los navegadores pudieran basarse en unas mismas normas para escribir HTML. Cada versión de HTML establece unas normas respecto a cuáles son las etiquetas válidas y cómo se deben escribir.



Los estándares oficiales HTML son el HTML 2.0, el HTML 3.2, el HTML 4.0 y el HTML 4.01, aunque actualmente se trabaja en el HTML 5. El HTLM 5 ya está empezando a ser usado aunque todavía no es una especificación oficial. El XHTML, una forma más avanzada del HTML que se suponía iba a sustituir a éste, va a quedar integrado dentro del HTML 5.


Evolución de HTML:

HTML 2.0: En 1995 se publica el estándar HTML 2.0. A pesar de su nombre, HTML 2.0 es el primer estándar oficial de HTML, es decir, el HTML 1.0 no existió como estándar. HTML 2.0 no soportaba tablas.
Se simplificaba al máximo la estructura del documento para agilizar su edición, donde la declaración explícita de los elementos body, html y head es opcional.

HTML 3.2: La versión HTML 3.2 se publicó en 1997 y es la primera recomendación de HTML publicada por el W3C (Consorcio internacional). Esta revisión incorporó los últimos avances de las páginas web desarrolladas hasta 1996, como applets de Java y texto que fluye alrededor de las imágenes.

HTML 4.01: La última especificación oficial de HTML se publicó en diciembre de 1999 y se denomina HTML 4.01. Desde la publicación de HTML 4.01, el W3C se centró en el desarrollo del estándar XHTML. Por este motivo, en el año 2004, las empresas Apple, Mozilla y Opera mostraron su preocupación por la falta de interés del W3C en HTML y decidieron organizarse en una nueva asociación llamada WHATWG (Web Hypertext Application Technology Working Group) que comenzó el desarrollo del HTML 5, cuyo primer borrador oficial se publicó en enero de 2008. Debido a la fuerza de las empresas que forman el grupo WHATWG y a la publicación de los borradores de HTML 5.0, en marzo de 2007 el W3C decidió retomar la actividad estandarizadora de HTML, y actualmente W3C está trabajando para el lanzamiento del estándar HTML 5.0, dentro del cual ha decidido integrar el XHTML.

HTML 5.0, HTML 5.1 y HTML 5.2: El consorcio internacional W3C marcó las siguientes fechas para liberación de los estándares de especificación: 2014/2015 para HTML 5.0, 2016 para HTML 5.1 y 2019 para HTML 5.2

Hasta el momento la versión de HTML más utilizada ha venido siendo la 4.01. Esta versión fue definida por la W3C (Comité Internacional que define los estándares web) hace varios años. Actualmente ya está disponible la nueva versión de HTML, denominada HTML 5. Esta versión ya se está usando de modo experimental y se espera que se imponga como estándar en los próximos años.

Además de cada versión, cada una tiene variantes (digamos que “distintas formas”). Cuando escribimos un documento HTML debemos indicar en una línea inicial qué versión y variante es la que estamos usando de forma que cualquier persona que lea ese documento HTML sepa qué versión y variante se ha empleado. Las variantes del HTML 4.01 son:

HTML 4.01 Strict: En este tipo de documentos podemos usar etiquetas HTML 4.01, pero no se aceptan etiquetas obsoletas, es decir, etiquetas propias de versiones más antiguas. Es la versión que si usamos en teoría nos debería dar un resultado óptimo en los navegadores más modernos. Esto no siempre es así, como explicaremos un poco más adelante.

HTML 4.01 Transitional: En este tipo de documentos se pueden usar todas las etiquetas de todas las versiones de HTML. Usar esta variante de HTML plantea el interrogante de si es correcto permitir el uso de etiquetas obsoletas que podrían dejar de funcionar en las proximas versiones de los navegadores. Sin embargo, este es el estándar más usado, porque combina la posibilidad de usar etiquetas más antiguas y etiquetas más modernas, de forma que podamos aspirar a una mejor visualización en la mayor parte de los navegadores.

HTML 4.01 Frameset: Este tipo de documentos tiene soporte para frames. Los frames son unos marcos a modo de pequeñas subventanas dentro de una misma página web que se usaban mucho hace unos años pero que hoy en día se usan cada vez menos. Este tipo de HTML podemos considerarlo anticuado, porque hay otras formas de diseñar páginas web sin frames más modernas y útiles que nos permiten obtener el mismo resultado de forma más eficiente.



En la figura podemos ver cómo el ser más estrictos supone que tengamos que usar un menor número de etiquetas.


¿CUÁL ELIJO, Y CÓMO?

No te preocupes demasiado por utilizar una versión “correcta y concreta” sino por crear páginas web que se vean bien. Para ello debes aprender cómo se construye y cuál es la lógica del HTML, más que una versión concreta de éste. Ten en cuenta que hay diversidad de versiones y que no todos los navegadores se ciñen a los estándares, con lo cual no tiene demasiado sentido preocuparse por ceñirse a una versión. Te puede resultar un poco extraño, pero cuando adquieras experiencia en desarrollos web comprobarás que las normas para los desarrollos web no están 100 % claras.

Si ya sabías HTML pero nunca has separado contenido y diseño, o todos estos estándares te suenan a chino, usa el HTML normal, en concreto la versión 4.01, que es la última. Elige la rama Strict si necesitas cumplir el estándar Strict por algún motivo (por ejemplo porque te lo pida un cliente así específicamente). Usar la variante Strict puede resultar un poco más complicado porque tenemos más limitaciones. 

El XHTML es un lenguaje que va a quedar integrado dentro de HTML 5 y que no estudiaremos en este curso.

En un archivo HTML debemos indicar qué versión y variante estamos usando. Para indicar ésto hay que poner una línea al principio de la página web (del archivo donde está el contenido). No es una etiqueta, por tanto es algo rara y no hay que cerrarla ni ponerla en minúsculas. Eso sí, debemos ponerla en todos nuestros documentos.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">