Arreglos

Arreglos 

Definición 1   Un arreglo se compone de elementos de igual tamaño almacenados linealmente en posiciones de memoria consecutiva.

Se puede acceder a cada elemento de datos individual utilizando un subíndice, o índice, para seleccionar uno de los elementos. En C/C++ , un arreglo no es un tipo de datos estándar; es un tipo agregado compuesto de cualquier otro tipo de datos.

Los arreglos se pueden definir usando tipos de datos mixtos debido a que se supone que todos los elementos son del mismo tamaño. Puesto que todos los elementos son del mismo tamaño y ya que este hecho se utiliza para ayudar a determinar cómo localizar un elemento dado, resulta que los elementos son almacenados en localidades de memoria contiguas.

Lo más importante a tener en cuenta es: El nombre de un arreglo es visto por el compilador como un puntero-constante al primer elemento del arreglo. Esto es muy importante: a) El nombre del arreglo es visto como un tipo puntero, y más específicamente, b) un puntero constante -significa una dirección de memoria bloqueada para el primer elemento de un arreglo-. Por ejemplo, aunque una declaración de arreglo toma la fórma genérica:

Tipo_ElementoArray NombreArray [ NumeroDeElementos ]

El compilador ve la declaración como

Tipo_ElementoArray * const NombreArray = &NombreArray[0];

Por esta razón, un identificador de arreglo no puede ser usado nunca como un valor-i (valor izquierdo). Los valores izquierdos representan variables que su contenido puede ser alterado por el programa; frecuentemente aparecen a la izquierda de las sentencias de asignación.

Si los nombres de arreglo fueran variables izquierdos permitidos, el programa podría cambiar sus contenidos.

float SalariosDeEmpleados[Max_empleados];

.

.

.

SalariosDeEmpleados = 45739.0;

El efecto haría cambiar la dirección inicial del propio arreglo.

Declaraciones de un arreglo

La sintaxis de declaración de arreglos es:

tipo nombre_arreglo [numero_de_elementos];

Los siguientes son dos ejemplos de declaraciones de arreglos válidas en C/C++ :

int CoordenadasDePantalla[5]; /*Un arreglo de 5 enteros */

char IDCompania[20];          /*Un arreglo de 20 caracteres */

Arreglo CoordenadasDePantalla con índices de desplazamiento válido

En la figura 1 se muestra el primer arreglo que fue declarado con el tipo de números enteros, llamado CoordenadasDePantalla, ocupa en memoria 5 localidades de memoria contiguas, cada una de ellas capaz de almacenar un número entero. Actualmente es común que los números enteros sean de 32 bits, esto hace que el arreglo CoordenadasDePantalla ocupe bits

No se permite utilizar nombres de variables dentro de los corchetes. Por esto no es posible evitar la especificación del tamaño del arreglo hasta la ejecución del programa. La expresión debe ser un valor constante, para que el compilador sepa exactamente cuánto espacio de memoria tiene que reservar para el arreglo.

Una buena práctica de programación es usar constantes predefinidas.

#define Coordenadas_Max 20

#define Tamano_MaX_Compania_Id 15

int CoordenadasDePantalla[Coordenadas_Max];

char IDCompania[Tamano_MaX_Compania_Id];

El uso de constantes predefinidas garantiza que futuras referencias al arreglo no excedan el tamaño del arreglo definido.

EJEMPLOS DONDE SE UTILIZAN ESTRUCTURAS DE DATOS

Ejemplos

1. Diseñar un algoritmo que ingrese 30 notas aprobados y que me muestre la nota mayor y el promedio de todas (Nota>=10.5 y Nota<=20)

Solución :

Inicio

nota[30], s, may, p : real

i : entero

s←0

para (i=1; i<=30; i++)

repetir

Ingresar nota [i]

hasta (nota[i]>=10.5) y (nota[i]<=20)

s ← s + nota[i]

si (i=1) entonces

may ← nota[i]

sino

si (nota[i]>may) entonces

may ← nota[i]

fin _ si

fin _ si

fin _ para

p ← s/30

mostrar "PROMEDIO TOTAL ES",p

