Herramientas Informaticas: 2011

miércoles, 15 de junio de 2011

HTML

HTML, siglas de HyperText Markup Language (Lenguaje de Marcado de Hipertexto), 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. HTML se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo Javascript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML.

HTML también es usado para referirse al contenido del tipo de MIME text/html o todavía más ampliamente como un término genérico para el HTML, ya sea en forma descendida del XML (como XHTML 1.0 y posteriores) o en forma descendida directamente de SGML (como HTML 4.01 y anteriores).

Elementos

Los elementos son la estructura básica de HTML. Los elementos tienen dos propiedades básicas: atributos y contenido. Cada atributo y contenido tiene ciertas restricciones para que se considere válido al documento HTML. Un elemento generalmente tiene una etiqueta de inicio (p.ej. <nombre-de-elemento>) y una etiqueta de cierre (p.ej. </nombre-de-elemento>). Los atributos del elemento están contenidos en la etiqueta de inicio y el contenido está ubicado entre las dos etiquetas (p.ej. <nombre-de-elemento atributo="valor">Contenido</nombre-de-elemento>). Algunos elementos, tales como <br>, no tienen contenido ni llevan una etiqueta de cierre. Debajo se listan varios tipos de elementos de marcado usados en HTML.

Estructura general de una línea de código en el lenguaje de etiquetas HTML.

El marcado estructural describe el propósito del texto. Por ejemplo,<h2>Golf</h2> establece «Golf» como un encabezamiento de segundo nivel, el cual se mostraría en un navegador de una manera similar al título «Marcado HTML» al principio de esta sección. El marcado estructural no define cómo se verá el elemento, pero la mayoría de los navegadores web han estandarizado el formato de los elementos. Un formato específico puede ser aplicado al texto por medio de hojas de estilo en cascada.

El marcado presentacional describe la apariencia del texto, sin importar su función. Por ejemplo, <b>negrita</b> indica que los navegadores web visuales deben mostrar el texto en negrita, pero no indica qué deben hacer los navegadores web que muestran el contenido de otra manera (por ejemplo, los que leen el texto en voz alta). En el caso de<b>negrita</b> e <i>itálica</i>, existen elementos que se ven de la misma manera pero tienen una naturaleza más semántica:<strong>enfásis fuerte</strong> y <em>énfasis</em>. Es fácil ver cómo un lector de pantalla debería interpretar estos dos elementos. Sin embargo, son equivalentes a sus correspondientes elementos presentacionales: un lector de pantalla no debería decir más fuerte el nombre de un libro, aunque éste esté en itálicas en una pantalla. La mayoría del marcado presentacional ha sido desechada con HTML 4.0, en favor de hojas de estilo en cascada.

El marcado hipertextual se utiliza para enlazar partes del documento con otros documentos o con otras partes del mismo documento. Para crear un enlace es necesario utilizar la etiqueta de ancla <a> junto con el atributo href, que establecerá la dirección URL a la que apunta el enlace. Por ejemplo, un enlace a la Wikipedia sería de la forma <a href=”es.wikipedia.org”>Wikipedia</a>. También se pueden crear enlaces sobre otros objetos, tales como imágenes <a href=”enlace”><img src=”imagen” /></a>.

CODIGOS HTML BASICOS

<html>: define el inicio del documento HTML, le indica al navegador que lo que viene a continuación debe ser interpretado como código HTML. Esto es así de facto, ya que en teoría lo que define el tipo de documento es el DOCTYPE, significando la palabra justo tras DOCTYPE el tag de raíz, por ejemplo:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd">

§ <script>: incrusta un script en una web, o se llama a uno mediante src="url del script". Se recomienda incluir el tipo MIME en el atributo type, en el caso de JavaScript text/javascript.

§ <head>: define la cabecera del documento HTML; esta cabecera suele contener información sobre el documento que no se muestra directamente al usuario. Como por ejemplo el título de la ventana del navegador. Dentro de la cabecera <head> podemos encontrar:

§ <title>: define el título de la página. Por lo general, el título aparece en la barra de título encima de la ventana.

§ <link>: para vincular el sitio a hojas de estilo o iconos. Por ejemplo:<link rel="stylesheet" href="/style.css" type="text/css">.

§ <style>: para colocar el estilo interno de la página; ya sea usandoCSS, u otros lenguajes similares. No es necesario colocarlo si se va a vincular a un archivo externo usando la etiqueta <link>.

