Introduccion web tecnologia
-
Upload
samanta-leon-gomez -
Category
Documents
-
view
183 -
download
1
Transcript of Introduccion web tecnologia
WEB NIVEL INTRODUCCION TECNOLOGIA
2012: hacia una calidad de la educación, humana y cristiana
MARIA CAMILA GUAVITA VELASQUEZ
¿QUE SIGNIFICA EL TERMINO PROGRAMACIÓN?RESPUESTA EJEMPLO
2012: hacia una calidad de la educación, humana y cristiana
AUTORA: MARIA CAMILA GAUVITA VELASQUEZ
Es un idioma artificial diseñado para
expresar computaciones que
pueden ser llevadas a cabo por máquinas
como las computadoras.
PSEINTACCES
¿Qué es el lenguaje de cada nivel?
RESPUESTAEJEMPLO
2012: hacia una calidad de la educación, humana y cristiana
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 los primeros lenguajes de alto nivel, la limitación era
que se orientaban a un área específica y sus
instrucciones requerían de una sintaxis predefinida. Se clasifican como lenguajes
procedimentales.
AUTORASAUTORA: MARIA CAMILA GAUVITA VELASQUEZ
¿A que se denomina lenguaje de maquina?
RESPUESTA EJEMPLO
2012: hacia una calidad de la educación, humana y cristiana
es el único que entiende directamente la computadora, utiliza el alfabeto binario que
consta de los dos únicos símbolos 0 y 1, denominados bits (abreviatura inglesa de dígitos binarios). El lenguaje
máquina es el único que entiende directamente la
computadora, utiliza el alfabeto binario que consta
de los dos únicos símbolos 0 y 1, denominados bits
(abreviatura inglesa de dígitos binarios).
0000 0001 1010 0001 01 A1
1000 1001 1001 1010 89 9A
0011 1010 1001 1100 3A 9C
0111 0100 0111 0000 74 70
1110 1001 0010 0000 E9 20
AUTORA: MARIA CAMILA GAUVITA VELASQUEZ
¿Cómo se clasifican los lenguajes de alto nivel?
RESPUESTAEJEMPLO
2012: hacia una calidad de la educación, humana y cristiana
Manera más cercana a la capacidad
cognitiva humana, en lugar de a la
capacidad ejecutora de las
máquinas.
En BASIC, el lenguaje de alto nivel más
conocido, los comandos como "IF
CONTADOR = 10 THEN STOP" pueden
utilizarse para pedir a la computadora que
pare si CONTADOR es igual a 10.
AUTORA: MARIA CAMILA GAUVITA VELASQUEZ
¿Qué significa el lenguaje assembler?
RESPUESTA EJEMPLO
2012: hacia una calidad de la educación, humana y cristiana
También llamado lenguaje ensamblador , 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 maquina binarios y otras constantes necesarias para programar una arquitectura dada
de CPU y constituye la representación más directa del código maquina
específico para cada arquitectura legible por un programador.
•MOV AL, 061hAsigna el valor hexadecimal 61 (97
decimal) al registro "AL".10110 000 01100001 | | | | | +---- Número 61h en binario | | | +---
Registro AL +-------- Instrucción MOV En el segundo byte se especifica el
número 61h, escrito en binario como 01100001, que se asignará al registro AL, quedando la sentencia
ejecutable como:•10110000 01100001
La cual puede ser entendida y ejecutada directamente por el procesador.
AUTORA: MARIA CAMILA GAUVITA VELASQUEZ
¿Qué significa programación orientada a objetos?
RESPUESTA EJEMPLO
2012: hacia una calidad de la educación, humana y cristiana
En el paradigma de programación orientada a objetos (POO, o
bien OOP en ingles), un objeto se define como la unidad que
en tiempo de ejecución realiza las tareas de un programa. También a un nivel más básico se define como
la instancia de una clase.Estos objetos interactúan unos con otros, en contraposición a la visión tradicional en la cual un programa
es una colección de subrutinas (funciones o procedimientos), o simplemente una lista
de instrucciones para el computador.
'int' es un tipo de dato y 'a' y 'b' son variables de tipo
entero con las que podemos operar
AUTORA: MARIA CAMILA GAUVITA VELASQUEZ
¿Qué son los eventos?
RESPUESTA EJEMPLO
2012: hacia una calidad de la educación, humana y cristiana
eventos es un paradigma de
programación en el que tanto la estructura
como la ejecución de los programas van
determinados por los sucesos que ocurran en
el sistema, definidos por el usuario o que
ellos mismos provoquen.
programación Léxico y Visual BASIC, en los que
a cada elemento del programa (objetos,
controles, etcétera) se le asignan una serie de
eventos que generará dicho elemento, como la
pulsación de un botón del ratón sobre él o el
redibujado del control.
AUTORA: MARIA CAMILA GAUVITA VELASQUEZ
¿Cuáles son los controles de un ambiente grafico y que función cumple cada uno?
RESPUESTA EJEMPLO
2012: hacia una calidad de la educación, humana y cristiana
es todo el conjunto
de imágenes e iconos que
aparece al iniciar sesión
2. ESCRITORIOR= es la pantalla principal donde empezamos a trabajar3.-BARRA DE TAREASR=es la barra horizontal que muestra las aplicaciones en ejecución4.-BARRA DE CONTROL O PANELR=es la barra localizada en la parte superior del ambiente grafico y nos facilita la navegación5.-BANDEJA DE RESICLAJE:R=es la carpeta a donde van todos los elementos borrados6.-SISTEMA DE FICHEROS (ADMINISTRADOR DE ARCHIVOS):R=nos ayuda administrar los archivos de la computadora7.-ICONO:R=son los elementos en el escritorio8.-VENTANA:R=aparece en la barra de tareas y son las aplicaciones en ejecución9.-MENÙ CONTEXTUAL:R= es la ventana que se abre cuando hacemos clic con el botón secundario del ratón. Este menú es un elemento vivo del sistema operativo10.-CUADRO DE DIALOGO:R=son las ventas que se abren cuando ejecutamos algo11.-APPLET:R=son las aplicaciones que se muestran alado del reloj12.-BOTON INICIO:R=ahí se localizan todos los programas de la computadoraELEMENTOS DEL ESCRITORIO DE LINUX XUBUNTU
AUTORA: MARIA CAMILA GAUVITA VELASQUEZ
¿A que se denomina aerobismo?
RESPUESTA EJEMPLO
2012: hacia una calidad de la educación, humana y cristiana
AUTORA: MARIA CAMILA GAUVITA VELASQUEZ
¿Cuáles son las etapas de un algoritmo?
RESPUESTA EJEMPLO
2012: hacia una calidad de la educación, humana y cristiana
1. ANLISIS DEL PROGRAMA
2. DISEÑO DEL ALGORITMO
3. COIFICAION4. COMPILACION5. VERIFICACION6. DEPURACION
7. DOCUMENTACION
Inicio
leer a,b,c
calcular
escribir perímetro
fin
AUTORA: MARIA CAMILA GAUVITA VELASQUEZ
¿Cuáles son los diagramas de flujo. Que símbolos y que significados los componen?
RESPUESTA EJEMPLO
2012: hacia una calidad de la educación, humana y cristiana
Representación grafica del algoritmo o proceso. Se
utiliza en disciplinas como la programación la economía los
procesos industriales y la psicología
cognitiva.
AUTORA: MARIA CAMILA GAUVITA VELASQUEZ
¿Cuáles son las variables y como se declaran en la memoria RAM?
RESPUESTA EJEMPLO
2012: hacia una calidad de la educación, humana y cristiana
nuestra memoria RAM que queda reservado en el momento en que se crea la variable, e identificado temporalmente con el nombre de esta. Cada vez que asignamos un valor a la variable el programa lo único que hace es depositar ese valor en la dirección reservada.
Más adelante, cuando ejecutemos una instrucción que contenga esa
variable, el programa irá a ese espacio de memoria y extraerá el valor que
contenga, poniéndolo en el lugar del nombre de la variable, dentro de la
instrucción en cuestión.
si en un script para mIRC hemos creado una variable
llamada %num, a la que hemos asignado el número 3,14159,
podemos tener una instrucción como la siguiente:
echo -a El valor asignado es:
%num
Esta orden presentará en la ventana activa un mensaje que
diga:
"El valor asignado es: 3,14159"
AUTORA: MARIA CAMILA GAUVITA VELASQUEZ
¿A diferencia de una variable que es una constante y que función cumple dentro de un algoritmo?
RESPUESTA EJEMPLO
2012: hacia una calidad de la educación, humana y cristiana
Variable para un algoritmo es como un recipiente en el que podemos depositar un valor cualquiera, para después hacer uso de él
dentro de una instrucción, de esta forma no será
necesario tocar la instrucción cada vez que
queramos alterar el valor a manejar, sino tan solo asignar antes un nuevo
valor a la variable.
Cuando se dice en el algoritmo:
leer a,b,cAb y c
funcionan como variables de números etc
AUTORA: MARIA CAMILA GAUVITA VELASQUEZ
¿Cómo se clasifican los operadores aritméticos en cuanto a un nivel jerárquico?
RESPUESTA EJEMPLO
2012: hacia una calidad de la educación, humana y cristiana
Son elementos que relacionan de forma diferente, los
valores de una o mas variables o o una constantes. Es
decir, los operadores nos permiten manipular valores.
Operadores aritméticos: Los operadores aritméticos
permiten la realización de operaciones matemáticas con los
variables y las constantes.Los operadores aritméticos pueden
ser utilizados con tiposde datos enteros o reales. Si ambos
son enteros, elresultado es entero; si alguno de ellos
es real, el resultadoes real.
[+] Suma.[-] Resta.
[*] Multiplicación.[/] División con
decimales.[\] División entera.
[Mod o Modulo] División modular o
Residuo de la división.[** o ^]
Exponenciación.
AUTORA: MARIA CAMILA GAUVITA VELASQUEZ
¿Cuáles son los operadores de relación o de comparación?RESPUESTA
EJEMPLO
2012: hacia una calidad de la educación, humana y cristiana
Operador Condición que prueba
= (Igualdad) ¿Es igual el valor de la primera expresión que el
de la segunda?
<> (Desigualdad) ¿Es distinto el valor de la primera expresión del valor de la segunda?
< (Menor que) ¿Es el valor de la primera expresión menor que el
valor de la segunda?
> (Mayor que) ¿Es el valor de la primera expresión mayor que el
valor de la segunda?
<= (Menor o igual que) ¿Es el valor de la primera expresión menor o igual
que el valor de la segunda?
>= (Mayor o igual que) ¿Es el valor de la primera expresión mayor o igual
que el valor de la segunda?
23 = 33 ' False23 = 23 ' True23 = 12 ' False
23 <> 33 ' True23 <> 23 ' False23 <> 12 ' True
23 < 33 ' True23 < 23 ' False23 < 12 ' False
23 > 33 ' False23 > 23 ' False23 > 12 ' True
23 <= 33 ' True23 <= 23 ' True23 <= 12 ' False
23 >= 33 ' False23 >= 23 ' True23 >= 12 ' True
AUTORA: MARIA CAMILA GAUVITA VELASQUEZ
¿Los operadores lógicos o compuertas lógicas, se
clasifican en: AND, OR, XOR cual es la tabla lógica de
cada uno de ellos?
2012: hacia una calidad de la educación, humana y cristiana
AUTORA: MARIA CAMILA GAUVITA VELASQUEZ
AND2012: hacia una calidad de la educación, humana y cristiana
AUTORA: MARIA CAMILA GAUVITA VELASQUEZ
OR2012: hacia una calidad de la educación, humana y cristiana
AUTORA: MARIA CAMILA GAUVITA VELASQUEZ
XOR2012: hacia una calidad de la educación, humana y cristiana
AUTORA: MARIA CAMILA GAUVITA VELASQUEZ
¿Que significa programación HTML?
RESPUESTA EJEMPLO
2012: hacia una calidad de la educación, humana y cristiana
El HTML no es más que una aplicación del SGML (Standard
Generalized Markup Language), un sistema para definir tipos
de documentos estructurados y lenguajes de marcas para representar esos mismos
documentos. El término HTML se suele referir a ambas cosas, tanto
al tipo de documento como al lenguaje de marcas.
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).
AUTORA: MARIA CAMILA GAUVITA VELASQUEZ
¿Cómo se clasifican las etiquetas dentro de la programación HTML y su significado?
RESPUESTA EJEMPLO
2012: hacia una calidad de la educación, humana y cristiana
•<B> y </B> Sirve para colocar un texto en Negrita.•<U> y < /U> Sirve para subrayar un texto<STRIKE> y </STRIKE> Sirve para tachar un texto.•<STRONG> y </STRONG> Cumple la misma función que <B>•<I> y <I> Para colocar un texto en cursiva.•<EM>texto con énfasis</EM> texto con énfasis•<CITE>citación</CITE> citación•<DFN>definición</DFN> definición•<KBD>teclado </KBD> teclado•<SAMP>ejemplo</SAMP> ejemploSIZE: Regula el tamaño de los caracteres.Ejemplo:<font> texto... </FONT>.•FACE: Es la fuente que se quiere usar, Arial, Times new Roman, etc.
<FONT COLOR="WHITE">Blanco</FONT> Blanco #FFFFFF
<FONT COLOR="BLACK">Negro</FONT> Negro #000000
<FONT COLOR="RED">Rojo</FONT> Rojo #FF0000
<FONT COLOR="GREEN">Verde</FONT> Verde #00FF00
<FONT COLOR="BLUE">Azul</FONT> Azul #0000FF
<FONT COLOR="YELLOW">Amarillo</FONT>
Amarillo
#FFFF00
<FONT COLOR="CYAN">Cyan</FONT> Cyan #00FFFF
<FONT COLOR="MAGENTA">Magenta</FONT>
Magenta
#FF00FF
AUTORA: MARIA CAMILA GAUVITA VELASQUEZ
<HEAD>Clasificación Significado
2012: hacia una calidad de la educación, humana y cristiana
La cabecera (también llamada HEAD)
contiene todo el código entre las
etiquetas <HEAD> y </HEAD>, solo el título
es visible el resto de código esta oculto al
usuario.
<head><title>Tutorial HTML</title><meta name="Language" content="ES"><meta name="Keywords" CONTENT="tutorial html, manual html"><meta name="Description" CONTENT="Manual y codigo de html gratis para todos"><meta name="Distribution" CONTENT="Global"><meta name="Robots" CONTENT="All"></head>
AUTORA: MARIA CAMILA GAUVITA VELASQUEZ
<TITLE>Clasificación Significado
2012: hacia una calidad de la educación, humana y cristiana
Vamos a ponerle a la página un título y lo pondremos en la
cabecera de la página; el título sirve entre otras cosas para
'ilustrar' al visitante, pero muchos motores de búsqueda, robots, índices, etc. lo utilizan cuando
almacenan nuestras páginas así que vamos a ponerle un título
que tenga relación con el contenido, obviamente el título
lo pondremos entre dos etiquetas TITLE
<html> <head> <title>Aprendiendo HTML</title> </head> <body> </body> </html>
AUTORA: MARIA CAMILA GAUVITA VELASQUEZ
<BODY>Clasificación Significado
2012: hacia una calidad de la educación, humana y cristiana
el cuerpo en otras que llamaremos BODY; nuestro esqueleto va a
quedar así:
<head> </head> <body> </body> </html>
AUTORA: MARIA CAMILA GAUVITA VELASQUEZ
<H1… HB>Clasificación Significado
2012: hacia una calidad de la educación, humana y cristiana
Ahora vamos a poner un poco de contenido en el cuerpo de la página, un
título de nivel 1 (H1) y un párrafo (P), abrimos y
cerramos los contenedores
exactamente igual:
<html> <head> <title>Aprendiendo
HTML</title> </head> <body>
<h1>Aprendiendo HTML</h1> <p>Esta plantilla servira como referencia para mis
paginas.</p> </body> </html>
AUTORA: MARIA CAMILA GAUVITA VELASQUEZ
<CENTER>Clasificación Significado
2012: hacia una calidad de la educación, humana y cristiana
Sintaxis
<CENTER>texto centrado</CENTER>
Resultadotexto centrado
Centrado de textoPara centrar texto se utiliza el elemento CENTER:
Para centrar texto se utiliza el
elemento CENTER
AUTORA: MARIA CAMILA GAUVITA VELASQUEZ
<P align= ‘’VALOR’’>Clasificación Significado
2012: hacia una calidad de la educación, humana y cristiana
La marca P indica un comienzo de párrafo
<P>Texto del párrafo alineado a la
izquierda</P> <P
ALIGN=“VALOR">Texto del párrafo alineado a la derecha</P>
AUTORA: MARIA CAMILA GAUVITA VELASQUEZ
2012: hacia una calidad de la educación, humana y cristiana
POR SU ATENCION
INICIO