sábado, 18 de septiembre de 2010

Color en html


Los colores en HTML están definidos por su formato RGB(Red-Green-Blue), que es un código numérico de seis dígitos hexadecimales precedido del signo "#". De acuerdo a este formato cada color es la combinación de tres colores básicos: rojo(R), verde(G) y azul(B); cada uno de ellos puede expresarse desde la ausencia de color(valor 0), a saturación de color(255).
La expresión de esos valores se deben de hacer en forma hexadecimal, el valor 0 se expresa como 00, y 255 como FF. Es por eso que el código de color está formado por 6 dígitos hexadecimales en donde los dos primeros dígitos nos dicen la componente del color rojo, los dos dígitos siguientes indican el componente del color verde, y los últimos dos dígitos son el componente azul.

Código hexadecimal de algunos colores:

Tabla de colores RGB
ColorCódigoColorCódigo
Blanco#FFFFFFNegro#000000
Azul#0000FFVerde#00FF00
Ciano#00FFFFVerde mar#238E6B
Azul cielo#3299CCVerde obscuro#2F4F2F
Violeta#4F2F4FVerde lima#32CC32
Gris#C0C0C0Salmón#6F4242
Turquesa#7093DBMarrón#A52A2A
Rosa#BC8F8FNaranja#CC3232
Oro#CC7F32Rojo#FF0000
Mageta#FF00FFAmarillo#FFFF00


Para algunos de estos colores se pueden utilizar identificadores alfanuméricos, por ejemplo, el color rojo puede ser identificado como red y azul como blue.
Se puede dar colores a los diferentes elementos del documento HTML, por ejemplo:
  • BGCOLOR: Es para dar color al fondo de la página.
  • TEXT: Es para indicar el color del texto.
  • LINK: Indica el color de los enlaces aún no visitados.
  • VLINK: Color de enlaces ya visitados.

Por ejemplo, si se desea que el fondo de la página sea naranja, el texto azul, los enlaces no visitados color negro, y los enlaces visitados color blanco:

<BODY BGCOLOR="#CC3232" TEXT="#0000FF" LINK="#000000" VLINK="#FFFFFF">



Me basé en estos sitios:

Y el libro "PHP y MySQL", editorial Díaz de Santos, autores Ángel Cobo, Patricia Gómez, Daniel Pérez y Rocío Rocha.

viernes, 17 de septiembre de 2010

HTML

HTML es el lenguaje que se utiliza para crear páginas web.
Contiene elementos que el navegador interpreta y despliega en la pantalla de acuerdo a su función,
con elementos me refiero a tablas, imágenes, hipervinculos, listas , etc.
Para hacer una página HTML se requiere un editor de texto y un navegador de internet.

Aquí algunos ejemplos de html:

Tablas

<table> Esta es la marca de comienzo de la tabla, requiere del elemento de cierre.
<tr> Es para la fila de la tabla.
<td> Para la columna de la tabla.
<th> Se usa para indicar una celda de título, en vez de td.
<caption> Se usa para poner título a la tabla.
<td colspan="3"> Esta etiqueta es para combinar columnas.
<td rowspan="3"> Se usa para combinar filas.

Ejemplo de código utilizando las etiquetas anteriores:



Su resultado:

Semestre Enero-Junio 2010
CalificacionesAlumnos
SandraGemmaPerlaPaloma
85999695
951009280



Listas

<ol> Se usa para escribir una lista numerada.
<ul> Esta etiqueta sirve para escribir una lista desordenada.
<li> Se debe poner con cada elemento de la lista.

Ejemplo de código utilizando de listas anidadas:



Su resultado:

  1. Física
    • Electromagnetismo
    • Ondas y Calor

  2. Matemáticas
    • Diferencial
    • Integral

  3. Programación
    • C
    • Java

Links

La manera de poner links es :
<a href="url">Texto</a>
Ejemplo:
<a href="http://www.ascii.cl/es/codigos-html.htm">Caracteres especiales html</a>


Inserción de imágenes

<img scr="dirección de la imágen" alt="algo de texto"/>
Ejemplo:
<img src="Roberto.png" alt="imágen de roberto"/>



jueves, 16 de septiembre de 2010

Cliente/Servidor

