PDF de programación - Anexo - Programario y bases de datos

ANEXO



Programario y bases de datos



Página Web Online y Gestor de Stock

Miguel González Bitrián

1.2

1.3

Índice

1 Programación .................................................................................................................. 2
1.1 Lenguaje HTML ...................................................................................................... 2
1.1.1. Introducción ..................................................................................................... 2
1.1.2. Etiquetas HTML .............................................................................................. 2
1.1.3. Estructura básica de un documento HTML ..................................................... 3
1.1.4 Hojas de estilo en Cascada o CSS..................................................................... 4
1.1.5 DHTML ............................................................................................................ 4
Lenguaje PHP .................................................................................................... 5
1.2.1 Introducción ...................................................................................................... 5
1.2.2 História.............................................................................................................. 5
1.2.3 Sintaxis de PHP................................................................................................. 6
1.2.4 Bases de datos y PHP........................................................................................ 7
MySQL y Gestión de la base de datos .............................................................. 8
1.3.1 Introducción ...................................................................................................... 8
1.3.2 História.............................................................................................................. 8
1.3.3 MySQL i PHP ................................................................................................... 8
1.3.4 Características de MySQL ................................................................................ 8
1.3.5 Administración de la base de datos................................................................. 11
1.3.6 Seguridad de la base de datos ......................................................................... 12
1.4 Lenguaje JAVASCRIPT........................................................................................ 15
1.5 AJAX ..................................................................................................................... 16
1.5.1 ¿Qué es? .......................................................................................................... 16
1.5.2 Historia............................................................................................................ 17
1.5.3 Ventajas y desventajas .................................................................................... 18
1.5.4 Funcionamiento............................................................................................... 19
2. Otras posibles soluciones............................................................................................. 19
2.1 Microsoft SQL Server 2005................................................................................... 19
2.1.1 MySQL vs. Microsoft SQL Server ................................................................. 21
2.1.2 Microsoft Access vs. Microsoft SQL Server .................................................. 23
2.2 Conclusión ............................................................................................................. 26



-

1

Página Web Online y Gestor de Stock

Miguel González Bitrián



1 Programación


1.1 Lenguaje HTML


1.1.1. Introducción


HTML (Hyper Text Markup Language, lenguaje de marcas híper textuales) es
el lenguaje con el que se escriben las páginas Web. Las páginas Web pueden ser
vistas por el usuario mediante un tipo de aplicación del navegador. Por tanto, HTML
es el lenguaje utilizado por los navegadores para mostrar las páginas Web al
usuario.


Este lenguaje nos permite adjuntar textos, sonidos e imágenes para su
colocación en la página Web. Además nos permite hacer referencia a otras páginas
mediante los enlaces de hipertexto.


En sus inicios HTML se creo con objetivos divulgativos, no se pensó en las
que las páginas Web serían un espacio con carácter multimedia, y por tanto, se
creó sin dar respuesta a todos los usos que se le iban a dar posteriormente. Esto ha
hecho que se han tenido que ir incorporando modificaciones con el tiempo, son los
estándares HTML; actualmente estamos en el estándar HTML 4.01 i XHTML 2.0.


Para editar código HTML se pueden utilizar programas sencillos como el bloc
de notas o programas más complejos dedicados a la edición de código HTML como el
Microsoft FrontPage. También existe el famoso software de Adobe llamado
Macromedia Dreamweaver que es el más utilizado en el ámbito de diseño i
programación Web.



1.1.2. Etiquetas HTML


HTML utiliza etiquetas o marcas que consisten en breves instrucciones de
comienzo y final, mediante las cuales se determinan la forma en la que ha de
aparecer el texto en el navegador, así como las imágenes y otros elementos.



Una etiqueta HTML consiste en un texto entre los caracteres <>, siendo <>
abertura y </> cierre. Todo lo incluido en el interior son atributos. A continuación
mostramos los más importantes agrupados por conceptos:


• Estructura de la página.


