squid

Publicado: abril 5, 2013 en Uncategorized

Usando SARG para generar reportes de acceso al proxy Squid

En esta sección veremos como usar la herramienta SARG (Squid Analisis Report Generator) para la generación de reportes para el análisis de los accesos al proxy Squids, con sarg vamos a poder generar reportes sobre demanda y también generar reportes automáticos por día, semana y mes.

Introducción a SARG

SARG es una herramienta de analisis de logs de Squid, tiene soporte para generar reportes en diferentes idiomas, mediante los reportes de uso web usted podra obtener la siguiente información:

  • Top Ten de sitios más visitados
  • Reportes diarios, semanales y mensuales
  • Gráficas semanales y mensuales del consumo por usuario/host
  • Detalles de todos los sitios a los que entro un usuario/host
  • Descargas

Sarg será configurado para generar reportes web de los accesos a Internet de forma periodica, además de poder ejecutarlo manualmente para generar reportes de fechas, usuarios o dominios en especifico.

  • Reporte Manual

    Estos reportes son aquellos creados por el administrador del sistema y ejecutados manualmente, pueden ser personalizados en base a diferentes criterios, son almacenados en el directorio /var/www/squid-reports/Manual, cada reporte bajo su propio directorio.

  • Reporte Diario

    Estos reportes son generados automáticamente por un trabajo de CRON diario a las 6:25 am y genera un reporte del día anterior, son almacenados en el directorio /var/www/squid-reports/Diario, cada reporte bajo su propio directorio.

  • Reporte Semanal

    Estos reportes son generados automáticamente por un trabajo de CRON cada semana a las 6:47 am y genera un reporte del día anterior, son almacenados en el directorio /var/www/squid-reports/Semanal, cada reporte bajo su propio directorio.

  • Reporte Mensual

    Estos reportes son generados automáticamente por un trabajo de CRON cada mes a las 6:52 am y genera un reporte del día anterior. Estos reportes son almacenados en el directorio /var/www/squid-reports/Mensual, cada reporte bajo su propio directorio.

Siga en la siguiente sección para instalar sarg.

Instalación y configuración básica de SARG

El paquete sarg no viene incluido en todas las distribuciones, en Debian/Ubuntu el paquete esta incluido, si su distribución no incluye el paquete sarg siempre puede compilarlo desde las fuentes.

En Debian/Ubuntu instale el paquete sarg vía apt:

# apt-get install sarg

Sarg lee los parametros de configuración desde el archivo /etc/sarg/sarg.conf, antes de realizar cambios al archivo de configuración se recomienda que haga una copia de respaldo:

# cp /etc/squid/sarg.conf{,.orig}

Editamos el archivo principal de configuración de sarg para definir los parametros generales:

# vim /etc/squid/sarg.conf

Lo primero que debemos cambiar es la directiva language, la cual define el lenguaje en el Cambiamos el idioma de los reportes a Español:

language Spanish

Defina la ruta predeterminada del archivo de logs de accesos de squid usando la directiva access_log, por ejemplo:

access_log /var/log/squid3/access.log

Se recomienda que cambie el titulo de los reportes usando la directiva title, por ejemplo:

title "Reportes de Acceso Web por Usuarios"

Defina la ruta predeterminada para almacenar los reportes HTML usando la directiva output_dir, por ejemplo:

output_dir /var/www/squid-reports/Manual
[Nota] Nota
Esta ruta solo será usada por los reportes que se generen manualmente, los reportes automáticos usarán rutas diferentes.

Opcionalmente puede agregar la información del generador de reportes sarg usando la directiva show_sarg_info.

show_sarg_info yes

También puede incluir el logo de sarg usando la directiva show_sarg_logo.

show_sarg_logo yes

Cree el directorio para almacenar reportes HTML de sarg:

# mkdir /var/www/squid-reports/Manual

Si desea personalizar más la configuración predeterminada de sarg, se recomienda que lea los comentarios del archivo sarg.conf(5). En la siguiente sección veremos como generar reportes manualmente.

Creación manual de reportes con SARG

En esta sección veremos algunos ejemplos para generar reportes con sarg manualmente, estos reportes pueden ser generados en cualquier momento ya que son bajo demanda, incluso puede usar algún archivo de log anterior para generar un reporte del pasado.

Para generar un reporte de todas las entradas en el archivo /var/log/squid3/access.log, ejecute:

# sarg
[Nota] Nota
Recuerde que el archivo /var/log/squid3/access.log se rota cada semana.