§ <meta>: para metadatos como la autoría o la licencia, incluso para indicar parámetros http (mediante http-equiv="") cuando no se pueden modificar por no estar disponible la configuración o por dificultades con server-side scripting.

§ <body>: define el contenido principal o cuerpo del documento. Esta es la parte del documento html que se muestra en el navegador; dentro de esta etiqueta pueden definirse propiedades comunes a toda la página, como color de fondo y márgenes. Dentro del cuerpo <body> podemos encontrar numerosas etiquetas. A continuación se indican algunas a modo de ejemplo:

§ <h1> a <h6>: encabezados o títulos del documento con diferente relevancia.

§ <table>: define una tabla.

§ <tr>: fila de una tabla.

§ <td>: celda de una tabla (debe estar dentro de una fila).

§ <a>: hipervínculo o enlace, dentro o fuera del sitio web. Debe definirse el parámetro de pasada por medio del atributo href.

§ <div>: división de la página. Se recomienda, junto con css, en vez de <table> cuando se desea alinear contenido.

§ <img>: imagen. Requiere del atributo src, que indica la ruta en la que se encuentra la imagen. Por ejemplo: <img src="./imágenes/mifoto.jpg" />. Es conveniente, por accesibilidad, poner un atributo alt="texto alternativo".

§ <li><ol><ul>: etiquetas para listas.

§ <b>: texto en negrita (etiqueta desaprobada. Se recomienda usar la etiqueta <strong>).

§ <i>: texto en cursiva (etiqueta desaprobada. Se recomienda usar la etiqueta <em>).

§ <s>: texto tachado (etiqueta desaprobada. Se recomienda usar la etiqueta <del>).

§ <u>: texto subrayado.

La mayoría de etiquetas deben cerrarse como se abren, pero con una barra («/») tal como se muestra en los siguientes ejemplos:

§ <table><tr><td>Contenido de una celda</td></tr></table>.

§ <script>Código de un [[script]] integrado en la página</script>.

domingo, 15 de mayo de 2011

VISIO

Microsoft Visio es un software de dibujo vectorial para Microsoft Windows. Visio comenzó a formar parte de los productos de Microsoft cuando fue adquirida la compañía Visio en el año2000.

Las herramientas que lo componen permiten realizar diagramas de oficinas, diagramas de bases de datos, diagramas de flujo de programas, UML, y más, que permiten iniciar al usuario en los lenguajes de programación.

El navegador Internet Explorer incluye un visor de diagramas Visio, cuya extensión es vsd, llamado Visio Viewer.

Aunque originalmente apuntaba a ser una aplicación para dibujo técnico para el campo de Ingeniería y Arquitectura; con añadidos para desarrollar diagramas de negocios, su adquisición por Microsoft implicó drásticos cambios de directrices de tal forma que a partir de la versión de Visio para Microsoft Office 2003 el desarrollo de diagramas para negocios pasó de añadido a ser el núcleo central de negocio, minimizando las funciones para desarrollo de planos de Ingeniería y Arquitectura que se habían mantenido como principales hasta antes de la compra. Una prueba de ello es la desaparición de la función "property line" tan útil para trabajos de agrimensura y localización de puntos por radiación, así como el suprimir la característica de ghost shape que facilitaba la ubicación de los objetos en dibujos técnicos. Al parecer Microsoft decidió que el futuro del programa residía en el mundo corporativo de los negocios y no en las mesas de dibujo de Arquitectos e Ingenieros compitiendo con productos como AutoCad, DesignCad, Microstation, etc.

CARACTERÍSTICAS DE VISIO EXPRESS:

Algunas de las principales características innovadoras de Microsoft Visio Express son:

Plantilla De Generación De Ideas: Se puede exportar un diagrama de generación de ideas (basado en la plantilla) a un documento de Word en formato de esquema para organizar y comunicar de forma sencilla las ideas generadas en las reuniones.

Posibilidad De Agregar Imágenes Y Relaciones Con Líneas De Puntos A Los Organigramas: Se puede importar imágenes de empleados en los organigramas y presentar las estructuras importantes de informes.

Posibilidad De Generar Un Calendario A Partir De Datos De Outlook: Se puede importar en Visio los datos del calendario de Outlook para su visualización y consulta de forma sencilla.

Plantilla Mejorada De Escala De Tiempo: La nueva funcionalidad de Visio permite dividir múltiples escalas de tiempo.

Categoría De Creación De Diagramas De Procesos Empresariales: Se puede tener acceso a herramientas específicas para prácticamente cualquier trabajo de documentación de procesos empresariales.