indica que contiene código HTML.
<head> </head> ? cabecera HTML. Información sobre el documento.
<body> </body> ? cuerpo de la página; contiene el resto de elementos.


• Elementos de cabecera


<title> </title> ? título de la página.


• Formación de bloques

-

2

Página Web Online y Gestor de Stock

Miguel González Bitrián


<div> </div> ? Indica cuando empieza y acaba un bloque.
<p> </p> ? párrafo.
<hr> ? espacio.


• Etiquetas básicas de texto


<br> ? salto de línia.
<b> </b> ? negrita.


• Enlaces a otras páginas


<a>href="dirección" target="nombre de la ventana" name="nombre"</a> ?
dirección de la página a la cual accederemos cuando pulsemos el enlace.


• Imágenes


<img/> ? inserta imagen.


• Tablas


<table> </table> ? crea una tabla
<tr> </tr> ? fila
<td> </td> ? columna


1.1.3. Estructura básica de un documento HTML


La estructura de un documento HTML siempre se basa en unas etiquetas

básicas que forman el esqueleto de la página:



Estas etiquetas no se visualizan, pero son muy importantes porque muestran

<HTML>
<head>
<title> título </title> </head>
<body> </body> </HTML>


al navegador la estructura de la página.


<HTML>, esta etiqueta es la que indica al navegador que todo lo que encierra
es lenguaje HTML i debe ser procesado como tal. En consecuéncia, la etiqueta de
inicio es la primera etiqueta de la página y la etiqueta de cierre debe ser la última.


Las parejas de etiquetas <head> y <body> separan las dos grandes partes
en que se divide la página Web: la cabecera y el cuerpo. Dentro de la sección head
se inserta la información sobre el documento, que no será visualizada al mostrar la
página pero ayuda a su procesamiento. Aquí van las etiquetas que contienen
información referida al autor de la página, descripción de la misma, etc. Se ha de
tener en cuenta que el único elemento imprescindible dentro del head es el título de
la página, encerrado en las etiquetas <title>.


Este títulos es es que se ve des de fuera de la página, en la barra superior del
navegador, además este texto será el que aparezca como identificativo de la página
si algun visitante la agrega a sus “favoritos” (iexplorer) o “marcadores”
(Netscape/Firefos).

-

3

Página Web Online y Gestor de Stock

Miguel González Bitrián


La sección body es la que debe contener todos los elementos que procesados
por el navegador sean los que formen la página: textos, imagenes, sonidos,
enlaces...


La manera de escribir páginas Web ha ido evolucionando con los años. Las
limitaciones del lenguaje HTML, por ejemplo para mejorar la presentación del texo,
han aconsejado descartar el uso de muchas etiquetas tradicionalmente disponibles,
substituyéndolas por instrucciones CSS.


1.1.4 Hojas de estilo en Cascada o CSS


Las hojas de estilo en cascada (Cascading Style Sheets) son un mecanismo
simple que describen como se mostrará un documento en la pantalla. Esta forma de
descripción de estilos ofrece a los desarrolladores el control total sobre el estilo y el
formato de sus documentos. Es un lenguaje informático que se utiliza
primordialmente para definir la presentación de documentos en formatos HTML,
XHTML o XML. Es entonces una excelente herramienta para poder separar mejor el
contenido del aspecto de los documentos destinados a la red, con todas las ventaja
de mantenimiento que esto representa.



CSS se utiliza para dar estilo a documentos HTML i XML, separando el
contenido de la presentación. Los estilos definen la manera de mostrar los
elementos HTML i XML. CSS permite a los desarrolladores Web controlar el estilo y
el formato de múltiples páginas Web al mismo tiempo. Cualquier cambio en el estilo
marcado para un elemento en el CSS afectará a todas las páginas vinculada a este
CSS en las cuales aparezca este elemento.


La estructura que normalmente se utiliza es la que comienza con la etiqueta
<style>, que se coloca dentro del elemento al que se le quiere dar estil