Los reportes que son generados manualmente desde la línea de comandos son almacenados en el directorio /var/www/squid-reports/Manual, para acceder vía web vaya al URL: http://proxy.example.com/squid-reports/Manual/.

[Importante] Importante
El acceso a estos reportes no esta protegido, siga leyendo las siguientes secciones para ver como asegurar el acceso a los reportes.

Para generar un reporte de una fecha especifica, o rango de fechas en especifico use el parametro -d, por ejemplo:

# sarg -d 14/04/2010
[Nota] Nota
El formato de la fecha es DD/MM/YYYY.

Si desea generar un reporte usando un rango de fechas, use:

# sarg -d 14/04/2010-15/04/2010
[Nota] Nota
El formato de la fecha para un rango es: DD/MM/YYYY-DD/MM/YYYY.

Si desea generar un reporte para una hora en especifico use la opción -t para indicar la hora, por ejemplo:

# sarg -d 14/04/2010 -t 12
[Nota] Nota
Los formatos de hora soportados son: HH, HH:MM ó HH:MM:SS.

Para generar un reporte de un usuario en especifico use:

# sarg -d 14/04/2010 -u jperez

Para generar un reporte de un dominio destino en especifico use:

# sarg -d 14/04/2010 -s tuxjm.net

Si desea obtener más información al generar el reporte se recomienda que use la opción -x la cual ejecuta sarg en modo debug, por ejemplo:

# sarg -x -d 14/04/2010 -s tuxjm.net
SARG: Init
SARG: Loading configuration from: /etc/squid/sarg.conf
SARG: Cargando archivo de exclusiones desde: /etc/squid/sarg.hosts
SARG: Cargando archivo de exclusiones desde: /etc/squid/sarg.users
SARG: Parametros:
SARG:
SARG:       Nombre de host o direccion IP (-a) =
SARG:           Log del agente de usuario (-b) =
SARG:              Archivo de exclusiones (-c) = /etc/squid/sarg.hosts
SARG:                   Fecha desde-hasta (-d) = 14/04/2010-14/04/2010
SARG: Direccion e-mail a donde enviar reportes (-e) =
SARG:            Archivo de configuracion (-f) = /etc/squid/sarg.conf
SARG:                    Formato de fecha (-g) = USA (mm/dd/yyyy)
SARG:                          Reporte IP (-i) = No
SARG:                      Log de entrada (-l) = /var/log/squid3/access.log
SARG:            Resolviendo direccion IP (-n) = No
SARG:                Directorio de salida (-o) = /var/www/squid-reports/Manual/
SARG:   Usa direccion IP en vez de userid (-p) = No
SARG:                      Sitio accedido (-s) = tuxjm.net
SARG:                                Hora (-t) =
SARG:                             Usuario (-u) =
SARG:                 Directorio temporal (-w) = /tmp
SARG:       Mensajes de depuración (-x) = Si
SARG:                Mensajes de procesos (-z) = No
SARG:
SARG: sarg version: 2.2.5 Mar-03-2008
SARG: Maximum file descriptor: cur=1024 max=1024, changed to cur=20000 max=20000
SARG: Cargando tabla de usuarios: /etc/squid/sarg.usertab
SARG: Leyendo archivo de log de accesos: /var/log/squid3/access.log
SARG:    Registros leidos: 836912, escritos: 65, excluido: 5
SARG: Formato Squid log
SARG: Periodo: 2010Apr14-2010Apr14
SARG: pre-sorting files
SARG: Creando archivo de periodo
SARG: Creando archivo: /tmp/sarg/192.168.92.97
SARG: Ordenando archivo: /tmp/sarg/192.168.92.97
SARG: Creando reporte: 192.168.92.97
SARG: Creando index.html
SARG: Fin

Note que nos imprime las opciones que usará para generar el reporte. En la siguiente sección veremos como configurar cron para automatizar la generación de los reportes diarios, semanales y mensales de sarg.

Generación automática de reportes periodicos con SARG

Cree el script para ejecutar los reportes diarios:

# vim /etc/cron.daily/sarg

Con el siguiente contenido:

# Eliminar reportes diarios con mas de 10 dias de antiguedad
echo "Rotacion diaria del dia `date +%d-%m-%Y`" >> /var/log/squid3/sarg-rotate.log
find /var/www/squid-reports/Diario -type d -mtime +10 -exec rm -rf {} \; >> /var/log/squid3/sarg-rotate.log 2>&1
rm -rf /var/www/squid-reports/Diario/index.html