Todos los servicios que ofrece Internet entre ellos el servicio web, se basan en la relación cliente servidor.
En Internet se pueden encontrar dos tipos de equipos conectados:
  • Servidores: Son ordenadores que ofrecen sus servicios a los equipos conectados. Por lo general tienen presencia estable en la red, esto es tienen direcciones IP permanentes. En los servidores es en donde están alojadas, por ejemplo, las páginas web.
  • Clientes: Son los equipos que utilizan los usuarios para conectarse a la red y obtener servicios de los servidores. Cuando están conectados tienen presencia física en la red. Comúnmente los proveedores de acceso a Internet asignan direcciones IP variables a estos equipos, es decir tienen IP dinámica.

Cliente y servidor puede entenderse con dos significados, unos referente al hardware que es la definición anterior, el servidor hace referencia al equipo al que se realiza la conexión y el cliente el equipo para hacer dicha conexión. Y el otro significado es referente al software:

  • Programa servidor: Es el programa que debe de estar ejecutándose en el equipo servidor para que pueda ofrecer su servicio. Es necesario tener una aplicación servidor web, ya que un documento HTML almacenado en el equipo no basta para poder acceder a el como página web por los usuarios de Internet. El programa servidor web más conocido es Apache, también esta el Personal Web Server(PWS) o el IIS para los equipos Windows.
  • Programa cliente: Es el software que tiene que estar en el equipo cliente para poder hacer peticiones al servidor, por ejemplo los navegadores como el Internet Explorer, Mozilla, Google Chrome, entre otros.

Para esta entrada leí el capítulo 1 "Internet y la programación de ordenadores", del libro "PHP y MySQL", autores Angel Cobo, Patricia Goméz, Daniel Peréz y Rocio Rocha.

miércoles, 15 de septiembre de 2010

JAVA

Es un lenguaje de programación orientado a objetos. Java es un lenguaje de programación clásico en cuanto a que requiere de un proceso de compilación. Fué creado por SunMicrosystems a principios de los 90s.Toma mucha de su sintaxis de C y C++, pero no existe la manipulación directa de memoria.

Con java se pueden crear dos tipos de programas:
Applets: Que son programas que se integran en las páginas web y que residiendo en el servidor, son ejecutados por el cliente. Para la ejecución se necesita de la interpretación del código compilado por el software cliente.
Aplicaciones: Programas que se pueden ejecutar en cualquier equipo.

Algunas de sus características:
  • Es un lenguaje orientado a objetos.
  • Dispone de clases de objetos para la generación de interfaces gráficas de usuario.
  • Tiene prestaciones multimedia.
  • Tiene sintaxis similar al C++, aunque eliminando algunos problemas del lenguaje C: el uso de punteros, la gestión de memoria y el control de accesos a los elementos de arrays.
  • Es un lenguaje robusto, simple y seguro.
  • En Internet, se puede acceder a todo lo necesario para desarrollar applets Java.

Practicando lo básico

Ciclos
Serie de Fibonacci:


import java.util.*;

