Reflejos de Fotografias

class="reflect"/>

HIPERVINCULOS

CREANDO ENLACES
(HIPERVINCULOS)


Los enlaces (también llamados hipervínculos, o links en inglés) permiten enlazar diferentes partes de un website, ya sean diferentes páginas o distintas partes de una misma página. Estos enlaces nos permiten la creacción de contenidos ordenados y jerarquizados.


Enlace
donde:

- pagina.html : es la página que queremos enlazar, de manera que al pulsar sobre la palabra "Enlace" saltaremos directamente a pagina.html (en este caso pagina.html se encontraría en el mismo servidor y en el mismo directorio que la página en la que se encuentra nuestro enlace).

- destino : nos indica el destino en donde queremos que aparezca la página que enlazamos una vez que "clickeemos" sobre el enlace. Por omisión, sino se especifica este parámetro (target) la página del enlace se abrirá en la misma ventana que la página de origen. Algunos parámetros válidos para esta opción son:

_blank : abre el enlace en una ventana nueva.
_self : es la opción por defecto, y abre el enlace en la misma ventana.
_top : abre el enlace en toda la ventana (utilizado en páginas con frames).
_parent : abre el enlace en el marco primario (utilizado en págs. con frames).

La técnica del framing la estudiaremos en capítulos posteriores, y en ella veremos como sacar más partido a la opción target.

Ejemplo de hipervinculos o enlace HTML

También es posible enlazar con una parte determinada de una misma página web, es decir, que el enlace no tiene porque ser obligadamente a una página diferente, sino que puede ser a una parte en concreto de la página. Para ello haremos el enlace de la forma: Ir al final de la página y en el sitio exacto en donde queremos queremos enlazar colocaremos la etiqueta .

La etiqueta Mandame un e-mail

En este ejemplo, al pinchar sobre el enlace "Mandame un e-mail", se nos abrirá nuestro gestor de correo electrónico que tengamos configurado por defecto, permitiendonos mandar un e-mail a la dirección yo@servidor.com

A continuación vamos a ver algunos ejemplos de enlaces, comentandolos:


(1) El enlace apunta a pagina2.html , que se encuentra en el mismo servidor y directorio que la página origen. El enlace se abriría en una nueva página gracias a la opción _blank .

(2) Enlace a una dirección de correo (yomismo@correo.net). Al activar el enlace se abriría el gestor de correo que tuvieramos configurado com predeterminado.

(3) Este enlace (referencia absoluta) apunta a una página web con su URL (Uniform Resource Locator) completa, lo cual se utiliza normalmente para hacer referencia a una página que se encuentra en un servidor diferente del que se encuentra la página origen. En nuestro ejemplo, el enlace abriría la página con URL: http://www.servidor.net/user102/pag27.html

(4) El enlace apunta hacia la etiqueta #capitulo1 de la página web pag5.html

TIPOS DE HIPERENLACES

Podríamos definir tres tipos de hiperenlaces diferentes:


Enlaces a páginas web (tuyas propias o de otros)
Enlaces a archivos (tuyos o de otros)
Enlaces a correo electrónico
Enlaces "ancla" a una parte determinada de una página (normalmente tuya)

Enlaces a archivos

No sólo se pueden enlazar páginas web; todos los archivos (tuyos y de la red) son enlazables, de tal manera que los hagas visibles en la pantalla, o los puedas DESCARGAR.
Ajá, esta palabra ha despertado tu atención ein? . Efectivamente, puedes hacer que los que entren en tu página se descargen archivos (tuyos propios o de otra página web) o los visualicen en su monitor. El cómo depende del formato del archivo.

Formatos reproducibles
Todos aquellos que pueda reproducir el software instalado en el ordenador del que pincha el enlace:
Formatos de office: .xls; .doc; .ppt; .txt;...
Formatos de imagen: .jpg; .gif; .tif;...
Formatos de audio: .mid; .wav; .mp3;...
Formatos de video: .mpg; .mpeg; .avi...
Otros formatos: .swf; .exe;...
Formatos descargables
Todos los reproducibles, al pinchar sobre ellos con el botón derecho y elegir "guardar destino como". O bien:
Los archivos ejecutables: .exe
Los archivos comprimidos: .zip; .rar; .arj;...
Otros:

Tened muy en cuenta, que el directorio de referencia (raíz) para una página, es aquel en el que la página se encuentra ubicado.

Generador de menu en linea

Menuonline

Crear un blog

Traductor

TRADUCE EN EL IDIOMA QUE DESEES

INGRESO A POWER POINT

POWER POINT 1ª CLASE

Enviar Correo

crear banner en lineas

HTML EN LINEA

ESCRIBE EL CODIGO Y VISUALIZALO COMO TE QUEDARA
AQUI MISMO

WEB 2.0

| View | Upload your own

Tabla de colores

Colores en HTML