# Ejeuctar sarg
#!/bin/bash
exec /usr/bin/sarg \
          -o /var/www/squid-reports/Diario \
          -d "$(date --date "1 day ago" +%d/%m/%Y)" > /dev/null 2>&1

exit 0

Le damos permisos de ejecución al script

# chmod +x /etc/cron.daily/sarg

Cree el script para ejecutar los reportes semanales:

# vim /etc/cron.weekly/sarg

Con el siguiente contenido:

#!/bin/bash
LOG_FILES=
if [[ -s /var/log/squid3/access.log.1.gz ]]; then
    LOG_FILES="$LOG_FILES -l /var/log/squid3/access.log.1.gz"
fi
if [[ -s /var/log/squid3/access.log ]]; then
    LOG_FILES="$LOG_FILES -l /var/log/squid3/access.log"
fi

# Get yesterday's date
YESTERDAY=$(date --date "1 days ago" +%d/%m/%Y)

# Get one week ago date
WEEKAGO=$(date --date "7 days ago" +%d/%m/%Y)

# Eliminar reportes diarios con mas de 5 semanas (40 dias) de antiguedad
echo "Rotacion Semanal del dia `date +%d-%m-%Y`" >> /var/log/squid3/sarg-rotate.log
find /var/www/squid-reports/Semanal -type d -mtime +40 -exec rm -rf {} \; >> /var/log/squid3/sarg-rotate.log 2>&1
rm -rf /var/www/squid-reports/Semanal/index.html

# Ejecutar sarg
exec /usr/bin/sarg \
        $LOG_FILES \
        -o /var/www/squid-reports/Semanal \
        -d $WEEKAGO-$YESTERDAY > /dev/null 2>&1

exit 0

Le damos permisos de ejecución al script

# chmod +x /etc/cron.weekly/sarg

Configurando cron para reportes Mensual:

# vim /etc/cron.monthly/sarg

Con el siguiente contenido:

#!/bin/bash
LOG_FILES=
if [[ -s /var/log/squid3/access.log.4.gz ]]; then
    LOG_FILES="$LOG_FILES -l /var/log/squid3/access.log.4.gz"
fi
if [[ -s /var/log/squid3/access.log.3.gz ]]; then
    LOG_FILES="$LOG_FILES -l /var/log/squid3/access.log.3.gz"
fi
if [[ -s /var/log/squid3/access.log.2.gz ]]; then
    LOG_FILES="$LOG_FILES -l /var/log/squid3/access.log.2.gz"
fi
if [[ -s /var/log/squid3/access.log.1.gz ]]; then
    LOG_FILES="$LOG_FILES -l /var/log/squid3/access.log.1.gz"
fi
if [[ -s /var/log/squid3/access.log ]]; then
    LOG_FILES="$LOG_FILES -l /var/log/squid3/access.log"
fi

# Get yesterday's date
YESTERDAY=$(date --date "1 day ago" +%d/%m/%Y)

# Get 1 month ago date
MONTHAGO=$(date --date "1 month ago" +%d/%m/%Y)

# Eliminar reportes diarios con mas de 6 meses (180 dias) de antiguedad
echo "Rotacion mensual del dia `date +%d-%m-%Y`" >> /var/log/squid3/sarg-rotate.log
find /var/www/squid-reports/Mensual -type d -mtime +180 -exec rm -rf {} \; >> /var/log/squid3/sarg-rotate.log 2>&1
rm -rf /var/www/squid-reports/Mensual/index.html

# Ejecutar sarg
exec /usr/bin/sarg \
        $LOG_FILES \
        -o /var/www/squid-reports/Mensual \
        -d $MONTHAGO-$YESTERDAY  > /dev/null 2>&1

exit 0

Le damos permisos de ejecución al script

# chmod +x /etc/cron.monthly/sarg

Cree un archivo index.html en la raíz del directorio de reportes de sarg:

Ahora cree un archivo index.html para mostrar las ligas a los reportes diarios, semanales y mensuales así como los generados manualmente.

# vim /var/www/squid-reports/index.html

Con el siguiente contenido:

<html>           
<head>           
<title>Reportes de Acceso Web en proxy.example.com</title>
</head>                                                      
<body>

