Presentación de PowerPoint · – Tratamiento de errores con acceso a base de datos. • Creación...

Catedra de Base de Datos

Facultad de Ciencias Exactas y Tecnología

Universidad Nacional de Tucumán

Ciclo Lectivo 2019

Bases de Datos Ing. Franco D. Menendez

• Diseño en HTML y CSS

– Tipología de los sitios web.

– La estructura de las paginas.

– Etiquetas y atributos: definición.

– Elementos HTML Fondos, CSS, textos, imagen, enlaces.

– Listas.

• Instalación del paquete XAMPP en Windows

– Instalación de directorios virtuales.

– Creación y ejecución de la primera pagina PHP.

• Fundamentos de PHP

– Estructura de un script php.

– Reglas de sintaxis, comentarios.

– Trabajo con expresiones, variables y tipos de datos.

– Manejo de Matrices.

– Evaluación de parámetros de URL.

– Control de flujo.

– Creación y ejecución de funciones.

– Elaboración y edición de cadenas de caracteres.


• Creación de formularios de entrada

– Fundamentos de la creación de formularios.

– Creación automática de formularios de entrada.

• Acceso a bases de datos MySQL con PHP

– Creación de un vínculo a base de datos.

– Ejecutar consultas y mostrar los resultados.

– Determinar informaciones de las bases de datos.

– Ejecución de instrucciones en SQL.

– Tratamiento de errores con acceso a base de datos.

• Creación de bases de datos y tablas PHP

– Comprobar si hay tabla.

– Creación de tablas de base de datos.

– Modificar tablas.

– Borrar una tabla.

• Generación de listas y vínculos

– Representar registros de datos como lista.

– Introducir funciones de administración.

– Consignar los vínculos con acciones.

Diseño en HTML y CSS


• Tipología de los sitios web.

• Muchos aspectos de nuestra vida cotidiana se ven directamente influenciados por la

proliferación de los sistemas web, como nuestros hábitos de compra, de pago de servicios, de

comunicación entre otros.

• Para ofrecer estas utilidades, existen diversos tipos de sitios:

– Sitios Dinámicos

– Sitios Estáticos

Sitios Dinámicos

• Son los sitios que al hacer click para acceder a una pagina, esta se arma según nuestro pedido, al contrario de las paginas estáticas que se encuentran ya armadas esperando a ser accedidas.

• La principal característica de un sitio dinámico es la facilidad de actualización y carga de datos.

• Entre ellas se encuentran:

• Foros.

• Blogs y microblogs.

• Portales de noticias.

• E-commerce.

• Redes sociales.


Sitios Estáticos

• Los usuarios no pueden editar los contenidos ni crearlos. Los más comunes son:

• Sitios experimentales.

• Newletters y flyers.

La estructura de las paginas

• Cada sitio web tiene un objetivo comunicacional , por lo que todos sus aspectos visuales y la articulación de sus elementos deben de garantizar dicho objetivo.

Formas de navegación

• Navegación sin click: la elección de lo que buscamos es aguardar sobre el elemento unos segundos para acceder.

• Navegación vertical: todo el contenido se encuentra en una sola pagina que se mueve de manera de arriba hacia abajo.

• Navegación original: se realiza mediante el movimiento de un elemento.


Estructura

• Header o Cabecera: Es lo primero que se visualiza de la pagina, ocupa todo el ancho superior del sitio y casi no posee ninguna variación dentro de todas las paginas. Los elementos que puede tener son Logo, menu superior principal o menus de rastros, identificación de secciones, sliders y buscadores internos.

• Contenido: Esta comprobado que el recorrido visual de los visitantes es desde la esquina superior izquierda (logo) hacia el centro de la pagina, en donde debe de estar cargado el contenido principal.

• Barra Lateral o sidebar: Se utiliza para organizar el contenido de la pagina, el cual puede encontrarse a la izquierda o derecha del cuerpo principal; este contiene accesos a enlaces externos o internos

• Pie de pagina o Footer: Contiene información de políticas de privacidad de uso y derechos de autor, también contiene enlaces, mapas de sitios , información y formulario de contacto, y links a redes sociales.


• La estructura basica de la pagina se divide en dos partes : head (cabecera)y body(cuerpo).