mostrar "LA NOTA MAYOR ES",may

Fin

INTODUCCION A LA ESTRUCTURA DE DATOS

II. INTRODUCCIÓN

Como ya sabemos, las computadoras fueron diseñadas o ideadas como una herramienta mediante la cual podemos realizar operaciones de cálculo complicadas en un lapso de mínimo tiempo. Pero la mayoría de las aplicaciones de este fantástico invento del hombre, son las de almacenamiento y acceso de grandes cantidades de información.

La información que se procesa en la computadora es un conjunto de datos, que pueden ser simples o estructurados. Los datos simples son aquellos que ocupan sólo una localidad de memoria, mientras que los estructurados son un conjunto de casillas de memoria a las cuales hacemos referencia mediante un identificador único.

Debido a que por lo general tenemos que tratar con conjuntos de datos y no con datos simples (enteros, reales, booleanos, etc.) que por sí solos no nos dicen nada, ni nos sirven de mucho, es necesario tratar con estructuras de datos adecuadas a cada necesidad.

Las estructuras de datos son una colección de datos cuya organización se caracteriza por las funciones de acceso que se usan para almacenar y acceder a elementos individuales de datos.

Una estructura de datos se caracteriza por lo siguiente:

• Pueden descomponerse en los elementos que la forman.
• La manera en que se colocan los elementos dentro de la estructura afectará la forma en que se realicen los accesos a cada elemento.
• La colocación de los elementos y la manera en que se accede a ellos puede ser encapsulada.

Ejemplo: Supongamos que nos enfrentamos a un problema como este: Una empresa que cuenta con 150 empleados, desea establecer una estadística sobre los salarios de sus empleados, y quiere saber cual es el salario promedio, y también cuantos de sus empleados gana entre $1250.00 y $2500.00.

Si tomamos la decisión de tratar este tipo de problemas con datos simples, pronto nos percataríamos del enorme desperdicio de tiempo, almacenamiento y velocidad. Es por eso que para situaciones de este tipo la mejor solución son los datos estructurados.

OBJETIVOS:

Identificar  y reconocer la importancia de los datos estructurados en la programación mediante la utilización de estructuras lógicas de datos que te permitan hacer un uso más eficiente del espacio de memoria, de minimizar los tiempos de acceso, así como de lograr formas más efectivas de inserción y eliminación de datos en estructuras de almacenamiento.

TEXOS EN CURVAS

Adaptar el texto a un trayecto

 

Es posible añadir texto artístico a lo largo del trayecto de un objeto abierto (por ejemplo, una línea) o de un objeto cerrado (por ejemplo, un cuadrado). También puedes adaptar texto existente a un trayecto. El texto artístico se puede adaptar a un trayecto abierto o cerrado. El texto de párrafo solo se puede adaptar a trayectos abiertos.

Veamos los pasos a seguir para adaptar un texto a un trayecto:

 1) Debes tener un texto y un trayecto abierto o cerrado.

2) Selecciona el texto con la Herramienta de Selección

3) Haz clic en el menú Texto / Adaptar texto a trayecto.

4) El puntero adopta la forma de una flecha negra y cuando apoyas sobre el trayecto se verá una previsualización si mueves el puntero de ratón.

5) Si te alejas con el puntero del trayecto podrás ver una distancia paralela al trayecto en el cual puedes alojar el texto también.

Haz clic Para alojar el texto en el trayecto.

6) Observarás que el texto queda separado del trayecto

Una vez que has adaptado el texto a un trayecto, puedes ajustar la posición del texto con relación a dicho trayecto. Por ejemplo, puedes situar el texto en el lado opuesto del trayecto o ajustar la distancia entre el texto y el trayecto.

Luego de adaptar el texto al trayecto, la Barra de Propiedades pasa a ser como en la siguiente imagen:

Puedes modificar la orientación, posición, distancia y desplazamiento del texto con respecto al trayecto.

EFECTOS DE IMAGEN A LOS TEXTOS

Pasos para aplicar efectos de imagen a los textos (Power Clic)

