unidad 2

12
Unidad 2 Establecer acceso a base de datos en paginas web mediante el desarrollo de código en un lenguaje de programación

Upload: alonso-fernandez

Post on 06-Aug-2015

27 views

Category:

Software


0 download

TRANSCRIPT

Page 1: unidad 2

Unidad 2Establecer acceso a base de datos

en paginas web mediante el desarrollo de código en un lenguaje

de programación

Page 2: unidad 2

Configuración del entorno de trabajo de la base de datos

Page 3: unidad 2

O Unos de los tipos más comunes de páginas web dinámicas son los vinculados a bases de datos. Esto significa que usted tiene una página web que coge la información de una base de datos (la página web está conectado a la base de datos a través de la programación,) e inserta la información en la página web cada vez que esta se carga.

O Si la información almacenada en la base de datos cambia, la página web conectada a la base de datos también cambiará en consecuencia (y automáticamente) sin intervención humana.

http://www.killersites.com/translations/spanish/sitiosWebVinculadosAbasesDeDatos.html

Page 4: unidad 2

O Esto es comúnmente visto en los sitios web de organizaciones bancarias en línea, donde se puede acceder (con su nombre de usuario y contraseña) y ver el saldo de su cuenta bancaria. La información de su cuenta bancaria se almacena en una base de datos que está conectada a la página web a través de la programación (por ejemplo: PHP, ASP), permitiéndole ver su información bancaria.

http://www.killersites.com/translations/spanish/sitiosWebVinculadosAbasesDeDatos.html

Page 5: unidad 2

Uso de lenguaje de programación con soporte a base de datos Web

Page 6: unidad 2

SintaxisO La sintaxis, una subdisciplina de la lingüística

y parte importante del análisis gramatical, se encarga del estudio de las reglas que gobiernan la combinatoria de constituyentes y la formación de unidades superiores a estos, como los sintagmas y oraciones. 

La sintaxis, por tanto, estudia las formas en que se combinan las palabras, así como las relaciones sintagmáticas y paradigmáticas existentes entre ellas. 

Page 7: unidad 2

ContrasteO Se llama contraste a las diferencias que

existen entre dos elementos relacionados y es uno de los principios de diseño web. El contraste puede ser mayor o menor en la medida que mayores o menores sean las diferencias de estos elementos. Esto quiere decir que dos elementos que tienen pocas diferencias entre sus atributos tienen un contraste bajo, mientras que dos elementos cuyos atributos se diferencias mucho, tienen un alto contraste.

Page 8: unidad 2

VariablesO Antes de crear una variable, debe

abrir un sitio Web de FrontPage. (Si no está abierto un sitio Web de FrontPage, esta característica no estará disponible.)

O Puede crear variables en la ficha Parámetros del cuadro de diálogo Configuración del sitio. Obtendrá información exacta sobre cómo hacerlo en una práctica al final de esta lección.

Page 9: unidad 2

Formularios dinámicos en paginas web

mediante JavaScript

Page 10: unidad 2

O Una situación que se nos presenta cuando trabajamos con sitios web es la de crear campos de manera dinámica. En esta breve entrada explicaré como pueden crearse campos dinámicos en una página HTML aprovechando JavaScript.

O Supongamos el siguiente escenario:  Nos solicitan una página para la captura de artículos con la particularidad de que el usuario pueda agregar tantos como desee. La finalidad es claro: acelerar la captura.

http://elpoli.delphiaccess.com/phpjavascript-formularios-con-campos-dinamicos/

Page 11: unidad 2

Ejemplo 1O <form id="formdinamico" name="formdinamico"

action="prueba.php">O  O    <table border="0" width="100%">   O       <tr>O         <td></td>O         <a href='JavaScript:agregarCampo();'>

Agregar campo de captura </a>O       </tr>O    </table>O  O </form>

http://elpoli.delphiaccess.com/phpjavascript-formularios-con-campos-dinamicos/

Page 12: unidad 2

Ejemplo 2O function agregarCampo(){O   campos = campos + 1;O   var NvoCampo= document.createElement("div");O   NvoCampo.id= "divcampo_"+(campos);O   NvoCampo.innerHTML= O      "<table>" +O      "   <tr>" +O      "     <td nowrap='nowrap'>" +O      "        <input type='text' size='50' name='articu_" + campos + O                    "' id='articu_" + campos + "'>" +O      "     </td>" +O      "     <td nowrap='nowrap'>" +O      "        <a href='JavaScript:quitarCampo(" + campos +");'> Quitar </a>" +O      "     </td>" +O      "   </tr>" +O      "</table>";O    var contenedor= document.getElementById("contenedorcampos");O    contenedor.appendChild(NvoCampo);O }

http://elpoli.delphiaccess.com/phpjavascript-formularios-con-campos-dinamicos/