Html, java script BD
Bayron Israel Cruz Anaya
Ivan Hernandez Diaz
MAPA CONCEPTUAL
HTML,CSS,J
AVA SCRIPT
¿QUE ES ¿QUE ES ¿QUE ES JAVA
HTML? CSS? SCRIPT?
HTML, siglas en inglés HTML (Lenguaje de CSS, en español «Hojas de CSS son las siglas en un lenguaje de
JavaScript es un lenguaje programación o de
de HyperText Markup Marcas de estilo en cascada», es un inglés para «hojas de programación
Language, hace Hipertexto, del lenguaje de diseño gráfico de estilo en secuencias de
interpretado, dialecto del comandos que te
referencia al lenguaje inglés HyperText para definir y crear la cascada» estándar ECMAScript. Se
de marcado para la Markup Language) presentación de un (Cascading Style permite
define como orientado a implementar
elaboración de páginas es el componente documento estructurado Sheets). objetos, basado en
web. más básico de la escrito en un lenguaje de Básicamente, es un funciones
prototipos, complejas en
Web. Define el marcado. lenguaje que
significado y la maneja el diseño y páginas web, cada
estructura del presentación de las vez que una página
¿COMO EMPLEAR contenido web. ¿QUE ES UNA páginas web. web hace algo más
HTML¡? HOJA DE ESTILO? que sentarse allí.
consiste en una serie Debido a que es de código ¿COMO MANEJAR
de elementos que Las hojas de estilo son es un conjunto de
abierto y es compatible conjuntos de EVNTOS EN JAVA
usarás para encerrar con todos los navegadores instrucciones que SCRIPT?
diferentes partes del instrucciones, a veces en indica el formato y el
modernos, HTML es de forma de archivo anexo,
contenido para que uso gratuito y garantiza aspecto de la
se vean o comporten que se asocian a los presentación de
que tu texto, imágenes y archivos de texto y se
de una determinada otros elementos se contenido de Internet,
manera. Las ocupan de los aspectos es decir, el tamaño de
muestren según lo de formato y de
etiquetas de encierre previsto. Sin HTML, todas las letras, el color del Los eventos son la
pueden hacer de una presentación de los fondo, entre otros. Los eventos son cosas
las páginas web serían contenidos que pasan en el sistema manera que tenemos
palabra o una archivos de texto sin en Javascript
imagen un que estás programando,
formato el cual se encarga de de controlar las
hipervínculo a otro acciones de los
sitio. avisarte para que tu
código pueda hacer visitantes y definir un
algo al respecto. comportamiento de la
página cuando se
MAPA MENTAL produzcan.
CSS son las siglas en
inglés para «hojas de
estilo en cascada»
(Cascading Style Sheets).
HTML (LeHTML
(Lenguaje de Marcas
CSS, en español «Hojas de estilo
de Hipertexto, del
en cascada», es un lenguaje de
inglés HyperText
diseño gráfico para definir y crear
Markup Language) es
la presentación de un documento
el componente más
estructurado escrito en un
básico de la Web.
lenguaje de marcado.
Define el significado y un lenguaje de
programación o de
secuencias de
HTML, siglas en inglés de ¿QUE ES CSS? comandos que te
HyperText Markup Language,
¿QUE ES JAVA SCSSCRIPT? JavaScript es un lenguaje permite implementar
hace referencia al lenguaje de
marcado para la elaboración de de programación funciones
páginas web. interpretado, dialecto del
estándar ECMAScript. Se
define como orientado a
objetos, basado en
HTML,CSS,J prototipos
¿COMO EMPLEAR HTML¡? ¿COMO MANEJAR
EVNTOS EN JAVA SCRIPT?
AVA SCRIPT
¿QUE ES UNA HOJA DE ESTILO?
consiste en una serie de Los eventos son cosas que pasan en
elementos que usarás para el sistema que estás programando,
encerrar diferentes partes el cual se encarga de avisarte para
del contenido para que se que tu código pueda hacer algo al
Las hojas de estilo son conjuntos
vean o comporten de una respecto.
de instrucciones, a veces en forma
determinada manera. de archivo anexo, que se asocian a
los archivos de texto
Los eventos son la
manera que tenemos en
Debido a que es de código es un conjunto de instrucciones que
Javascript de controlar
abierto y es compatible indica el formato y el aspecto de la
las acciones
con todos los navegadores presentación de contenido de Internet
modernos, HTML es de uso
gratuito
¿Qué es una base de datos relacional? ¿Qué es una base de datos relacional?
La base de datos relacional es un tipo de base de datos que Es un tipo de base de datos en la cual los datos están
cumple con el modelo relacional. Tras ser postuladas sus bases clasificados en tablas, estas tablas están relacionadas entre sí
en 1970 por Edgar Frank Codd, de los laboratorios IBM en San
José. ¿Qué es una tabla?
¿Qué es una tabla? Las tablas son objetos de base de datos que contienen todos
sus datos. En las tablas, los datos se organizan con arreglo a un
Tabla en las bases de datos, se refiere al tipo de modelado de formato de filas y columnas, similar al de una hoja de cálculo.
datos donde se guardan los datos recogidos por un programa
¿Qué es una columna?
¿Qué es una columna?
una columna es un conjunto de valores de datos de un simple
En el contexto de una tabla de base de datos relacional, una tipo particular, uno por cada fila de la tabla. Las columnas
columna, campo o atributo es cada uno de los valores únicos proporcionan la estructura según la cual se componen las filas.
que proporcionan la estructura según la cual se descomponen
las filas de una tabla. ¿Qué es una fila?
¿Qué es una fila? un registro (también llamado fila o tupla) representa un objeto
único de datos implícitamente estructurados en una tabla.
Las filas de base de datos muestran campos de datos, cálculos o
imágenes asociados a los objetos de un dibujo ¿Qué son valores?
¿Qué son valores? Un valor puede ser sencillo, como una cadena de caracteres o
un número entero, o pueden ser objetos complejos (un
puede ser cualquier tipo de datos como una imagen, archivo de documento también puede ocupar el lugar de un valor, aunque,
preferencia del usuario o documento. entonces se hablaría de una base de datos de documentos).
¿Qué son relaciones? ¿Qué son relaciones?
En la teoría de bases de datos, una relación, como la definió La relación de una base de datos es el vínculo que se establece
originalmente E. F. Codd, es un conjunto de tuplas, donde cada entre distintos elementos de las tablas que la conforman.
elemento dⱼ es miembro de Dⱼ, un dominio de datos.
¿Qué son claves?
¿Qué son claves?
se llama clave primaria o llave primaria o clave principal a un
es una columna o una colección ordenada de columnas que se campo o a una combinación de campos que identifica de forma
identifica en la descripción de una tabla, un índice o una única a cada fila de una tabla.
restricción de referencia.
una forma de estructurar información en tablas, filas y
columnas. Un RDB tiene la capacidad de establecer
vínculos (o relaciones) entre información mediante la
unión de tablas, lo que facilita la comprensión y la
obtención de estadísticas sobre la relación entre varios
datos.
ablas (o relaciones) formadas por filas (registros) y
columnas (campos); así, cada registro (cada fila) tiene una
ID única, denominada clave y las columnas de la tabla
contienen los atributos de los datos.
Ejemplo con Access
¿Cómo crear una tabla? ¿Cómo agregar una columna?
1. Haga clic en Archivo > Nuevo y, 1. En el Panel de navegación, busque la tabla a la que desea agregar
después, en Base de datos de el campo y haga doble clic sobre ella.
escritorio en blanco.
2. Access abre la tabla en la vista Hoja de datos.
2. En el cuadro Nombre de archivo,
escriba un nombre de archivo 3. Desplácese hasta el lado izquierdo o derecho de la hoja de datos
para la nueva base de datos. (según su configuración regional y de idioma de Windows) y
3. Para ir a una ubicación diferente busque la columna en blanco.
y guardar la base de datos, haga
4. De forma predeterminada, las palabras Haga clic para agregar
clic en el icono de carpeta.
aparecen en el encabezado de columna de la columna en blanco.
4. Haga clic en Crear.
5. Se abre la nueva base de datos, 5. Escriba datos en la primera fila en blanco debajo del encabezado.
se crea una tabla con el nombre
Tabla1 y se abre en la vista Hoja 6. También hay otra opción.
de datos.
7. Pegue uno o más fragmentos de datos en el campo, empezando
por la primera celda en blanco.
¿Cómo se crea una fila? 8. Guarde los cambios.
Las filas se crean automáticamente al
introducir datos. 9. Según el tipo de datos que escriba, Access establece un tipo de
datos u otro para el campo. Por ejemplo, si escribe un nombre,
Access establece el tipo de datos en Texto.
¿Qué son valores de columnas atomicos?
Los valores atómicos son valores que no pueden ser reducidos a
un valor menor, eso ya lo tenemos claro, pero ahora veamos un
caso sencillo, supongamos el valor NOMBRE, una columna
nombre puede incluir el nombre completo de una persona, es
decir primer nombre, segundo nombre y apellidos, por Ejemplo:
Roberto Enrique Pozo, pero este valor NOMBRE no es «atómico»,
porque el nombre no está reducido a sus valores significativos
mas pequeños.
Las columnas con valores atómicos hacen mas sencillo crear
consultas basadas en atributos individuales de nombres, por
ejemplo podemos hacer búsquedas sencillas basadas en el
primer nombre o en el apellido y tambien es mucho más fácil
crear consultas que se puedan ordenar alfabeticamente ya sea
por el primer nombre o por el apellido.
2da definición
Un valor atómico es una instancia de uno de los tipos de datos
atómicos incorporados definidos por el esquema XML. Estos
tipos de datos incluyen series, enteros, decimales, fechas y otros
tipos atómicos. Estos tipos se describen como "atómicos" porque
no se pueden subdividir.
En una base de datos, un campo atómico es un campo que sólo
contiene valores atómicos, en otras palabras, contiene la pieza
más pequeña de información útil. Si contiene varias
informaciones, debe dividirse y almacenarse en varios campos o
registros.
Cuidado, la regla es no dividir el campo en la información más
pequeña posible, como un carácter individual o un dígito.
Almacenada por separado, esa información no sería útil y, como
un átomo dividido, volvería loca a tu base de datos.
¿Qué es arquitectura de base de datos web?
En una base de datos, un campo atómico es un campo
que sólo contiene valores atómicos, en otras palabras,
contiene la pieza más pequeña de información útil. Si
contiene varias informaciones, debe dividirse y
almacenarse en varios campos o registros.
Cuidado, la regla es no dividir el campo en la información
más pequeña posible, como un carácter individual o un
dígito. Almacenada por separado, esa información no
sería útil y, como un átomo dividido, volvería loca a tu
base de datos.
Dentro de la arquitectura de datos se desarrollan
los siguientes elementos:
Modelo de Datos: Entidades y Vocabularios
Principios que rigen a los datos de
gobierno
Mapa conceptual
Ciclo de vida de los datos
Análisis de la cadena de valor de
información y entrega de datos
Diagrama lógico de datos, etc.
2da definición
La arquitectura de datos también comprende:
La arquitectura web es la planificación y el diseño de
Entender las necesidades de información, los componentes técnicos, funcionales y visuales de
para poder desarrollar y mantener el un sitio web, antes de que sea diseñado,
modelo de datos; desarrollado e implementado. Los diseñadores y
Definir y mantener la arquitectura de Base desarrolladores la utilizan como un medio para
de Datos; ejecutar su trabajo.
Definir y mantener la arquitectura de Por lo tanto, se trata de la estructura conceptual de
Integración de Datos; la World Wide Web —WWW—. La WWW o Internet
Definir y mantener la arquitectura de Big es un medio en constante cambio que permite la
Data y Analítica; comunicación entre diferentes usuarios y la
Definir y mantener la arquitectura de interacción técnica (interoperabilidad) entre distintos
sistemas y subsistemas.
Metadatos.
CÓMO CREAR BASE DE DATOS Y USUARIO
EN XAMPP
[Link] el servidor XAMPP. Asegúrate de que los servicios [Link] la página de "Privilegios", verás la opción "Añadir cuenta
de Apache y MySQL estén activos. de usuario". Haz clic en ese enlace para crear un nuevo
usuario.
[Link] tu navegador web y accede a
“[Link] Esto abrirá la interfaz de
administración de phpMyAdmin.
[Link] la sección "Ajustes de cuenta", ingresa un nombre de
usuario y una contraseña para el nuevo usuario.
[Link] la página principal de phpMyAdmin, encontrarás una
sección llamada "Crear nueva base de datos". Ingresa el
nombre de la base de datos que deseas crear en el campo de
texto junto a "Crear base de datos".
1..
2. [Link]úrate de que el "Servidor" esté configurado como
"Local".
[Link] clic en el botón "Crear" para crear la base de datos.
[Link] la sección "Base de datos para el usuario", selecciona la
opción "Crear base de datos con el mismo nombre y otorgar todos
[Link] vez creada la base de datos, aparecerá en el panel los privilegios" si deseas asignar automáticamente todos los
izquierdo bajo la sección "Bases de datos". Haz clic en el privilegios al usuario sobre la base de datos recién creada. Si
nombre de la base de datos recién creada para seleccionarla. deseas asignar privilegios manualmente, selecciona la opción "Sin
privilegios" y continúa al siguiente paso.
[Link] la página de la base de datos, encontrarás una pestaña
llamada "Privilegios". Haz clic en ella para administrar los
usuarios de la base de datos.
[Link] clic en el botón "Guardar" para crear el nuevo usuario.
¿Qué es SQL?
2da comparación
1ra comparación
SQL (por sus siglas en inglés Structured Query SQL es un lenguaje de computación para trabajar con
Language; en español lenguaje de consulta conjuntos de datos y las relaciones entre ellos. Los
estructurada) es un lenguaje de dominio específico, programas de bases de datos relacionales, como
diseñado para administrar, y recuperar información de Microsoft Office Access, usan SQL para trabajar con
sistemas de gestión de bases de datos relacionales. datos. A diferencia de muchos lenguajes de
Una de sus principales características es el manejo del computación, SQL no es difícil de leer y entender,
álgebra y el cálculo relacional para efectuar consultas incluso para un usuario inexperto. Al igual que muchos
con el fin de recuperar, de forma sencilla, información lenguajes de computación, SQL es un estándar
de bases de datos, así como realizar cambios en ellas. internacional reconocido por organismos de
estándares como ISO y ANSI.
Originalmente basado en el álgebra relacional y en el
cálculo relacional, SQL consiste en un lenguaje de SQL se usa para describir conjuntos de datos que
definición de datos, un lenguaje de manipulación de pueden ayudarle a responder preguntas. Al usar SQL,
datos y un lenguaje de control de datos. El alcance de debe usar la sintaxis correcta. La sintaxis es el conjunto
SQL incluye la inserción de datos, consultas, de reglas mediante las que se combinan correctamente
actualizaciones y borrado, la creación y modificación los elementos de un idioma. La sintaxis SQL se basa en
de esquemas y el control de acceso a los datos. la sintaxis del idioma inglés y usa muchos de los
También el SQL a veces se describe como un lenguaje mismos elementos que la sintaxis de Visual Basic para
declarativo, también incluye elementos procesales. Aplicaciones (VBA).
3ra comparación
El lenguaje de consulta estructurada (SQL) es un
lenguaje de programación para almacenar y procesar
información en una base de datos relacional. Una base
de datos relacional almacena información en forma de
tabla, con filas y columnas que representan diferentes
atributos de datos y las diversas relaciones entre los
valores de datos. Puede usar las instrucciones SQL
para almacenar, actualizar, eliminar, buscar y
recuperar información de la base de datos. También
puede usar SQL para mantener y optimizar el
rendimiento de la base de datos.
¿CÓMO AÑADIR,BUSCAR Y CONSUTAR
A LA BASE DE DATOS?
ANTES DE TODO Agregar datos:
[Link] el servidor XAMPP y asegúrate de que los 1. Dentro de la base de datos, haz clic en la
servicios de Apache y MySQL estén activos. tabla específica a la que deseas agregar
datos.
[Link] tu navegador web y accede a
[Link] para abrir la
interfaz de administración de phpMyAdmin.
2. En la parte superior de la página de la
[Link] la interfaz de phpMyAdmin, en el panel tabla, selecciona la pestaña "Insertar" o
izquierdo, selecciona la base de datos en la que "Insert".
deseas trabajar. Haz clic en el nombre de la base
de datos para ingresar a ella.
Buscar datos:
3. Completa los campos de la fila de
[Link] la página de la tabla, haz clic en la pestaña inserción con los datos que deseas
"Examinar" o "Browse". agregar.
[Link]ás una lista de registros existentes en la tabla. 4. Haz clic en el botón "Ejecutar" o "Enviar"
Puedes desplazarte hacia abajo para encontrar los datos para agregar los datos a la tabla.
que deseas buscar.
CONSULTAR DATOS
SOLO OBSERVA EL LADO IZQUIERDO
¿COMO ACTUALIZAR Y ELIMINAR UN
REGISTRO EN BASE DE DATOS(XAMPP)?
Actualizar un registro:
1. Abre tu navegador web y accede a
[Link] para abrir la interfaz de
administración de phpMyAdmin.
2. En el panel izquierdo, selecciona la base de datos que
contiene la tabla con el registro que deseas actualizar.
3. Haz clic en el nombre de la tabla para ingresar a ella.
4. En la página de la tabla, busca el registro específico
que deseas actualizar. Puedes usar la función de
búsqueda o navegar por los registros.
5. Una vez que encuentres el registro, haz clic en el
icono "Editar" o "Editar fila" (generalmente
representado por un lápiz) ubicado en la fila
correspondiente al registro.
6. En la página de edición, modifica los valores de los
campos que deseas actualizar.
7. Una vez que hayas realizado los cambios, haz clic en el
botón "Ejecutar" o "Guardar" para aplicar la
actualización.
Eliminar un registro:
1. Abre phpMyAdmin en tu navegador y selecciona la
base de datos adecuada.
2. Haz clic en la tabla que contiene el registro que
deseas eliminar.
3. Ubica el registro específico que deseas eliminar en
la tabla.
4. Junto al registro, verás un icono de "Eliminar" o
"Borrar" (generalmente representado por una "X"
o un basurero). Haz clic en ese ícono para eliminar
el registro.
5. Aparecerá una confirmación de eliminación.
Verifica que el registro seleccionado sea correcto y
haz clic en "Ejecutar" o "Aceptar" para confirmar la
eliminación.