• Primero debes configurar las opciones Power Clic, haciendo clic en el menú Herramientas, opciones, Editar finalmente en Centrar automáticamente nuevo contenido de Power Clic y pulsa en el botónOk.

• Inserta una Imagen u objeto.
• Escribe el texto fuera de la imagen u objeto.
• Selecciona la imagen u objeto.
• Activa el menú Efectos , opción Power Clic – Situar dentro del contenedor.
• Te aparece una flecha de color negro, desplázala hacia el texto  y has clic dentro del mismo.
• Finalmente observaras el texto con efecto de la imagen (Power Clic)

2.      

4.      

5.      

6.     

7.       

Elementos que se puede Agregar a Dreamweaver

Tipos de objeto a insertar

La ventana y el menú Insertar, muestran varios tipos de objetos que pueden insertarse. La siguiente es la lista de las categorías que aparecen:

• Común: Esta categoría contiene aquellos elementos que se emplean con mayor frecuencia, entre los que se encuentran divs, tablas, imágenes, hipervínculos, etc.
• Diseño: En esta categoría, se incluyen aquellos elementos que se emplean para el diseño, como tablas, divs, marcos, etc.
• Formularios: Contiene los botones y campos que deben emplearse en la confección de formularios
• Datos: Tiene elementos de datos dinámicos.
• Spry: Contiene los elementos para generar páginas de Spry y objetos de datos.
• InContext Editing: Botones para crear páginas de InContext Editing.
• Texto: Para insertar etiquetas de texto (h1, h2, b, i, etc.) y listas (ul, ol, li, etc.), así como otras etiquetas de texto.
• Favoritos: Espacio destinado a colocar aquellos botones que el usuario emplea con más frecuencia. Para personalizar esta categoría, se debe hacer clic con el botón derecho del ratón y seleccionar “Personalizar Favoritos”, abriendo una ventana que permite incluir botones.

Categoría de elementos comunes

• Hipervínculo: Cuando se selecciona insertar hipervínculo, se abre una ventana que muestra todos los atributos del vínculo. En primer lugar se debe introducir el texto del hipervínculo. En el segundo campo, se debe introducir el nombre del archivo a vincular o se puede emplear seleccionar el ícono que se encuentra a la derecha para navegar y seleccionar el archivo visualmente. Luego se selecciona el destino del hipervínculo, escribiendo el marco donde se abrirá o se selecciona alguno de los destinos prefijados. En el siguiente campo se ingresa el título que se le dará al vínculo. En clave de acceso, se introducirá una letra que servirá para seleccionar el vínculo con el teclado. En índice de ficha, se coloca un número que servirá para generar un orden de fichas.
• Vínculo de correo electrónico Introduce un vínculo que abrirá una ventana de correo del programa de correo electrónico del usuario. Contiene dos campos, en los cuales se debe introducir el texto del vínculo y el correo electrónico que se desea vincular.
• Anclaje con nombre: Introduce un ancla con nombre para los vínculos internos de la página.
• Regla horizonatl: Haciendo clic en este botón, se introduce en el documento en creación un elemento <hr />, que genera una línea horizontal.
• Tablas: Cuando se selecciona la introducción de tablas, se abre una ventana que permite seleccionar y determinar los atributos de la tabla que se está creando, como ancho, cantidad de filas y columnas, borde, relleno, espaciado entre celdas, etc.
• Insertar etiqueta Div: Abre un cuadro donde se introducirán las características de la nueva etiqueta. En insertar, se permite especificar el nombre y la ubicación de la etiqueta. Más abajo aparecen dos campos Clase e Id. En caso de que se trate de un div que no esté contemplado en el CSS, se puede introducir una nueva regla CSS.
• Media: Permite insertar diferentes tipos de archivos de medios en la página. Cada uno de los medios seleccionados, abren un cuadro que permite introducir las características con que se mostrará en la página.
• Fecha: Inserta la fecha actual.
• Server Side Include: Este botón incluye un vínculo, que cuando el usuario lo selecciona, se abre una página que incluye un archivo. Este archivo se selecciona en un cuadro que se abre cuando se hace clic en este botón.
• Comentario: Introduce en el código etiquetas de apertura y cierre de comentario (<!– –>).
• Head: Introduce elementos meta, como palabras clave, descripción, meta, etc.
• Script: Introduce una etiqueta script, abriendo un cuadro que permite introducir los elementos que componen el script, como por ejemplo, seleccionar el tipo de scrip de una lista,  vincular con un archivo externo, escribir el script directamente, etc.
• Plantillas: Haciendo clic en el ícono, se abre un menú que permite seleccionar alguna de las opciones de trabajo con plantillas.
• Selector de etiquetas: Abre una ventana llamada selector de etiquetas, que permite seleccionar una etiqueta de una amplia lista, además de poder visualizar una descripción completa (en inglés) de la misma.
•  
•  