Head

• Contiene las directivas que el navegador necesita para leer el documento. Se encuentra, el titulo de la pagina, las meta-etiquetas, las funciones javascripts y los enlaces de referencia.


• Para definir un etiqueta debemos realizar la apertura y cierre de la misma, el contenido se coloca entre ambos al cual se adaptará a los cambios presentados en las mismas.

Ejemplo

<u> Subrayado </u>

Los Atributos

• Son directivas que nos permiten definir los valores para cada una de las etiquetas agregadas en el codigo fuente.

• Ejemplo

• <a href=«enlace» rel=«de que se tratara el enlace»> aquí va lo que se dirá </a>

Las principales son:

- <p>: permite dividir nuestro texto en párrafos. Si queremos realizar un salto de línea

<br>.

- <ul>: corresponde a una lista no numerada. Cada elemento se identifica con <li>.

- <ol>: corresponde a una lista numerada y se acompaña con la etiqueta <li>.

- <h1>..<h6>: identifican a los encabezados del sitio, 1 es el mayor y 6 el menor.

- <a>: indica la referencia a algún recurso. Su atributo especial es «href».

- <!-- -- >: define el comentario.


Clasificación de Elementos

HTML clasifica los elementos en dos grandes grupos: en línea (inline) y de bloque.

• Los elementos de bloque siempre comienzan en una línea nueva ocupando todo el espacio para ella.

• Los elementos en línea ocupan únicamente el espacio necesario para su visualización.

• Los elementos de bloque permiten en su interior otros elementos de bloque y en línea, mientras que estos últimos no.

Elementos en linea

a, abbr, acronym, b, basefont, bdo, big, br, cite, code, dfn, em, font, i, img, input, kbd, label, q, s, samp, select, small, span, strike, strong, sub, sup, textarea, tt, u, var.

Elementos de bloque

address, blockquote, center, dd, dt, dir, div, dl, fieldset, form, frame-set, h1, h2, h3, h4, h5, h6, hr, isindex, li, meu, noframes, nos-cript, ol, p, pre, table, tbody, td, tfoot, th, thead, tr, ul.

Elementos que pueden ser o El o EB

Button, del, iframe, ins, map, object, script


Clasificación de Elementos

TABLA

<table> </ table>Crea una tabla<tr> </ tr>marcha cada fila en una tabla<td> </ td>Pone en marcha cada celda de una fila<th> </ th>Pone en marcha la cabecera de la tabla (una celda normal, con negrita, texto centrado)


TABLA - atributos• <border=#> <table

Establece el ancho de borde alrededor de celdas de la tabla

• cellspacing=#> <tableAjusta la cantidad de espacio entre las celdas de la tabla

• cellpadding=#> <tableAjusta la cantidad de espacio entre el borde de una celda y su contenido

• width=# <table o %>Establece la anchura de la mesa - en píxeles o como porcentaje del ancho del documento

• align=?> <tr o align=?> <tdEstablece la alineación de la celda (s) (a la izquierda, centro o derecha)

• valign=?> <tr o valign=?> <tdEstablece la alineación vertical de la celda (s) (, superior, media o inferior)

• <td colspan=#>Establece el número de columnas de una celda debe abarcar

• <td rowspan=#>Establece el número de filas de una célula debe abarcar (por defecto = 1)

• <td nowrap>Evita las líneas dentro de una célula se rompa para adaptarse a


IMAGEN

• <img src="name">Agrega una imagen

• <img src="name“ alt=“descripcion”>

Se utiliza para describir el contenido de la imagen hasta 1024 caracteres.

• <img src="name" align=?>Alinea una imagen: izquierda, derecha, centro;, superior, medio fondo

• <img src="name" border=?>Ajusta tamaño del borde alrededor de una imagen

• <img src="name“ longdesc=“indica una direccion para mas información de la imagen”

Sitio Web de la Cátedra http://catedras.facet.unt.edu.ar/bd


http://catedras.facet.unt.edu.ar/bd

Presentación de PowerPoint · – Tratamiento de errores con acceso a base de datos. • Creación...

Documents

Transcript of Presentación de PowerPoint · – Tratamiento de errores con acceso a base de datos. • Creación...