Colores
Los colores se forman a partir de tres básicos, que son el rojo, verde y azul. La intensidad de cada componente se expresa como un número hexadecimal del 00 al FF (del 0 al 255 en base diez)Los números hexadecimales, se forman utilizando 16 dígitos (en lugar de los diez de la numeración decimal habitual o dos en la binaria). Estos dígitos son: 0 1 2 3 4 5 6 7 8 9 A B C D E FAsí:, por ejemplo, el color rojo se representa como #FF0000, porque tiene el toda la intensidad de rojo y nada de verde y azul.
Los colores basicos son:#FF0000 - Rojo#00FF00 - Verde#0000FF - Azul
Otros colores son:#FFFFFF - Blanco#000000 - Negro#FFFF00 - Amarillo
Para hacer un color más oscuro, reduce la intensidad del componente, dejando los otros dos iguales. Así, el rojo (#FF0000) se hace más oscuro así: #CC0000, #990000, #660000, #330000 etc
Para hacer que un color más pastel, simplemente variar los otros dos colores dejando igual el principal. Así, el rojo (#FF0000) se hace más claro asi: #FF3333, #FF6666, #FF9999, #FFCCCC etc
Ejemplo 1: Esto esta en color fucsia
Ejemplo 2: Este color es #C1E1F8

Elaces en HTML

Un enlace puede ser fácilmente detectado en una página. Basta con deslizar el puntero del ratón sobre las imágenes o el texto y ver como cambia de su forma original transformándose por regla general en una mano con un dedo señalador. Adicionalmente, estos enlaces suelen ir, en el caso de los textos, coloreados y subrayados para que el usuario no tenga dificultad en reconocerlos. Si no especificamos lo contrario (ya tendremos ocasión de explicar como), estos enlaces texto estarán subrayados y coloreados en azul. En el caso de las imágenes que sirvan de enlace, veremos que están delimitadas por un marco azul por defecto.
Para colocar un enlace, nos serviremos de las etiquetas y . Dentro de la etiqueta de apertura deberemos especificar asimismo el destino del enlace. Este destino será introducido bajo forma de atributo, el cual lleva por nombre href.
La sintaxis general de un enlace es por tanto de la forma:
contenido
Siendo el contenido un texto o una imagen. Es la parte de la página que se colocará activa y donde deberemos pulsar para acceder al enlace.
Por su parte, destino será una página, un correo electrónico o un archivo.
En función del destino los enlaces son clásicamente agrupados del siguiente modo:
Enlaces internos: los que se dirigen a otras partes dentro de la misma página.
Enlaces locales: los que se dirigen a otras páginas del mismo sitio web.
Enlaces remotos: los dirigidos hacia páginas de otros sitios web.
Enlaces con direcciones de correo: para crear un mensaje de correo dirigido a una dirección.
Enlaces con archivos: para que los usuarios puedan hacer download de ficheros.

Marcos

Marcos en HTML

Los marcos en HTML se usan para mostrar información múltiple en una sola ventana del navegador, y son independientes uno del otro. Una caracteristica muy importante de una página con marcos es que, la etiqueta es sustituida por la etiqueta
Como ves en el ejemplo la ventana del navegador se divide en dos.
Escribimos la etiqueta (etiqueta cerrada) para indicarle al navegador que vamos a insertar marcos en nuestra página Web, este elemento puede llevar los atributos rows (filas) y cols (columnas) y mediante ellas asignamos cuantos y que tamaño tendrán los marcos, y después utilizaremos el elemento frame cuantas veces sea necesario para asignar el contenido que tendrán dichos marcos.

diseño web

| View | Upload your own

javascript

videos

CREAR PAGINAS WEB DESDE EL BLOG DE NOTAS

HARDWARE

El hardware se refiere a todos los componentes físicos (que se pueden tocar), en el caso de una computadora personal serían los discos, unidades de disco, monitor, teclado, la placa base, el microprocesador, étc.
Tipos de hardware
Hardware de un servidor
Se clasifica generalmente en básico y complementario, entendiendo por básico todo aquel dispositivo necesario para iniciar el funcionamiento de la computadora, y el complementario, como su nombre indica, sirve para realizar funciones específicas (más allá de las básicas) no estrictamente necesarias para el funcionamiento de la computadora.

Clasificación del software

SOFTWARE


Si bien esta distinción es, en cierto modo, arbitraria, y a veces confusa, se puede clasificar al software de la siguiente forma:
Software de sistema: Es aquel que permite que el hardware funcione. Su objetivo es desvincular adecuadamente al programador de los detalles del computador en particular que se use, aislándolo especialmente del procesamiento referido a las características internas de: memoria, discos, puertos y dispositivos de comunicaciones, impresoras, pantallas, teclados, etc. El software de sistema le procura al usuario y programador adecuadas interfases de alto nivel y utilidades de apoyo que permiten su mantenimiento. Incluye entre otros:
Sistemas operativos
Controladores de dispositivo
Herramientas de diagnóstico
Herramientas de Corrección y Optimización
Servidores
Utilidades
Software de programación: Es el conjunto de herramientas que permiten al programador desarrollar programas informáticos, usando diferentes alternativas y lenguajes de programación, de una manera práctica. Incluye entre otros:
Editores de texto
Compiladores
Intérpretes
Enlazadores
Depuradores
Entornos de Desarrollo Integrados (IDE): Agrupan las anteriores herramientas, usualmente en un entorno visual, de forma que el programador no necesite introducir múltiples comandos para compilar, interpretar, depurar, etc.. Habitualmente cuentan con una avanzada interfaz gráfica de usuario (GUI).
Software de aplicación: Aquel que permite a los usuarios llevar a cabo una o varias tareas específicas, en cualquier campo de actividad susceptible de ser automatizado o asistido, con especial énfasis en los negocios. Incluye entre otros:
Aplicaciones de control y automatización industrial
Aplicaciones ofimáticas
Software educativo
Software médico
Software de Cálculo Numérico
Software de Diseño Asistido (CAD)
Software de Control Numérico (CAM)

Proceso de creación de software

SOFTWARE

Definición de Software
Probablemente la definición más formal de software es la siguiente:
Es el conjunto de los programas de cómputo, procedimientos, reglas, documentación y datos asociados que forman parte de las operaciones de un sistema de computación.

Ciencias de la Computacion y IA

Ciencias de la Computacion y IA

Tutorial Básico de HTML. Creación de Páginas Web... Tema I

Diseño Web