Pasos para diseñar un sitio Web

Parte 1: Conseguir Adobe Dreamweaver
   

Bueno, llegado a este punto, supongo que has de tener instalado el Macromedia Dreamweaver8 del programa en Español, por su puesto. Por eso te recomiendo que intentes conseguir esta version para poder seguir el tutorial. en tu ordenador. Nosotros utilizaremos la version

Tambien supongo que tienes un espacio web, si no lo tienes puedes acceder a uno gratuito, Aqui te dejo una lista de Servidores gratuitos muy buenos para alojar tu Web.

Parte 2: Preparar nuestro entorno de trabajo.   

Una vez que te hayas descargado e instalado el Dreamweaver, necesitas crear las carpetas en las cuales vamos a meter todo el contenido de nuestra Web. Vamos a crear dos carpetas:

Una carpeta que llamaremos "web" que es donde irá todo el contenido de nuestra web e iremos guardando nuestra página a medida que la vayamos creando. Al mismo tiempo dentro de esta carpeta "web" crearemos una nueva carpeta que llamaremos "imagenes". Esto que parece una tonteria, es MUY IMPORTANTE, ya que nos permitirá tener organizada nuestra web, y a la hora de subir la web será mucho más facil.

Parte 3: Y... ¿Como lo vamos a hacer?  

Bueno, una vez hecho todo lo anterior, te voy a explicar por encima como vamos a hacer nuestra primera pagina web. Vamos a utilizar el sistema que utilizan la mayoria de webmasters. Vamos a trabajar con Etiquetas DIV.... no te asustes !!! Son muy sencillas de utilizar, te explico por encima:

Una Etiqueta DIV es un pequeño rectangulo, donde podemos poner cosas dentro. Es decir, las DIV se utilizan para dividir la web en partes, y trabajar esas partes de forma individual. 

Es muy sencillo, a cada etiqueta le daremos un tamaño determinado. No te preocupes por eso, lo haremos mediante una Hoja de Estilo que es un documento donde escribimos el tanto el tamaño que queremos darle a las etiquetas, como la posicion que queremos que tengan. Dentro de cada DIV podremos poner muchas cosas: Texto, Tablas, Listas, Imagenes, Links ....

Una vez que ya te has familiarizado con estos conceptos, creo que estas preparado para comenzar con lo que realmente nos interesa "Crear nuestra primera WEB"

Parte 1: Empieza nuestro proyecto...Abrimos Dreamweaver 
 

Bueno, una vez que te haya quedado claro todo lo anterior, es hora comenzar con la creacion de nuestra pagina web.
1º. Vamos a ejecutar el Dreamweaver. Vamos a Archivo > Nuevo > Página en blanco > Html.

 

Una vez dentro, puede que te asustes, ya que tiene demasiadas opciones y botones, pero descuida ya que la mayoria no los vamos a utilizar. Veras que la pantalla se divide en dos partes, la del "codigo html"  y la de "diseño"  donde veremos graficamente nuestra web

Parte 2: Poniendo el Titulo a la pagina 

 

Ubicate en la parte de Codigo y pon el Titulo que quieras a tu pagina web y ponle el título Titulo : Ejemplo Animales.

Creando nuestra Cabecera Web   

