Programacion web introduccion
-
Upload
johannagomezaldana -
Category
Education
-
view
313 -
download
1
Transcript of Programacion web introduccion
![Page 1: Programacion web introduccion](https://reader034.fdocuments.co/reader034/viewer/2022042607/559c31d01a28ab5e5d8b462c/html5/thumbnails/1.jpg)
![Page 2: Programacion web introduccion](https://reader034.fdocuments.co/reader034/viewer/2022042607/559c31d01a28ab5e5d8b462c/html5/thumbnails/2.jpg)
¿Qué significa el termino programación?
AUTOR: Gómez Aldana Lady Johanna
Programación es aquella actividad por la cual se crean programas para
computadoras, tales programas pueden ser códigos fuentes interpretados
(como por ejemplo scripts en BASH) o códigos fuentes que serán compilados (como por ejemplo programas en C++) hacia lenguajes binarios y ejecutados desde el kernel del sistema operativo.
scripts en BASH o programas en C++
![Page 3: Programacion web introduccion](https://reader034.fdocuments.co/reader034/viewer/2022042607/559c31d01a28ab5e5d8b462c/html5/thumbnails/3.jpg)
¿Qué es lenguaje de alto nivel?
AUTOR: Gómez Aldana Lady Johanna
Un lenguaje de programación de alto nivel de abstracción se caracteriza por expresar los algoritmos de una manera
más cercana a la capacidad cognitiva humana, en lugar de
a la capacidad ejecutora de las máquinas.
En C se pueden usar palabras tales
como: case, if, for, while
![Page 4: Programacion web introduccion](https://reader034.fdocuments.co/reader034/viewer/2022042607/559c31d01a28ab5e5d8b462c/html5/thumbnails/4.jpg)
¿ A que se denomina lenguaje de maquina?
AUTOR: Gómez Aldana Lady Johanna
Lenguaje de máquina es el sistema de códigos
directamente interpretable por un circuito micro
programable, como el microprocesador de
una computadora o el micro controlador de un autómata.
00000 1001110 LOAD 1111000001 10110100 STOR 1010000010 10011110 LOAD 1111000011 11010100 ADD 1010000100 10111111 STOR 1111100101 00000000 HALT
![Page 5: Programacion web introduccion](https://reader034.fdocuments.co/reader034/viewer/2022042607/559c31d01a28ab5e5d8b462c/html5/thumbnails/5.jpg)
AUTOR: Gómez Aldana Lady Johanna
¿ Como se clasifican los lenguajes de alto nivel?
Se clasifican como lenguajes procedimentales:
También llamados disparadores, lo que hace un trigger es estar alerta hasta que sucede algo y
saltan.
Un foreign key se podría interpretar como un trigger que
comprueba que existe un valor en otra tabla cada vez que insertamos
o actualizamos un dato de una tabla.
![Page 6: Programacion web introduccion](https://reader034.fdocuments.co/reader034/viewer/2022042607/559c31d01a28ab5e5d8b462c/html5/thumbnails/6.jpg)
AUTOR: Gómez Aldana Lady Johanna
¿ Que significa el lenguaje ASSEMBLER?
El lenguaje ensamblador, o assembler es un lenguaje de
programación de bajo nivel para los computadores, microprocesadores,
micro controladores, y otros circuitos integrados programables.
Implementa una representación simbólica de los códigos de máquina.
Un procesador x86: La sentenciaMOV AL, 061h
Asigna el valor hexadecimal 61(97 decimal) al registro "AL".
El programa ensamblador lee la sentencia de arriba y produce su
equivalente binario en lenguaje de máquina
Binario: 10110000 01100001 (hexadecimal: B061)
![Page 7: Programacion web introduccion](https://reader034.fdocuments.co/reader034/viewer/2022042607/559c31d01a28ab5e5d8b462c/html5/thumbnails/7.jpg)
AUTOR: Gómez Aldana Lady Johanna
¿Qué significa programación orientada a objetos?
POO (OOP según sus siglas en inglés) es un paradigma de programación que usa objetos y sus interacciones, para
diseñar aplicaciones y programas informáticos. Está basado en
varias técnicas incluyendo herencia, abstracción, poli-
morfismo y encapsulamiento.
Cada ventana que abres en tu Computadora es un
Objeto tiene propiedades que son el color de la ventana, su tamaño,
imágenes, etc. Y tiene Sus métodos. Cerrar, Abrir.
Maximizar
![Page 8: Programacion web introduccion](https://reader034.fdocuments.co/reader034/viewer/2022042607/559c31d01a28ab5e5d8b462c/html5/thumbnails/8.jpg)
AUTOR: Gómez Aldana Lady Johanna
¿Qué son los eventos?
Un evento es una acción que es reconocida por el objeto. Un
evento ocurre, se dispara, como resultado de la interacción del
usuario con el objeto
Un botón.
![Page 9: Programacion web introduccion](https://reader034.fdocuments.co/reader034/viewer/2022042607/559c31d01a28ab5e5d8b462c/html5/thumbnails/9.jpg)
AUTOR: Gómez Aldana Lady Johanna
¿Cuáles son los controles de ambiente grafico y que función cumple cada uno?
Es todo el conjunto de imágenes e iconos que
aparecen al iniciar sesión.
• Escritorio.• Barra de tareas.
• Bandeja de reciclaje.• Sistema de ficheros.• Cuadro de dialogo.
![Page 10: Programacion web introduccion](https://reader034.fdocuments.co/reader034/viewer/2022042607/559c31d01a28ab5e5d8b462c/html5/thumbnails/10.jpg)
AUTOR: Gómez Aldana Lady Johanna
¿ A que se denomina algoritmo?
Es un método para resolver un problema mediante una serie de
pasos definidos, precisos y finitos.
1. Inicio 2. Inicializar variables: A = 0, B = 0 3. Solicitar la introducción de dos valores distintos 4. Leer los dos valores 5. Asignarlos a las variables A y B 6. Si A = B Entonces vuelve a 3 porque los valores deben ser distintos 7. Si A>B Entonces
Escribir A, “Es el mayor” 8. De lo contrario: Escribir B, “Es el mayor” 9. Fin Si 10. Fin
![Page 11: Programacion web introduccion](https://reader034.fdocuments.co/reader034/viewer/2022042607/559c31d01a28ab5e5d8b462c/html5/thumbnails/11.jpg)
AUTOR: Gómez Aldana Lady Johanna
¿Cuáles son las etapas de un algoritmo?
1. Análisis del problema2. Diseño de algoritmo3. Codificación 4. Compilación y ejecución5. Verificación6. Depuración7. Documentación
1. Inicio 2. Inicializar variables: A = 0, B = 0 3. Solicitar la introducción de dos valores distintos 4. Leer los dos valores 5. Asignarlos a las variables A y B 6. Si A = B Entonces vuelve a 3 porque los valores deben ser distintos 7. Si A>B Entonces
Escribir A, “Es el mayor” 8. De lo contrario: Escribir B, “Es el mayor” 9. Fin Si 10. Fin
![Page 12: Programacion web introduccion](https://reader034.fdocuments.co/reader034/viewer/2022042607/559c31d01a28ab5e5d8b462c/html5/thumbnails/12.jpg)
AUTOR: Gómez Aldana Lady Johanna
¿Cuáles son los diagramas de flujo?
Es la representación gráfica del algoritmo o
proceso
![Page 13: Programacion web introduccion](https://reader034.fdocuments.co/reader034/viewer/2022042607/559c31d01a28ab5e5d8b462c/html5/thumbnails/13.jpg)
AUTOR: Gómez Aldana Lady Johanna
¿Qué símbolos componen a un diagrama de flujo?
Terminal ENTRADA
Decisión Proceso
Salida
![Page 14: Programacion web introduccion](https://reader034.fdocuments.co/reader034/viewer/2022042607/559c31d01a28ab5e5d8b462c/html5/thumbnails/14.jpg)
AUTOR: Gómez Aldana Lady Johanna
¿Qué son las variables y como se declaran en la memoria RAM?
son espacios reservados en la memoria que, como su nombre
indica, pueden cambiar de contenido a lo largo de la ejecución de un
programa. Una variable corresponde a un área reservada en la memoria
principal del ordenador pudiendo ser de longitud:
• Fija• Variable
Si en un script para IRC hemos creado una variable llamada
%num, a las que hemos asignado 3,14, podemos tener una
instrucción como las siguiente:echo-a el valor asignado es: %num
Esta orden presentara en la ventana activa un mensaje que
diga :“el valor asignado es 3, 14”
![Page 15: Programacion web introduccion](https://reader034.fdocuments.co/reader034/viewer/2022042607/559c31d01a28ab5e5d8b462c/html5/thumbnails/15.jpg)
AUTOR: Gómez Aldana Lady Johanna
¿Qué es una constante y que función cumple en un algoritmo?
Es un dato numérico o alfanumérico que no
cambia durante la ejecución del programa.
pi = 3.1416
En un algoritmo seria:A,b,c funcionan como
variables
![Page 16: Programacion web introduccion](https://reader034.fdocuments.co/reader034/viewer/2022042607/559c31d01a28ab5e5d8b462c/html5/thumbnails/16.jpg)
AUTOR: Gómez Aldana Lady Johanna
¿Cómo se clasifican los operadores aritméticos?
Permiten realizar operaciones entre operandos: tales como números
variables temporales o constantes. También pueden ser procesadas
utilizando operaciones y funciones adecuadas a sus tipos.
• Suma (+)• Resta (-)• Multiplicación (*)• División con decimales (/)• División de enteros ()• Potenciación (^)
![Page 17: Programacion web introduccion](https://reader034.fdocuments.co/reader034/viewer/2022042607/559c31d01a28ab5e5d8b462c/html5/thumbnails/17.jpg)
AUTOR: Gómez Aldana Lady Johanna
¿Cuáles son los operadores de relación o comparación?
Se utilizan para comparar dos operadores, que pueden ser
números, caracteres, cadenas de caracteres, constantes o
variables.Son aquellos que se utilizan
para expresar condiciones, ya que describe una posible
relación entre dos valores.
• igual (=)• <> diferente a • < = menor o igual que • > = mayor o igual que• < menor que• > mayor que
![Page 18: Programacion web introduccion](https://reader034.fdocuments.co/reader034/viewer/2022042607/559c31d01a28ab5e5d8b462c/html5/thumbnails/18.jpg)
AUTOR: Gómez Aldana Lady Johanna
¿Qué son operadores lógicos?
Permiten formular condiciones complejas a
partir de condiciones simples, son de
conjunción, disyunción y negación.
• No (not)• Y (and)• O (or)
![Page 19: Programacion web introduccion](https://reader034.fdocuments.co/reader034/viewer/2022042607/559c31d01a28ab5e5d8b462c/html5/thumbnails/19.jpg)
AUTOR: Gómez Aldana Lady Johanna
¿operadores lógicos AND?
Para que el resultado sea verdadero las dos condiciones deben ser verdaderas.
AND TRUE FALSE NULL
TRUE TRUE FALSE NULL
FALSE FALSE FALSE FALSE
NULL NULL FALSE NULL
![Page 20: Programacion web introduccion](https://reader034.fdocuments.co/reader034/viewer/2022042607/559c31d01a28ab5e5d8b462c/html5/thumbnails/20.jpg)
AUTOR: Gómez Aldana Lady Johanna
¿ operadores lógicos OR ?
El resultado es verdadero si al menos una de las dos condiciones es verdadera.
OR TRUE FALSE NULL
TRUE TRUE TRUE TRUE
FALSE TRUE FALSE NULL
NULL TRUE NULL NULL
![Page 21: Programacion web introduccion](https://reader034.fdocuments.co/reader034/viewer/2022042607/559c31d01a28ab5e5d8b462c/html5/thumbnails/21.jpg)
AUTOR: Gómez Aldana Lady Johanna
¿ operadores lógicos NOT?
El resultado es invertido.
NOT TRUE FALSE NULL
FALSE TRUE NULL
![Page 22: Programacion web introduccion](https://reader034.fdocuments.co/reader034/viewer/2022042607/559c31d01a28ab5e5d8b462c/html5/thumbnails/22.jpg)
AUTOR: Gómez Aldana Lady Johanna
¿ tablas de operadores lógicos?
![Page 23: Programacion web introduccion](https://reader034.fdocuments.co/reader034/viewer/2022042607/559c31d01a28ab5e5d8b462c/html5/thumbnails/23.jpg)
AUTOR: Gómez Aldana Lady Johanna
¿Qué significa programación HTML?
El HTML no es mas que una aplicación del SGML un sistema
para definir tipos de documentos estructurados y lenguajes de marcas para representar esos
mismos documentos.
Procesador de texto , como el que ofrecen los sistemas
operativos Windows (bloc de notas) , UNIX (el editor vi o ed)
O el que ofrece MS Office (Word).
![Page 24: Programacion web introduccion](https://reader034.fdocuments.co/reader034/viewer/2022042607/559c31d01a28ab5e5d8b462c/html5/thumbnails/24.jpg)
AUTOR: Gómez Aldana Lady Johanna
¿Cómo se clasifican las etiquetas dentro de la programación HTML?
• <B> Sirve para colocar un texto en negrita.• <U> Sirve para subrayar un texto.• <STRONG> Cumple la misma función que <B> .• <I> Para colocar cursiva.• <CITE> Citación.• SIZE: regula el tamaño de caracteres.• FACE: Es la fuente que se quiere usar.
![Page 25: Programacion web introduccion](https://reader034.fdocuments.co/reader034/viewer/2022042607/559c31d01a28ab5e5d8b462c/html5/thumbnails/25.jpg)
AUTOR: Gómez Aldana Lady Johanna
¿<HTML>?
Es usado para describir la estructura y el contenido en
forma de texto, así como para complementar el texto con
objetos tales como imágenes.
![Page 26: Programacion web introduccion](https://reader034.fdocuments.co/reader034/viewer/2022042607/559c31d01a28ab5e5d8b462c/html5/thumbnails/26.jpg)
AUTOR: Gómez Aldana Lady Johanna
¿<HEAD>?
Cabecera que contiene todo el código entre las
etiquetas <head> solo el titulo es visible el resto de código esta oculto para el
usuario.
![Page 27: Programacion web introduccion](https://reader034.fdocuments.co/reader034/viewer/2022042607/559c31d01a28ab5e5d8b462c/html5/thumbnails/27.jpg)
AUTOR: Gómez Aldana Lady Johanna
¿<TITLE>?
El titulo sirve para “ilustrar” al visitante, pero muchos
motores de búsqueda, robots, índices, etc. Un titulo
que tenga relación con el contenido el titulo se pondrá
entre dos etiquetas title.
![Page 28: Programacion web introduccion](https://reader034.fdocuments.co/reader034/viewer/2022042607/559c31d01a28ab5e5d8b462c/html5/thumbnails/28.jpg)
AUTOR: Gómez Aldana Lady Johanna
¿<BODY>?
El elemento <BODY> se coloca inmediatamente después del cierre
de la marca </HEAD> y, en cualquier caso, dentro de los
elementos <HTML></HTML>; tiene una marca de apertura y una de
cierre y delimitado por ellas figura el cuerpo del documento.
![Page 29: Programacion web introduccion](https://reader034.fdocuments.co/reader034/viewer/2022042607/559c31d01a28ab5e5d8b462c/html5/thumbnails/29.jpg)
AUTOR: Gómez Aldana Lady Johanna
¿<H1…..HB>?
Puede que queramos empezar nuestra web o nuestro texto con un encabezado indicando el título del artículo, categoría, etc. Pues bien,
para escribir encabezados tenemos que utilizar las etiquetas <h>.
![Page 30: Programacion web introduccion](https://reader034.fdocuments.co/reader034/viewer/2022042607/559c31d01a28ab5e5d8b462c/html5/thumbnails/30.jpg)
AUTOR: Gómez Aldana Lady Johanna
¿<CENTER>?
La etiqueta <center> nos permite centrar párrafos, imágenes o
tablas dentro de nuestra Web. Para centrar un elemento, éste
debe estar entre las etiquetas de apertura y cierre. Este sería el código de un texto centrado
![Page 31: Programacion web introduccion](https://reader034.fdocuments.co/reader034/viewer/2022042607/559c31d01a28ab5e5d8b462c/html5/thumbnails/31.jpg)
AUTOR: Gómez Aldana Lady Johanna
¿<P ALING= “VALOR”>?
La foto podemos alinearla en la página como queramos mediante
"align", utilizando los atributos "left" para alinearla a la izquierda, "right" para alinearla a la derecha,
"top" para alinearla arriba, "bottom" para alinearla abajo y
"middle" para alinearla al centro.
![Page 32: Programacion web introduccion](https://reader034.fdocuments.co/reader034/viewer/2022042607/559c31d01a28ab5e5d8b462c/html5/thumbnails/32.jpg)