PRESENTACIÓN WEB 2.0

2012 Hacia la calidad educativa, democrática y humanista.

Laura Alejandra Guaneme - Angie

Carolina Rodriguez

PROGRAMACIÓN WEB INTRODUCCIÓN.



Carolina Rodriguez

Respuesta Ejemplo

Es el proceso de diseñar, codificar, depurar y mantener el código fuente de programas computacionales.

/* Inclusión de archivos */ #include <stdio.h> /* Función principal */ int main (int argc,char **argv) { /* Impresión por pantalla y salida del programa*/ printf("Hola mundo\n"); return 0; } $ ./holamundoc Hola Mundo $

QUE ES Programación?



Carolina Rodriguez

Respuesta Ejemplo

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.

if( numero > 0 ) printf( "El número es positivo" )

QUE ES LENGUAJE DE ALTO Nivel?



Carolina Rodriguez

Respuesta Ejemplo

1º El Lenguaje Máquina

2º Lenguajes de programación de bajo nivel.

3º Lenguajes de programación de alto nivel.

1,Este lenguaje de programación utiliza el alfabeto binario, es decir, el 0 y el 1.2. en inglés, ADD, SUB, DIV, etc.; en español, SUM,RES,DIV,etc. Una instrucción típica de suma sería:ADD M, N, P3. Ada, BASIC, COBOL, FORTRAN, Pascal

Clasificación DE LOS LENGUAJES DE ALTO Nivel



Carolina Rodriguez

Respuesta Ejemplo

Es un paradigma de programación que usa objetos y sus interacciones, para diseñar aplicaciones y programas informáticos.

(POO) es una forma especial de programar, más cercana a como expresaríamos las cosas en la vida real que otros tipos de programación.

A QUE SE Denomina Programación Orientada?



Carolina Rodriguez

Respuesta Ejemplo

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.

Ejemplo de programa orientado a eventos en pseudo lenguaje:While (true){ Switch (event){ case mousse_button_down: case mouse_click: case keypressed: case Else: } }

QUE SON EVENTOS?



Carolina Rodriguez

Respuesta Ejemplo

Su funcionamiento se basa en elementos gráficos como iconos, botones, barras, menús que resultan de gran utilidad para hacer mas rápido y sencillo las utilidades de Windows.

El desarrollo de windows parte de las siguientes versiones: 3,0 -3,1- 3,11 -95 -98- 2000 -milenium y XP.

Ambiente Grafico DE Windows?



Carolina Rodriguez

Respuesta Ejemplo

Es un conjunto prescrito de instrucciones o reglas bien definidas, ordenadas y finitas que permite realizar una actividad mediante pasos sucesivos que no generen dudas a quien deba realizar dicha actividad.

QUE ES UN ALGORiTMO?



Carolina Rodriguez

Respuesta Ejemplo

1. Análisis del problema2. Diseño de algoritmo3. Codificación4. Compilación y ejecución5. Verificación6. Depuración7. Documentación

1-2 Conducen al diseño detallado por medio un código escrito en forma de un algoritmo.3-Se implementa el algoritmo n un código escrito en un lenguaje de programación. Refleja las ideas desarrolladas en las etapas de análisis y diseño.4-Traduce el programa fuente a programa en código de maquina y lo ejecuta.5-6-Busca errores en las etapas anteriores y los elimina.7-Son comentarios, etiquetas de texto, que facilitan la comprensión del programa

CUALES SON LAS ETAPAS DE UN Algoritmo?



Carolina Rodriguez

Respuesta Ejemplo

Formato vertical

Formato horizontal

Formato panorámico

Formato Arquitectónico

Óvalo o Elipse: Inicio y términoRectángulo: ActividadRombo: Decisión Círculo: Conector (Representa el enlace de actividades con otra dentro de un procedimiento)Triángulo boca abajo: (Guarda un documento en forma permanente).Triángulo boca arriba: Archivo temporal.

CUALES SO LOS Diagramas DE FLUJO Y Q Símbolos Tiene?



Carolina Rodriguez

Respuesta Ejemplo

una constante es un valor que no puede ser alterado durante la ejecución de un programa , corresponde a una longitud fija de un área reservada en la memoria principal del ordenador, donde el programa almacena valores fijos.

#include <stdio.h> #define PI 3.1415926 int main() { printf("Pi vale

%f", PI); return 0; }

A Diferencia DE LAS Variables QUE SON LAS CONSTANTES?



Carolina Rodriguez

Respuesta Ejemplo

Al declarar una variable estamos diciendo al ordenador que reserve una parte de la memoria RAM para almacenarla. Cada vez que ejecutemos el programa la variable se almacenará en un sitio diferente; eso no lo podemos controlar; depende de la memoria disponible y de otros varios factores.

#include <stdio.h> main() { int a = 10; printf( "Dirección de a = %p, valor de a = %i\n", &a, a ); }

COMO SE DECLARAN LAS Variables EN LA Memoria RAM?



Carolina Rodriguez

Respuesta Ejemplo

< <=>>==<>

Valor1 < Valor2Valor1 <= Valor2Valor1 > Valor2Valor1 >= Valor2Valor1 = Valor2Valor1 <> Valor2.

CUALES SON LOS OPERADORES Matemáticos Relacionales O DE

Comparación?



Carolina Rodriguez

ANDEntrada

Entrada Salida

0 0 0

0 1 0

1 0 0

1 1 1

Entrada

Entrada

Salida

0 0 0

0 1 1

1 0 1

1 1 1

EXOR

Entrada

Entrada

Salida

0 0 0

0 1 1

1 0 1

1 1 0

OR

CUALES SON LAS TABLAS Lógicas PARA: AND, OR, EXOR?



Carolina Rodriguez

Respuesta Ejemplo

Es el lenguaje de marcado predominante para la elaboración de páginas web. 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

Explique EL CONCEPTO DE Programación HTML?



Carolina Rodriguez

HTML: Es un lenguaje de marcas

<B>Letra Negrita, del inglés Bold (negrita).

<TABLE> Definirá una tabla.

<IMG> Inclusión de una IMaGen.

HEAD :iran las etiquetas de cabecera que le informaran al navegador el tipo de documento, el titulo, la descripcion las palabras claves, iran los script, etc

<head> Contenido del Head </head> (cierre)



Carolina Rodriguez

TiTLE: es la que define el título de una página web individual.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

<h1>...</h1>, <h6>....</h6>...: Titulares. Sirven para dividir el texto en secciones. Se pueden definir seis niveles de titulares, siendo <h1> el de mayor tamaño y el <h6> el de menor tamaño.

<h1> Titular h1 </h1> se mostrará:

Titular h1



Carolina Rodriguez

CENTER: centro Como podemos observar,el parrafo "Esto es un ejemplo" se encuentra en el margen izquierdo de la pagina, pues es la ubicacion por default. Ahora vamos a centrarlo usando la etiqueta <center>.Primero vamos escribir el codigo html del parrafo,que seria como sigue:<p align="center">Esto es un ejemplo</p>Y enseguida mostramos como se veria el parrafo en nuestra pagina web



Carolina Rodriguez

FIN

PRESENTACIÓN WEB 2.0

Technology

Transcript of PRESENTACIÓN WEB 2.0