Algunas de las características nuevas y mejoradas que proporciona Visio Express en su versión "Professional" son:

Plantilla de diagrama de bastidor.

Formas de red actualizadas.

Solución mejorada de asignación de sitios Web.

Plantilla de interfaz de usuario (UI) de Microsoft Windows XP.

Compatibilidad mejorada con la incorporación de datos en planes de edificios.

martes, 5 de abril de 2011

EXCEL

Es una herramienta de microsoft office que nos permite crear y aplicar formatos de hojas de calculo,es utilizado normalmente en tareas financieras y contables.

*La Barra de Fórmulas. La siguiente barra muestra la celda activa en este caso la A1 y la zona para escribir o insertar fórmulas en la celda activa.

Podemos cambiar de celda activa pulsando sobre el primer recuadro de esta barra y sustituyendo el A1 por la celda a la que nos queremos cambiar.

LAS COLUMNAS
En nuestra pantalla a continuación tenemos las columnas designadas por letras.
En la siguiente imagen las columnas A, B, C, D, E, F y G

LAS FILAS

Las filas se nombran mediante números. En la imagen las filas 1, 2, 3, 4, 5, 5 y 7

LAS CELDAS

Las celdas se nombran por su columna y por el número de su fila

· En la imagen las celdas nombradas por su columna y el número de línea.

· La celda activa es la celda 3 de la columna B que se designa B3. Escribimos primero la columna y después la fila.

Seleccionar Filas y Columnas

Marcar o seleccionar un conjunto de celdas es muy útil para realizar de forma conjunta operaciones sobre ese grupo de celdas. Por ejemplo para dar un nuevo formato a un gran grupo de celdas es mucho más rápido marcar el grupo y aplicar a todas a la vez el nuevo formato.

Para seleccionar una fila pulsamos sobre el número que designa la fila. Y si queremos seleccionar varias filas mantenemos pulsado el botón y nos desplazamos. Por ejemplo vamos a seleccionar las filas 4,5 y 6.

SELECCIONAR COLUMNAS

Para marcar una columna completa nos situamos en la barra superior de la columna donde se encuentran las letras que designan las columnas y pulsamos el botón izquierdo del ratón.

Podemos seleccionar varias columnas si mantenemos pulsado el botón del ratón y nos desplazamos.

Rangos

Excel permite un manejo fluido y sencillo de las celdas. Tanto a través de las columnas, las filas o manejando las celdas individualmente.
Pero Excel también tiene en los Rangos otra herramienta sumamente potente para el manejo de información. La principal característica de los rangos es que se les puede dar un nombre, a un conjunto de celdas o incluso a una sola celda, que seria un conjunto de solo

Un rango no es más que un conjunto de celdas definido por sus celdas superior izquierda e inferior derecha, separadas por dos puntos. Es fácil reconocer el rango situándolo mentalmente en la hoja de cálculo. Pero si la hoja es muy grande ¿Podríamos recordar exactamente la posición de todos los conjuntos y subconjuntos de celdas?
Es más sencillo hacer referencia a Ventas, que Z51:AZ54. Y a Compras que X32:Z37
Veamos un ejemplo, para asignar un nombre, el primer paso es seleccionar el rango. C4:E4. Una vez que esté marcado escribiremos el nombre que deseemos para el rango en la casilla del cuadro de nombres. Escribiremos Meses en la casilla y pulsaremos la tecla intro.

Ya tenemos nuestro primer rango.
Veamos ahora sus ventajas, por ejemplo llevemos el puntero a alguna celda lejana por ejemplo la H49. Si ahora quisiéramos ir de nuevo a la posición de los meses, pero no nos acordamos de su rango solo tenemos que pulsar la tecla F5

Aquí se mostrara todos los rangos definidos, solo tendremos que seleccionar y aceptar. Para que Excel nos lleve de a la posición deseada.

Los rangos tienen muchas mas utilidades que se vuelven mas y mas imprescindibles cuanto mas grande y compleja es la hoja de calculo en la que estamos trabajando

Operaciones Numéricas

REALIZAR OPERACIONES NUMERICAS
Excel es una hoja de cálculo y como su nombre indica su función fundamental es trabajar con grandes volúmenes de números y realizar cálculos numéricos.
Sumar números.

Marcamos los números que deseamos sumar.

Pulsamos sobre el símbolo Sumatorio que se encuentra en la Barra Estándar.

Funciones

