Introduccion web tecnologia

29
WEB NIVEL INTRODUCCION TECNOLOGIA 2012: hacia una calidad de la educación, humana y cristiana Samanta Elizabet León Góme

Transcript of Introduccion web tecnologia

Page 1: Introduccion web tecnologia

WEB NIVEL INTRODUCCION TECNOLOGIA

2012: hacia una calidad de la educación, humana y cristiana

Samanta Elizabeth

León Gómez

Page 2: Introduccion web tecnologia

¿QUE SIGNIFICA EL TERMINO PROGRAMACIÓN?RESPUESTA EJEMPLO

2012: hacia una calidad de la educación, humana y cristiana

AUTORA: SAMANTA ELIZABETH LEON GOMEZ

Es un idioma artificial diseñado para

expresar computaciones que

pueden ser llevadas a cabo por máquinas

como las computadoras.

PSEINTACCES

Page 3: Introduccion web tecnologia

¿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: SAMANTA ELIZABETH LEON GOMEZ

Page 4: Introduccion web tecnologia

¿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: SAMANTA ELIZABETH LEON GOMEZ

Page 5: Introduccion web tecnologia

¿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: SAMANTA ELIZABETH LEON GOMEZ

Page 6: Introduccion web tecnologia

¿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: SAMANTA ELIZABETH LEON GOMEZ

Page 7: Introduccion web tecnologia

¿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: SAMANTA ELIZABETH LEON GOMEZ

Page 8: Introduccion web tecnologia

¿Qué son los eventos?

RESPUESTA EJEMPLO

2012: hacia una calidad de la educación, humana y cristiana

AUTORA: SAMANTA ELIZABETH LEON GOMEZ

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.

Page 9: Introduccion web tecnologia

¿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

AUTORA: SAMANTA ELIZABETH LEON GOMEZ

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

Page 10: Introduccion web tecnologia

¿A que se denomina aerobismo?

RESPUESTA EJEMPLO

2012: hacia una calidad de la educación, humana y cristiana

AUTORA: SAMANTA ELIZABETH LEON GOMEZ

Page 11: Introduccion web tecnologia

¿Cuáles son las etapas de un algoritmo?

RESPUESTA EJEMPLO

2012: hacia una calidad de la educación, humana y cristiana

AUTORA: SAMANTA ELIZABETH LEON GOMEZ

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

Page 12: Introduccion web tecnologia

¿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

AUTORA: SAMANTA ELIZABETH LEON GOMEZ

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.

Page 13: Introduccion web tecnologia

¿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

AUTORA: SAMANTA ELIZABETH LEON GOMEZ

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"

Page 14: Introduccion web tecnologia

¿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

AUTORA: SAMANTA ELIZABETH LEON GOMEZ

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

Page 15: Introduccion web tecnologia

¿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

AUTORA: SAMANTA ELIZABETH LEON GOMEZ

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.

Page 16: Introduccion web tecnologia

¿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

AUTORA: SAMANTA ELIZABETH LEON GOMEZ

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

Page 17: Introduccion web tecnologia

¿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: SAMANTA ELIZABETH LEON GOMEZ

Page 18: Introduccion web tecnologia

AND2012: hacia una calidad de la educación, humana y cristiana

AUTORA: SAMANTA ELIZABETH LEON GOMEZ

Page 19: Introduccion web tecnologia

OR2012: hacia una calidad de la educación, humana y cristiana

AUTORA: SAMANTA ELIZABETH LEON GOMEZ

Page 20: Introduccion web tecnologia

XOR2012: hacia una calidad de la educación, humana y cristiana

AUTORA: SAMANTA ELIZABETH LEON GOMEZ

Page 21: Introduccion web tecnologia

¿Que significa programación HTML?

RESPUESTA EJEMPLO

2012: hacia una calidad de la educación, humana y cristiana

AUTORA: SAMANTA ELIZABETH LEON GOMEZ

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).

Page 22: Introduccion web tecnologia

¿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

AUTORA: SAMANTA ELIZABETH LEON GOMEZ

•<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

Page 23: Introduccion web tecnologia

<HEAD>Clasificación Significado

2012: hacia una calidad de la educación, humana y cristiana

AUTORA: SAMANTA ELIZABETH LEON GOMEZ

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>

Page 24: Introduccion web tecnologia

<TITLE>Clasificación Significado

2012: hacia una calidad de la educación, humana y cristiana

AUTORA: SAMANTA ELIZABETH LEON GOMEZ

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>

Page 25: Introduccion web tecnologia

<BODY>Clasificación Significado

2012: hacia una calidad de la educación, humana y cristiana

AUTORA: SAMANTA ELIZABETH LEON GOMEZ

el cuerpo en otras que llamaremos BODY; nuestro esqueleto va a

quedar así:

<head> </head> <body> </body> </html>

Page 26: Introduccion web tecnologia

<H1… HB>Clasificación Significado

2012: hacia una calidad de la educación, humana y cristiana

AUTORA: SAMANTA ELIZABETH LEON GOMEZ

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>

Page 27: Introduccion web tecnologia

<CENTER>Clasificación Significado

2012: hacia una calidad de la educación, humana y cristiana

AUTORA: SAMANTA ELIZABETH LEON GOMEZ

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

Page 28: Introduccion web tecnologia

<P align= ‘’VALOR’’>Clasificación Significado

2012: hacia una calidad de la educación, humana y cristiana

AUTORA: SAMANTA ELIZABETH LEON GOMEZ

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>

Page 29: Introduccion web tecnologia

2012: hacia una calidad de la educación, humana y cristiana

POR SU ATENCION

INICIO