public class Fibonacci{
public static void main(String[] args){
double suma;
int numero;
double a = 0;
double b = 1;
System.out.println("Serie de fibonacci hasta el numero");
Scanner sc = new Scanner(System.in);
numero=sc.nextInt();
System.out.println(a + "\n" + b);
for(int n = 2; n < suma="a+b;" a="b;" b="suma;">

Selección
Este programa lo realicé en clase con mi compañero Roberto Carlos.
Piedra-papel-tijera:

import java.util.*;

public class Tijera {

public static final Random RNG = new Random();

public static void main(String[] args){
Scanner sc = new Scanner(System.in);
System.out.println("Hola!, Empezaremos a jugar Piedra, Papel o Tijera");

int real;

do {


System.out.println("1 -> Piedra");
System.out.println("2 -> Papel");
System.out.println("3 -> Tijera");
System.out.println("Oprime 0 para Salir...");
real = sc.nextInt();

System.out.println("Pusiste " + real);

if (real == 0) {
break;
}

int imaginario = 1 + Tijera.RNG.nextInt(3);
System.out.println(imaginario);


if( real == imaginario){
System.out.println("Empataste :/ !");
} else {
switch(real){
case 1:
if(imaginario == 2){
System.out.println("He escogido papel, Perdiste :( !");
} else {
System.out.println("He escogido Tijera, Ganaste :) !");}
break;
case 2:
if(imaginario ==1){
System.out.println("He escogido piedra, Ganaste!");}
else {
System.out.println("He escogido Tijera, Perdiste!");}
break;
case 3:
if(imaginario == 2){
System.out.println("He escogido papel, Ganaste!");}
else {
System.out.println("He escogido piedra, Perdiste!");}
break;
}
}
}while (real != 0);
System.out.println("Adios!");


}
}


Arreglos
Practiqué con un programa que suma los elementos de un arreglo unidimensional.


import java.util.*;
public class Sumaarreglo{
public static void main(String[] args){
int[] arreglo;
int numero, i;
int suma=0;
Scanner sc = new Scanner(System.in);
System.out.println("De cuantos elementos sera tu arreglo");
numero=sc.nextInt();
arreglo = new int[numero];
for(i=0; i<numero; i++){
System.out.println("El elemento " + i + " es ");
arreglo[ i ] = sc.nextInt();
suma += arreglo[ i ];

}
System.out.println("La suma es " + suma);

}
}

Recursión
Y por último para ver la recursión en java, hice el programa que obtiene el factorial de manera recursiva.


import java.util.*;

public class Factorial{
public static void main(String[] args){
int numero;
System.out.println("El factorial de:");
Scanner sc = new Scanner(System.in);
numero=sc.nextInt();
System.out.println(numero + "! = " + factorial(numero));

}

static public double factorial(int N){
if(N == 0)return 1;
else return (N*factorial(N-1));
}
}

Programas para descargar:

Para la introducción de Java me base en el libro "PHP y MySQL", Editorial Diaz de Santos.

martes, 14 de septiembre de 2010

URL

URL(Uniform Resource Locator), que significa localizador uniforme de recurso, es la dirección única de una página web en Internet.
La URL la podemos ver en la barra de direcciones del navegador. Siempre que visitamos una página web esta dispone de una URL, cualquier link que seguimos nos llevará a otra URL.


Las principales partes de la URL son las siguientes:

protocolo://servidor:puerto/directorio/pagina

El protocolo se refiere a las reglas y procedimientos que deben seguirse para el envío y recepción de datos. Existen diferentes protocolos de acuerdo a los recursos que se quieren intercambiar, por ejemplo, http es para la visualización de las páginas web, ftp para la transferencia de archivos.

El servidor es el nombre de la computadora(puede ser un nombre del dominio o una dirección IP), donde esta alojado el contenido. El servidor se compone de dos partes el nombre del servidor y el dominio.

Nombre del servidor: es el nombre que se le dio a la máquina, suele ser representativo por ejemplo google, blogspot, etc.

Dominio: Son las últimas letras del nombre del nombre de dominio, por ejemplo .com, .net y .org.
Si no existieran los dominios seria necesario utilizar la dirección IP que es muy difícil de memorizar por ejemplo: http://189.160.168.189 en vez de http://nombrededomino.com.
Es importante saber diferencial entre la URL y el nombre de dominio, por ejemplo:
http://www.ejemplo.net/index.html es la URL y www.ejemplo.net es el nombre de domino.
Los dominios están divididos en dos grandes grupos, uno tiene que ver con el territorio(.mx, .esp) y los segundos son un grupo de siete dominios COM, NET, EDU, ORG, INT, MIL, y GOV.

Subdominio: Se utiliza cuando se quiere que un mismo servidor atienda varios nombres. Generalmente se escribe antes del nombre de la máquina.



Puerto, el puerto es el punto de entrada a la máquina, el puerto va muy ligado al protocolo, es decir el protocolo asigna un puerto por defecto, por ejemplo http suele usar el puerto 80.

Directorio, se refiere a la dirección para llegar al documento, es como el manejo de carpetas que conocemos.

Página, representa el nombre del archivo.

Ejemplos:

http://www.mediotiempo.com/futbol/mexico/noticias/2010/09/17/alejandro-vela-hablo-de-su-hermano

  • Protocolo: http
  • Servidor: mediotiempo.com
  • Nombre del servidor: mediotiempo
  • Dominio de nivel superior: .com
  • Directorio: /futbol/mexico/noticias/2010/09/17/
  • Página: alejandro-vela-hablo-de-su-hermano

http://ftp.mozilla.org/pub/mozilla.org/firefox/

  • Protocolo: http
  • Servidor: ftp.mozilla.org
  • Nombre del servidor: mozilla
  • Dominio de nivel superior: .org
  • Subdominio: ftp
  • Directorio: /pub/mozilla.org/firefox/
  • Página: No aplica

Me basé en estos tres sitios:

lunes, 13 de septiembre de 2010

World Wide Web


La World Wide Web(Red Global Mundial), es un sistema de documentos de hipertextos(el texto que conduce a otros textos relacionados, la forma más habitual es la de hipervínculos), que se encuentran enlazados a través de Internet.

La www esta conformada por sitios web, y a su vez los sitios web de páginas web que podemos ver a través de navegadores web, las páginas web contienen textos, imágenes, vídeos u otros contenidos y navega entre ellas usando hiperenlaces.

¿Cómo es que funciona la red?
Primero se toma de la URL(Localizador de Recursos Uniforme), el nombre del servidor y se busca la dirección IP del mismo con ayuda de la base de datos de Internet DNS(su función es asignar los nombres de dominios a direcciones IP).

Enseguida se solicita el recurso al servidor web con el protocolo HTTP que es utilizado en cada transacción web. Cuando se solicitan páginas web primero llega el texto html, que es analizado inmediatamente por el navegador el cual después hace lo necesario para incorporar los gráficos y otros ficheros que formen parte de la página. Al recibir los ficheros desde el servidor web el navegador acomoda la página tal y como se describe en el texto HTML, CSS y otros lenguajes web.
Casí todas las páginas web contienen hiperenlaces a otras paginas relacionadas, descargas y otros recursos web, esto es a lo que se le denomina red(web) de información.

Pero...
Si el usuario visita un sitio en el que ya estuvo con anterioridad es probable que no se lleve acabo el proceso anterior, es decir la forma de recuperar los datos del servidor web es diferente ya que por defecto los navegadores almacenan en un caché(conjunto de datos duplicados de los originales) del disco duro local todos los recursos web a los que el usuario va accediendo. La caché es muy útil ya que acceder a los datos originales cada vez que el usuario quiere visitar ese sitio web es costoso en cuestión de tiempo, y cuando se hacen los duplicados de los datos originales los accesos siguientes se realizan a dicha copia haciendo que el tiempo de acceso sea menor.

El navegador web hace la petición HTTP, siempre y cuando la página haya sido actualizada desde la última carga, si no es así se accede a la versión almacenada.
Esto es verdaderamente importante ya que ayuda a reducir el tráfico web. Cuando los sitios tienen contenidos muy dinámico los recursos básicos solo se envían una vez por sesión es por eso que para los diseñadores de sitios web es muy importante reunir el CSS y Javascript en pocos ficheros asociados a todo el sitio web, de manera que queden en las cachés de los usuarios y se reduzca el tiempo en que se carga la página y las peticiones al servidor.

Algunas veces se requiere que una página no sea guardada en la caché del usuario, como por ejemplo bancos on line, para esto los diseñadores de la página web deben de controlar las cabeceras HTTP enviadas a los usuarios.

Estándares Web

  • URI, Identificador de recurso Uniforme que es un sistema universal para referenciar los recursos en la web(páginas, documentos, dirección de correo electrónico).
  • HTTP, Protocolo de Transferencia de Hipertexto, que establece los estándares de comunicación entre el servidor y el navegador.
  • HTML, Lenguaje de Marcado de Hipertexto, se utiliza para establecer la estructura y documentos de hipertexto.
  • XML, Lenguaje de Marcado Extensible, define la estructura de documentos de texto.


  • Tecnologías web
    Las tecnologías web son herramientas que ayudan a obtener un mejor resultado a la hora de desarrollar sitios web.
    • Navegadores web
      • Mozzila Firefox
      • Google Chrome
      • Internet Explorer
      • Netscape Navigator

    • Servidores Web
      • Apache(el más utilizado en el mundo)
      • Cherokee

    • Otros
      • DHTML
      • PHP
      • CGI
      • ASP
      • JSP