<style>
.logo {font-family:Verdana,Tahoma,Arial;font-size:11px;color:#006699;}
.title {font-family:Tahoma,Verdana,Arial;font-size:11px;color:green;background-color:white;}
</style>

<div align=center>

  <table cellpadding=0 cellspacing=0>
    <tr>
      <th>
        <a href="http://proxy.example.com">
        <img src="./images/sarg.png" border="0" align="absmiddle" title="SARG"></a>&nbsp;
        <font>Squid Analysis Report Generator</font>
      </th>
    </tr>
    <tr>
      <th>&nbsp
    </th></tr>
  <table>

  <table border=0 cellspacing=6 cellpadding=7>
    <tr>
      <th align=center nowrap><b><font face=Arial size=4 color=green>Reportes de Acceso Web en proxy.example.com</font></b></th>
    </tr>
    <tr>
      <td align=center bgcolor=beige><font face=Arial size=3><a href=Diario>Diario</a></font></td>
    </tr>
    <tr>
      <td align=center bgcolor=beige><font face=Arial size=3><a href=Semanal>Semanal</a></font></td>
    </tr>
    <tr>
      <td align=center bgcolor=beige><font face=Arial size=3><a href=Mensual>Mensual</a></font></td>
    </tr>
    <tr>
      <td align=center bgcolor=beige><font face=Arial size=3><a href=Manual>Manual</a></font></td>
    </tr>
  </table>
</div>
</body>
</html>

Si lo desea puede cambiar el titulo del index:

Cambié la línea:

<title>Reportes de Acceso Web en proxy.example.com</title>

También cambié el URL de los reportes:

<a href="http://proxy.example.com">

También cambilelo en:

<th align=center nowrap><b><font face=Arial size=4 color=green>Reportes de Acceso Web en proxy.example.com</font></b></th>

O use sed:

# sed -i s/proxy.example.com/fwproxy.midominio.com/g /var/www/squid-reports/index.html

Copiamos directorio de imagenes para incluir el logo de sarg en el archivo index:

# cp -r /var/www/squid-reports/Manual/images /var/www/squid-reports/

Para acceder a los reportes web apunte su navegador al URL: http://proxy.example.com/, verá una liga al directorio de cada uno de los reportes arriba mencionados. Si desea proteger el acceso a los reportes se recomienda seguir con la siguiente sección para configurar apache para conexiones SSL y protegido por contraseña.

Protegiendo los reportes de sarg con SSL y contraseña

Crear archivo de configuración para VHOST:

# vim /etc/apache2/sites-available/sarg.conf

/

# Configuracion VHOST para acceder de forma segura
# y autenticada por LDAP a los reportes de squid
NameVirtualHost *:443
<VirtualHost *:443>
    ServerAdmin proxy@example.com
    ServerName proxy.example.com
    DocumentRoot /var/www/squid-reports

    # Parametros para configuraciones SSL y certificados
    SSLEngine on
    SSLCipherSuite ALL:!ADH:!EXPORT56:RC4+RSA:+HIGH:+MEDIUM:+LOW:+SSLv2:+EXP:+eNULL
    SSLCertificateFile /etc/ssl/certs/proxy.example.com.crt
    SSLCertificateKeyFile /etc/ssl/private/proxy.example.com.key
    #SSLCACertificateFile /etc/ssl/certs/cacert.pem

    <Directory /var/www/squid-reports/>
      Options Indexes FollowSymLinks MultiViews
      AllowOverride None
      Order allow,deny
      allow from all

      # Permitir solo autenticacion a usuarios autorizados
      AuthType Basic
      AuthName "Solo Usurios Autorizados"
      AuthUserFile /etc/apache2/.sarg-passwd
      require valid-user

      # Permitir solo autenticacion a usuarios miembros del grupo LDAP "Domain Admins"
      #AuthType Basic
      #AuthBasicProvider ldap
      #AuthName "Solo Usurios Autorizados"
      #AuthLDAPUrl ldap://ldap.example.com:389/ou=Users,dc=example,dc=com?uid?sub
      #AuthzLDAPAuthoritative On
      #AuthLDAPGroupAttribute memberUid
      #AuthLDAPGroupAttributeIsDN off
      #Require ldap-group cn=Domain Admins,ou=Groups,dc=example,dc=com
    </Directory>

</VirtualHost>

Activando modulo SSL en Apache2:

# a2enmod ssl

Crear certificados SSL

# openssl genrsa -out /etc/ssl/private/proxy.example.com.key 1024

Generamos el CSR (Certificate Signing Request):

# openssl req -new -key /etc/ssl/private/proxy.example.com.key -out /etc/ssl/certs/proxy.example.com.csr

Generamos el Certificado usando la llave privada y el CSR:

# openssl x509 -req -days 365 \
-in /etc/ssl/certs/proxy.example.com.csr \
-signkey /etc/ssl/private/proxy.example.com.key \
-out /etc/ssl/certs/proxy.example.com.crt

Creamos archivo de usuarios y contraseñas para sitio web:

# htpasswd -c /etc/apache2/.sarg-passwd proxyadmin
New password:
Re-type new password:
Adding password for user proxyadmin

Activando el VHOST:

# a2ensite sarg.conf

Desactivar el acceso a los reportes por HTTP plano:

# vim /etc/apache2/sites-available/default

/

...
...
    <Directory /var/www/squid-reports/>
        Options None
        AllowOverride None
        Order deny,allow
        deny from all
    </Directory>

Revisando configuración de apache:

# apache2ctl -t

/

# apache2ctl -t -D DUMP_VHOSTS

Reiniciar el servidor apache

# /etc/init.d/apache2 restart

Probar Sitio Seguro:

# aptitude install elinks

/

# elinks https://proxy.example.com

PRIMERO BASICO 2013

Publicado: febrero 19, 2013 en Uncategorized

Posicion de las manos para ejercicios de mecanografia

teclado

en la imagen nos muestra la posicion de cada dedo en el teclado, se recomienda colocar cada dedo sobre las teclas correctas.

tambien es importante decir que existe un teclado guia que es sobre las teclas asdfg ñlkjh los cuales son los guias siempre

ejercicios propuestos para las primeras clases.

 1 hoja por ejercicio

asdfg ñlkjh

http://es.tldp.org/Manuales-LuCAS/doc-manual-OOWriter/Writer.pdf

TAREA VIERNES 31 AGOSTO TERCEROS

Publicado: agosto 31, 2012 en Uncategorized

crear una pagina, del instituto.

debe tener los siguientes datos.

NOMBRE DEL ESTABLECIMIENTO,
AÑO DE CREACION
FOTOGRAFIA (cualquiera de una escuela)

listado de los cursos que reciben (cada curso con diferentes, colores y una imagen abajo de tamaño 50 algo y 50 de ancho)

al final sus datos.
nombre, clave, seccion y grado

este trabajo debe estar grabado en el escritorio en una carpeta, que contenga su nombre. (valor 15 puntos) para los que no terminen (8 puntos)

enviar tarea

Publicado: agosto 29, 2012 en Uncategorized

correo bxocop@mineduc.edu.gt,
enviarlo con su nombre, grado, seccion y clave

INFORMACION ADICIONAL ANTES DE HACER LA TAREA.

  1. crear una pagina con un fondo (color a su eleccion)
  2. Titulo su nombre completo (en la barra de titulo)
  3. crear un titulo y debe ser tamaño 22 (color a su eleccion)
  4. colocar su foto, 
    Y debajo de esto colocar una breve descripcion ested, tipo de musica, deporte, pasatiempos, y cualquier otra informacion que considere importante. (aqui diferentes colores, tamaños y tipos de letra utilizando los divs)
    al final debe tener su grado, seccion y clave.
    fecha de entrega tarea, 3ro. A, B, C, D.  dia 30 de agosto, en la mañana deportiva. valor (30 puntos)
    informacion adicional..
     
    deben utilizar lo aprendido hasta este momento   y utilizar su creatividad..
     
    Formatear el texto <font> …

    Las propiedades del texto pueden modificarse a través de la etiqueta <font>. Para ello, podemos insertar el texto entre las etiquetas <font> y </font>, especificando algunos de los atributos de la etiqueta:

    Atributo
    Significado
    Posibles valores

    face

    fuente

    nombre de la fuente, o fuentes

    color
    color del texto
    número hexadecimal o texto predefinido
    size
    tamaño del texto
    valores del 1 al 7, siendo por defecto el 3,
    o desplazamiento respecto al tamaño por defecto,
    añadiendo + o - delante del valor

    Por ejemplo, para insertar el texto:

    Habría que escribir:

    <font color=“#993366″size=“4″face=“Comic Sans MS, Arial, MS Sans Serif”>Este texto tendra un color tamaño y tipo de fuente ok.</font>

     TEXTO EN MOVIMIENTO:
    <marquee> texto aparecera  en movimiento de derecha a izquierda</marquee>
     
    ¿Cómo hacer que una imagen sea más pequeña por ejemplo para añadirla en la sidebar?
    La forma de hacerlo es la siguiente:<img src=”nombre.extension” border=”0″ height=”60″ width=”80″ />
    Los valores height y width los podemos variar según el tamaño que deseamos para nuestras imágenes. Aumentaremos en border si deseamos que nuestra imagen muestre un borde.
     
     

HTML

Publicado: julio 3, 2012 en Uncategorized

En la actulidad,  el internet se ha vueto algo indispensable para poder realizar cualquier tipo tarea. El internet como ya lo sabemos todos es la red de computadoras mas grande del mundo conectada entre si, pero, cuando nosotros abrimos un Navegador. ya sea el Internet Explorer, Mozilla Firefox, estos programas lo que nos permiten es ver esa informacion que esta en algun servidor en cualquier parte del mundo y ser visible o entendible para nosotros utilizando para ello una pagina web, un sitio web…

ahora viene la pregunta como se crean las paginas web?

Existen diferentes lenguajes utilizados para la creacion de una pagina web, los mas utilizados en la actualidad son

  • html
  • php
  • flash
  • asp

existen muchos mas de estos lenguajes que nos permiten la creacion de paginas web..

ahora durante mi ausencia ustedes tendran una guia, para poder crear una pagina web en unos pocos minutos,  lo importante es que debemos de ser muy cuidadosos con la forma de escribir el codigo.

CODIGO HTML

Como su nombre lo dice es un codigo el cual a la vista del ser humano no es tan entendible pero para el Navegador de una computadora si va ser entendible o mas bien dicho pasara el codigo y lo mostrara en una pagina de internet..

  1. TAGS O ETIQUETAS.

Estas consiste en los símbolos < y > que encierran dentro una instrucción. (dentro de los simbolos mayor y menor)

abrir una etiqueta <>

cerrar una etiqueta </>

siempre debemos de ser muy cuidadosos en el manejo de cada etiqueta ya que cada etiqueta abierta debe de ser cerrada para no producir ningun tipo de error al mostrar la pagina.

bueno vamos a ver un ejemplo.

CREAR UN DOCUMENTO DE TEXTO.

  1. Clic derecho
  2. nuevo
  3. documento de texto
  4. Abrir el documento creardo .
  5. copiar el codigo siguiente dentro.
  6. ir al menu archivo
  7. guardar como
  8. se el asinga un nombre.html  ( esto significa que el nombre puede ser cualquiera, sin espacio .htm)

una vez hecho esto veremos que el documento que hemos creado se comvierte en una pagina dando clic sobre el nos lo abrira automaticamente con el navegador y podremos ver la pequeña pagina creada.

BUENO AHORA A EXPLICAR Q HACE EL CODIGO

  1. <html>   Esta es la etiqueta de inicio de codigo html
  2. <head>
  3. <title>
  4. </title>
  5. </head>  Desde la equiteta 2 hasta la etiqueta 5, es el que permite colocar un titulo a nuestra pagina web, entiendase esto a un titulo que sera visible na la barra de titulo de nuestro navegador.
  6. <body> esta etiqueta es donde nosotros indicamos el comienzo del contendio de nuestra pagina web, en la cual podemos agregar, texto estaticos, textos dinamicos o sea q tengan movimiento, imagenes y videos.
  7. </body>  Esta etiqueta sirve para cerrar el cuerpo del contenido de nuestra pagina web.
  8. </html> Indicamos que es el final de nuesto codigo.

aqui hay un video que muestra un ejemplo.

copie la direccion y pegelo en el navegador

http://www.youtube.com/watch?v=en0EfNXmL6M

ATRIBUTOS DE LA ETIQUETA <BODY>

  • bgcolor: especifica el color de fondo
  • background: ingresa una imagen de fondo
  • text: indica el color de texto
  • link: color del enlace no  visitado
  • vlink : color de enlace visitado

en cuanto a la primera la forma de utilizarlo es la siguiente.

<body bgcolor=”green”>  o sea agregar el color que nosotros conozcamos en ingles y eso hara que muestr los colores de fondo.

Tarea: Realizar un resumen en el cuaderno de los temas que aparecen en la parte de abajo, valor 10 puntos…

 

 

Fotografía
Saltar a: navegación, búsqueda
Daguerrotipo con una vista de Barcelona, España, en 1848. Imagen invertida lateralmente, como en un espejo.

La fotografía es el arte y la técnica para obtener imágenes duraderas debidas a la acción de la luz.1 Es el proceso de capturar imágenes y fijarlas en un medio material sensible a la luz. Basándose en el principio de la cámara oscura, se proyecta una imagen captada por un pequeño agujero sobre una superficie, de tal forma que el tamaño de la imagen queda reducido. Para capturar y almacenar esta imagen, las cámaras fotográficas utilizaban hasta hace pocos años una película sensible, mientras que en la actualidad, en la fotografía digital, se emplean sensores CCD; CMOS y memorias digitales. Este término sirve para denominar tanto al conjunto del proceso de obtención de esas imágenes como a su resultado: las propias imágenes obtenidas o «fotografías».

Píxel
Saltar a: navegación, búsqueda
Ampliación de una zona de un dibujo donde se pueden apreciar los píxeles.
Para otros usos de este término, véase Pixels_(Cortometraje).

Un píxel o pixel, plural píxeles (acrónimo del inglés picture element, “elemento de imagen”) es la menor unidad homogénea en color que forma parte de una imagen digital, ya sea esta una fotografía, un fotograma de vídeo o un gráfico.

Concepto

Ampliando lo suficiente una imagen digital (zoom) en la pantalla de una computadora, pueden observarse los píxeles que componen la imagen. Los píxeles son los puntos de color (siendo la escala de grises una gama de color monocromática). Las imágenes se forman como una sucesión de píxeles. La sucesión marca la coherencia de la información presentada, siendo su conjunto una matriz coherente de información para el uso digital. El área donde se proyectan estas matrices suele ser rectangular. La representación del píxel en pantalla, al punto de ser accesible a la vista por unidad, forma un área homogénea en cuanto a la variación del color y densidad por pulgada, siendo esta variación nula, y definiendo cada punto en base a la densidad, en lo referente al área.

En las imágenes de mapa de bits, o en los dispositivos gráficos, cada píxel se codifica mediante un conjunto de bits de longitud determinada (es la llamada profundidad de color); por ejemplo, puede codificarse un píxel con un byte (8 bits), de manera que cada píxel admite hasta 256 variaciones de color (28 posibilidades binarias), de 0 a 255. En las imágenes llamadas de color verdadero, normalmente se usan tres bytes (24 bits) para definir el color de un píxel; es decir, en total se puede representar un total de 224 colores, esto es 16 777 216 variaciones de color. Una imagen en la que se utilicen 32 bits para representar un píxel tiene la misma cantidad de colores que la de 24 bits, ya que los otro 8 bits son usados para efectos de transparencia.

Para poder visualizar, almacenar y procesar la información numérica que se representa de cada píxel, se debe conocer, además de la profundidad y brillo del color, el modelo de color que se está utilizando. Por ejemplo, el modelo de color RGB (Red-Green-Blue) permite crear un color compuesto por los tres colores primarios según el sistema de mezcla aditiva. De esta forma, en función de la cantidad de cada uno de ellos que se use en cada píxel será el resultado del color final del mismo. Por ejemplo, el color magenta se obtiene mezclando el rojo y el azul, sin componente verde (este byte se pone en cero). Las distintas tonalidades del mismo color se obtienen variando la proporción en que intervienen ambas componentes (se altera el valor de esos dos bytes de color del píxel). En el modelo RGB lo más frecuente es que se usen 8 bits para representar la proporción de cada una de las tres componentes de color primarias. De esta forma, cuando una de las componentes vale 0, significa que ella no interviene en la mezcla y cuando vale 255 (28 – 1) significa que interviene aportando el máximo de ese tono, valores intermedios proveen la intensidad correspondiente.

La mayor parte de los dispositivos que se usan con una computadora (monitor, escáner, etc.) usan el modelo RGB (modelo de reflexión o aditivo), excepto los que aportan tintes, como las impresoras, que suelen usar el modelo CMYK (modelo sustractivo).
Profundidad de color

Un píxel, comúnmente, se representa con: 8 bits (28 colores), con 24 bits (224 colores, 8 bits por canal de color) o con 48 bits (240 colores); en fotografía avanzada y digitalización de imágenes profesional se utilizan profundidades aún mayores, expresadas siempre en valores de bits/canal de color en lugar de la suma de los tres canales. Los primeros son los más utilizados, reservando el de 8 bits para imágenes de alta calidad pero en tonos de grises, o bien con 256 colores en paleta seleccionada para baja calidad colorimétrica; el de 24 bits es el más común y de alta calidad, se lo utiliza en la mayoría de las imágenes fotográficas.
Megapíxel
Véase también: Prefijos del SI

Un megapíxel o megapixel (Mpx) equivale a 1 millón de píxeles, a diferencia de otras medidas usadas en la computación en donde se suele utilizar la base de 1024 para los prefijos, en lugar de 1000, debido a su conveniencia respecto del uso del sistema binario. Usualmente se utiliza esta unidad para expresar la resolución de imagen de cámaras digitales; por ejemplo, una cámara que puede tomar fotografías con una resolución de 2048 × 1536 píxeles se dice que tiene 3,1 megapíxeles (2048 × 1536 = 3.145.728).

La cantidad de megapíxeles que tenga una cámara digital define el tamaño de las fotografías que puede tomar y el tamaño de las impresiones que se pueden realizar; sin embargo, hay que tener en cuenta que la matriz de puntos está siendo distribuida en un área bidimensional y, por tanto, la diferencia de la calidad de la imagen no crece proporcionalmente con la cantidad de megapixeles que tenga una cámara, al igual que las “x” de una grabadora de discos compactos.

Las cámaras digitales usan componentes de electrónica fotosensible, como los CCD (del inglés Charge-Coupled Device) o sensores CMOS, que graban niveles de brillo en una base por-píxel. En la mayoría de las cámaras digitales, el CCD está cubierto con un mosaico de filtros de color, teniendo regiones color rojo, verde y azul (RGB) organizadas comúnmente según el filtro de Bayer, así que cada píxel-sensor puede grabar el brillo de un solo color primario. La cámara interpola la información de color de los píxeles vecinos, mediante un proceso llamado interpolación cromática, para crear la imagen final.

Dimensiones de imagen según proporción y cantidad de pixeles:

Para saber el número total de pixeles de una cámara, basta multiplicar el ancho de la imagen máxima que puede generar por el alto de la misma -desactivando previamente el zoom digital-; También es posible dividir el número de pixeles de ancho entre el número correspondiente al alto, y conocer la proporción de la imagen obtenida. Aquí se presenta una lista de las resoluciones comunes de cámaras digitales basándose en esta relación de aspecto:
Megapixeles Tamaño imagen 3:2 (Píxeles) Tamaño imagen 4:3 (Píxeles)
0,3 671×447 632×474
1 1224×816 1155×866
1,2 1341×894 1265×949
2 1733×1155 1633×1225
3 2121×1414 2000×1500
4 2450×1633 2309×1732
5 2739×1826 2581×1936
5,3 2820×1880 2659×1994
6 3000×2000 2828×2121
6,3 3074×2049 2899×2174
8 3464×2309 3265×2449
10 3873×2582 3652×2739
12 4242×2828 4000×3000
14 4583×3055 4320×3240
15 4743×3162 4472×3354
16 4899×3266 4619×3464
18 5196×3464 4899×3674
20 5477×3651 5164×3873
21 5613×3742 5292×3969
22 5745×3830 5416×4062
24 6000×4000 5657×4243
25 6123×4082 5773×4330
28 6480×4320 6111×4583
30 6708×4472 6324×4743
32 6929×4619 6532×4899
34 7142×4761 6733×5050
35 7245×4830 6831×5123
36 7349×4899 6928×5196
39 7649×5099 7211×5408
40 7746×5164 7303×5477
44 8124×5416 7660×5745
48 8486×5657 8000×6000
50 8661×5774 8165×6124

Formatos de imagen

Las imágenes pueden ser de muchos formatos diferentes: bmp, gif, jpg, etc. Pero no todos estos formatos son adecuados para una web, debido a que pueden ocupar mucha memoria o a que no son compatibles con algunos navegadores.

Los formatos más utilizados son el GIF y el JPG, que a pesar de ser imágenes de menor calidad que las imágenes BMP, son más recomendables debido a que ocupan menos memoria. Vamos a ver un poco más sobre estos formatos:

Formato GIF:

Utilizan un máximo de 256 colores, y son recomendables para imágenes con grandes áreas de un mismo color o de tonos no continuos. Suelen utilizarse con gran frecuencia, ya que permiten definir transparencias y animación.

Formato JPG:

Las imágenes son de mayor calidad que las GIF, al poder contener millones de colores, pero el tamaño de la imagen es mayor y tarda más en descargarse se utilizan más para fotos.

Puedes incluir imágenes en otros formatos, que podrán ser visualizadas en algunos navegadores. Este es el caso de las imágenes BMP y PNG.

Puedes cambiar el formato de las imágenes mediante la utilización de algún programa de tratamiento de imágenes, como pueden ser Fireworks, Photoshop, Corel Draw, etc. Por ejemplo el Fireworks de Macromedia tiene una opción, exportar a tipo gif que reduce considerablemente la ocupación de la imagen sin perder en calidad (siempre que la imagen se adecue al formato).

Dependiendo del programa utilizado existirá una mayor o menor cantidad de opciones a la hora de modificar las imágenes. Para realizar modificaciones sencillas, como la de recortar las imágenes y cambiar los colores, puedes utilizar incluso el programa Paint de Windows.