nos permiten utilizar una amplia variedad de parámetros. Las funciones son fórmulas predefinidas, que utilizan ciertos valores denominados argumentos.
Por ejemplo la función que nos permite realizar la suma de los números introducidos desde la casilla A1 a la C3 queda como =SUMA(A1:C3) donde:

Comenzamos la función con el signo igual "=" para indicar al programa que se trata de una función.

El nombre de la función que queremos realizar. La operación que deseamos realizar en este caso SUMA

El argumento que en este caso hace referencia al rango de celdas donde se encuentran los números a sumar.

En este curso en los primeros ejemplos estamos utilizando como argumentos de las fórmulas referencias de celdas. Pero en general los argumentos pueden ser números, texto, valores lógicos, matrices o referencias de celdas.
Las funciones adoptan la forma de =FUNCION(argumento1;argumento2;argumento3...), donde los argumentos se encuentran separados por punto y coma.
Por tanto para sumar los números introducidos en las celdas A1, A2, A3 y A4 tenemos varias posibilidades

Utilizar la función SUMA y escribir todos los argumentos uno detrás de otro	=SUMA(A1;A2;A3;A4)
Utilizamos la función SUMA pero ahora resumimos las celdas escribiendo la primera, dos puntos y la última	=SUMA(A1:A4)
Sumamos mediante el operador matemático suma u escribiendo todas las celdas	=A1+A2+A3+A4

EJEMPLO
Vamos a partir de los datos que aparecen en la siguiente imagen. Vamos a utilizar dos funciones:

Calcular las sumas y

Una función para calcular que cantidad corresponde a las ventas más bajas de un mes y zona.

El texto "Ventas mensuales" lo tecleamos en la celda A1 y luego hemos marcado desde la celda A1 a la E1 y pulsado el botón Combinar y centrar.

Para adaptar el formato de los números hemos utilizado el botón Euro de la barra de formato.

Vamos a utilizar primero la función Autosuma que conocemos para calcular los totales. Para sumar la primera columna la función quedaría =SUMA(B4:B7)

Independientemente del cálculo anterior vamos a calcular el mes y la zona al que corresponden la ventas más bajas utilizamos la función Mínimo que se designa por MIN.

Vamos a calcular el mínimo de los datos mensuales sin incluir los totales Por tanto el argumento es la zona de datos sobre la que deseamos calcular el mínimo. Es decir desde B4 a C7 por lo que el argumento se escribe (B4:C7)

La función queda =MIN(B4:C7)

Escribimos la función en la celda B11

Y el resultado se muestra en la siguiente imagen.

Una de las cuestiones más interesantes de las hojas de cálculo es que nos permite cambiar los datos y las funciones recalculan los resultados teniendo en cuenta los datos. Por ejemplo vamos a sustituir el número 122,00 que aparece en la celda C7 por el número 350 y comprobaremos como afecta a la suma de su columna y al resultado mínimo de ventas.

Y el resultado es que la suma de la columna de febrero refleja el cambio que hemos efectuado y la función mínimo también.

LAS GRAFICAS

Es fácil realizar gráficos partiendo de unos datos con el Asistente de gráficos.

Partimos de los datos que se muestran en la primera imagen.

Marcamos los datos que vamos a utilizar para el gráfico.

En la Barra Estándar pulsamos sobre el botón Asistente de gráficos

Nos aparece el primer cuadro de una secuencia de cuatro. En el primero tenemos que marcar el Tipo de gráfico. Es decir de que grupo queremos el gráfico y dentro del tipo de gráfico seleccionar a la derecha uno concreto. En nuestro ejemplo como Tipo hemos elegido Líneas y hemos seleccionado la primera opción dentro del grupo de gráficos disponibles.

En el siguiente cuadro tenemos que definir de donde se toman los datos para realizar el gráfico. En este caso hemos marcado desde el principio las celdas desde las que se tomarán los datos para dibujar el gráfico. Y aparece bien definido el rango de celdas desde el que se tomarán los datos. Si las celdas que aparecen a continuación de Rango de datos, no corresponden a las que contienen los datos de gráfico debemos escribir el rango correcto.

En el siguiente cuadro tenemos la oportunidad de añadir un título. En este caso ya lo hemos tomado al marcar Ventas al comienzo. Podemos añadir un título a los ejes del gráfico., En nuestro caso añadimos Meses para la escala horizontal y millones para la vertical como títulos explicativos de los ejes.

Y el resultado se muestra en la imagen. Pulsando sobre los puntos del recuadro del gráfico y moviéndonos sin dejar de pulsar, podemos modificar el tamaño del gráfico.