Bueno, una vez llegado a este punto debes tener la estructura de la web bien formada: Ojo, si te ves que te ha resultado facil, puedes probar haciendo diferentes diseños, añadiendo mas Etiquetas Div a la pagina, o colocandolas de diferentes formas. 

Creando nuestro Menu y Nuestro Contenido   

Para crear nuestro Menu, nos basaremos en la utilizacion de una Tabla. Es muy sencillo, colocate dentro de la Etiqueta Div que creamos con el nombre "menu". Una vez dentro, vete a Insertar > Tablas.
Elige una tabla de 1 sola columna y 10 filas por ejemplo.

Si te fijas la tabla esta entre las etiquetas <div> (indica el principio)  y  </div> (indica el final).
Una ves contruida la Tabla, puedes darle color de Fondo a las celdas, Y escribir cosas en ella.

Modo de trabajo con Dreamweaver

Una vez visto la pequeña descripción de los elementos que conforman la panatalla principal de Dreamweaver, vamos a a ver como las introducimos en nuestro sitio web el imagenes o codigo html. Para ello tienes que tener la ventana principal del dreamweaver dividida para que se vea tanto el código HTML como el diseño así:

Diferentes vistas de Dreamweaver

Vista de Código

Conforme cree y trabaje con los documentos, Dreamweaver generará automáticamente el código HTML subyacente. Para examinar o editar este código, utilice uno de los editores de código de Dreamweaver: la vista de Código de la ventana de documento o el inspector de código.

Vista de Diseño

La vista de Diseño muestra una representación visual del documento tal y como la verá en la pantalla del navegador. Cuando trabaje en la vista de Diseño, podrá optar entre dos vistas para realizar el diseño: vista de Disposición (puede diseñar una disposición de página e insertar gráficos, texto y otros elementos multimedia) o vista Estándar (permite insertar capas, crear documentos de marcos, crear tablas o utilizar otras funciones no disponibles en la vista de Disposición y se activa haciendo clic en el icono Vista estándar del panel Objetos).

Vista Combinada

Como se señaló, es una combinación de las dos anteriores.

DREAMWEAVER

El Dreamweaver, es un programa de la empresa Adobe que sirve para diseño y programación web, básicamente para hacer o modificar páginas de Internet.es utilizado principalemte para la creacion de sitios web y aplicaciones, tambien se usa para la edicion creacion de codigo para la web.es fácil de usar y permite crear páginas web profesionales.

Las funciones de edición visual de Dreamweaver permiten agregar rápidamente diseño y funcionalidad a las páginas, sin la necesidad de programar manualmente el código HTML.
Se puede crear tablas, editar marcos, trabajar con capas, insertar comportamientos JavaScript, etc., de una forma muy sencilla y visual.
Además incluye un software de cliente FTP completo, permitiendo entre otras cosas trabajar con mapas visuales de los sitios web, actualizando el sitio web en el servidor sin salir del programa.

El programa es realmente muy completo y sus nuevas versiones son cada vez más sencillas, aunque siempre necesitarás conocer algo del tema para poder utilizarlo.


PANTALLA PRINCIPAL DE DREAMWEAVER

El aspecto de la pantalla de Dreamweaver nada más abrirlo se compone de los siguientes elementos:

• La Ventana Bienvenido: aparece la primera vez que iniciamos el programa. Ofrece sugerencias para la configuración del espacio de trabajo para distintos fines e información sobre nuevas funciones para aquellos que hayan trabajado con antiguas versiones de Dreamweaver
• La Barra de título: en la parte superior de la ventana de programa, muestra el nombre del Web abierto actualmente y los botones minimizar, restaurar y cerrar.
• La Barra de menús: situada bajo la barra de título, permite acceder a todas las opciones del programa a través de sus menús.
• la Ventana del documento: es el área principal de trabajo. Aquí es donde crearemos nuestras páginas Web. Esta es una ventana que se puede minimizar, maximizar y restaurar. 
• Barra de Herramientas Documento:

Justo encima de la ventana de documento. Dreamweaver puede presentar dos barras de herramientas: Documento y Estándar. Esta que vemos por defecto es la de Documento. Actúa directamente sobre la ventana de documento:

• Para mostrar la vista del código HTML de la página Web
• Para mostrar un a vista conjunta del código y el diseño
• Para mostrar la vista del diseño nuestro documento
• Para dar un título a nuestra pagina Web en el cuadro de texto "Titulo"

•  Barra de Herramientas Estándar:

Se muestra y oculta seleccionando Ver>Barras de Herramientas>Estándar. Presenta las opciones básicas de gestión de ficheros junto con el uso del portapapeles y las opciones de deshacer y rehacer. En el caso de la imagen esta barra está oculta.

• Panel Insertar

Desde este panel y sus solapas, como desde su menú paralelo Insertar, introduciremos los elementos más utilizados para el diseño de los objetos de una página Web.

• Inspector de Propiedades

Es la herramienta principal para determinar los detalles de un objeto o texto seleccionado. El contenido de este panel varía dependiendo del objeto seleccionado en la ventana de documento (texto, imagen, tabla, ...), y así modificar sus atributos.

• Menú de Paneles

Ocupa la parte derecha de la pantalla y está diseñado para contener los paneles más utilizados por el usuario. Su uso es muy cómodo gracias a que se puede ocultar y visualizar todo el menú con solo pulsar en el botón situado en medio de la barra que lo separa del resto de la pantalla.

• Barra de Estado

Situada debajo de la ventana de documento. A la izquierda de la barra tenemos el Selector de etiquetas HTML. Este es de gran utilidad. Si el documento es una página vacía solo se verá la etiqueta <body>. Pero a medida que la pagina se complique el Selector ampliará la lista de etiquetas según donde se sitúe el cursor. Muestra las etiquetas que rodean la posición del cursor. Como su nombre indica, hace algo más que indicar la posición en el documento. Mediante él, se puede seleccionar rápidamente cualquier elemento que rodee al cursor en uso, para modificarlo o eliminarlo.

A la derecha de la barra de estado podemos ver información sobre el documento.

• Tamaño de la ventana de diseño del documento, en píxeles.
• Indicador de descarga, que nos informa del tamaño del documento y el tiempo de descarga.

Nota: En los siguientes días pondre mas entradas sobre los demas temas ok.

SENTENCIA REPETITIVA FOR

SENTENCIA  FOR

Permite inicializar los controles del bucle es la sentencia for ( <i>; <e>; <p> ) <s>. La sentencia for se puede escribir también como:

Sentencias For

for(contador; final; incremento)

{

    Codigo a Repetir;

}

donde:

1. contador es una variable numérica
2. final es la condición que se evalua, o sea, el valor final para contador
3. incremento es el valor que se suma o resta al contador

Ejemplo 1:

for(i=1; i<=10; i++)

{

    cout<<"Hola Mundo";   

}

Esto indica que el contador "i" inicia desde 1 y finaliza cuando el contador "i" sea menor o igual a 10 ( en este caso llegará hasta 10) e "i++" realiza la sumatoria por unidad lo que hace que el for y el contador se sumen. repitiendo 10 veces "HOLA MUNDO" en pantalla.

Ejemplo 2:

for(i=10; i>=0; i--)

{

    cout<<"Hola Mundo";   

}

Este ejemplo hace lo mismo que el primero, salvo que el contador se inicializa a 10 en lugar de 1; y por ello cambia la condición que se evalua así como como que el contador se decrementa en lugar de ser incrementado.

Pseudocódigo

Inicio

Desdei=0 hasta100

Escribiri

Fin_desde

Fin

Problema:

Realizar un programa que permita presentar la tabla de multiplicar de cualquier numero

Programa:

#include <iostream.h>

#include <stdlib.h>

int main()

{

int num;

cout << "\n Numero de la Tabla de Multiplicar:"<<endl;

cin >>num;

for(int i=1; i<=10; i++)

cout<< num <<"*"<<i<<"="<<num*i<<

endl;

system("PAUSE");

return 0;

}

Ejercicos Propuestos

1.- Escriba un programa para obtener la suma de los números pares entre 1 y 25.  

2.- Modifique el ejercicio propuesto #1 de la sentencia do .. while