Archivos de la categoría ‘MPI’

 

CSS_0

 

Las CSS son un conjunto de instrucciones que definen los formatos de los elementos HTML de la página a la que afecta. Dicho de una forma más simple: se encuentra vinculada a una página HTML y dota de estilo a todos o algunos de los elementos que la componen.

El código que compone la hoja de estilos está formado por una o más reglas de estilo. Éstas son las declaraciones de los formatos que adoptarán los elementos de la página o sitio web a la que está destinada la hoja de estilos. Mediante la regla de estilo se identifica el elemento HTML que se desea seleccionar y la apariencia que se le quiere dar (por ejemplo que todas las fotos lleven un marco de color azul).

Las hojas de estilo se pueden realizar de tres formas:

  • Aplicando estilos de forma local – para aplicar estilos a elementos HTML directamente, se escribe el código CSS dentro del atributo style de la etiqueta HTML. Al escribir style=”codigo_css” no es necesario poner el selector ya que se entiende que el elemento afectado es aquel en el que está ubicado el estilo. Un ejemplo sería:
    • <p style=”color:green;”>HOLA<p>
  • Hojas de estilo internas – suelen utilizarse cuando se pretende aplicar el estilo sólo a la página donde se ubica. El código de la hoja de estilo interna se encontrará entre las siguientes etiquetas:
    • <style type=”text/css“><style>
    Esta etiqueta se puede ubicar en cualquier parte de la página, pero suele utilizarse dentro de la cabecera (<head></head>) para mayor comodidad.
  • Hojas de estilo externas – se usan para dar un aspecto común a varias páginas de un portal. Todos los estilos se definen en una hoja de estilo externa para, posteriormente, hacer que todas las páginas del portal la consultes. Así se obtendrá un estilo común a todo el portal. Para crear una hoja de estilos externa se escribe su código en un documento de texto plano. Posteriormente se vincula a la página web mediante la inclusión de la siguiente etiqueta en la cabecera del documento HTML:
    • <link rel=“stylesheet” type=“text/css” href=“url.css”>
    La parte “url.css” es el nombre de la hoja con su correspondiente URL si fuera necesario.

En el siguiente ejemplo se puede ver el código de una página HTML titulada Ejemplo vinculada a una CSS externa llamada estilo.css :

EjemploCSS

Las reglas de estilo:

Las reglas de estilo tienen dos componentes: el selector que seleccionará los elementos sobres los que actuará la regla, y la declaración que establece las propiedades y los valores a aplicar sobre los elementos seleccionados. Una regla de estilo adopta las siguiente forma:

selector {propiedad1: valor1;}

En el caso de querer declarar más de una propiedad/valor a un mismo selector, deben estar separadas por punto y coma(;) , como por ejemplo:

selector {propiedad1: valor1; propiedad2: valor 2}

El selector

Es el primero y más importante de los elementos que componen una regla de estilo. Sin él, el navegador no sabría a qué debe aplicarle el formato que a continuación viene encerrado entre llaves. Es decir, el selector determina los elementos sobre los que se aplica una regla de estilo.

Por ejemplo, si se quieren formatear los elementos p con el color azul, se tiene que crear un selector que identifique a estos elementos:

p {color: blue;}

Identificadores

Son selectores más específicos, se incrustan en la etiqueta HTML con la finalidad de asignar una identificación a un elemento unequívocamente, que no pueda existir otro elemento con la misma id en todo el documento. un ejemplo de identificador es por ejemplo:

 

<p id=”despedida”>Contenido del párrafo</p>
y en la parte de la hoja de estilos si por ejemplo queremos asignar un tamaño se letra 14 podríamos:
p#despedida {font-size: 14px;}
Clases
Otros atributos de los elementos HTML en class. Su finalidad es la de agrupar los elementos por clases o grupos para que así, CSS u otro lenguaje pueden seleccionarlos y distinguirlos de los demás. Al igual que ocurría con id, su uso es opcional aunque recomendable. Su sintaxis en HTML sería por ejemplo:
<img src=”casa.jpg” class=”fotos“>
Y en la parte de la CSS se escribiría de la siguiente manera:
.fotos {border-width: 1px;}

Pseudo-clases

Clasifican a los elementos según el estado del mismo. Es decir, los elementos son agrupados en función de los eventos que les hayan ocurrido: que el enlace haya sido visitado, que el cursor del ratón se encuentre encima o que deje de estar sobre él,etc.

De todos los existentes hasta la fecha, los más utilizados son los de vínculos(etiqueta <a>). Existen otros referentes al idioma (:lang) o al llamado primer hijo (:first-chlid), que hace referencia al primer elemento después de otro elemento. Es posible que cuando se establezcan las especificaciones para CSS3, surjan nuevos pseudo-clases.

Un ejemplo de pseudo-clase es el siguiente:

a:visited{color:blue}

con esta pseudo-clase estamos diciendo que cuando un enlace se haya visitado adoptará un color azul.

Pseudo-elementos

Son “partes” de elementos de una página a los que HTML no otorga identidad propia, y por tanto no pueden ser seleccionados por dicho lenguaje. Sin embargo, sí que pueden ser identificados por las reglas de estilo y ser formateados de manera distinta a la de los elementos a los que pertenecen.

Un ejemplo de pseudo-elementos es el siguiente:

p:first-letter {color:green}

Con este pseudo-elemento estamos indicando que la primera letra de todos los elementos p será de color verde.

Propiedades

En CSS existen numerosas propiedades que afectan de una u otra forma a diversos elementos HTML. Aparencen todas en la Guía de Referenciacss_1 Rápida de la W3C de la cual os dejo un enlace justo aquí debajo:

Visiten la guía de Referencia Rápida de CSS en el siguiente enlace -> W3C

Si lo desean también pueden descargarse esta versión en PDF-> CSS_Guía_ReFeReNcia_RaPiDa

Un enlace interesante para prácticar sobre CSS y saber más -> ManualDelCSS.com

Enlace de interés -> CSS ZeN GaRdeN

PHPLoGoPHP es un lenguaje de programación interpretado usado para la creación de páginas web dinámicas. PHP es un acrónimo que significa “PHP Hypertext Pre-processor” (inicialmente llamado PHP Tools o Personal Home Page Tools). Actualmente también se puede utilizar para crear otros tipos de programas incluyendo aplicaciones con interfaz gráfica usando las bibliotecas Qt o GTK+.

Este lenguaje de programación comenzó en el año 1994 y fue diseñado en Perl y actualmente está en la versión 5 y la versión 6 tiene previsto el lanzamiento.

Las características de PHP 5 son las siguientes con respecto a las anteriores:

  • Mejor soporte para la programación orientada a objetos.
  • Mejoras de rendimiento.
  • Mejor soporte para MySQL.
  • Mejor soporte para XML.
  • Soporte nativo para SQLite.
  • Soporte integrado para SOAP.
  • Iteradores de datos.
  • Manejo de excepciones.

Ahora voy hablar un poco sobre la nueva versión de PHP que como he nombrado antes es la PHP6

Cuando se lanze esta versión solo quedarán activas dos versiones, la 5 y la 6 porque se ha comunicado que PHP4 fue discontinuado desde Julio de 2007.

Las diferencias que encontraremos con PHP5 son las siguientes:

  • Soporte Unicode.
  • Limpieza de funcionalidades obsoletas.
  • PECL
  • Mejoras en orientación a objetos.

Usos de PHP

  • Programación de páginas web dinámicas.
  • Programación en consola al estilo de Shell Script o Perl.
  • Creación de aplicaciones gráficas no dependientes del navegador.

Ventajas y desventajas de PHP

Ventajas:

  • Multiplataforma
  • Manejo de excepciones
  • Bibliteca nativa de funciones
  • Permite técnicas de programación orientada a objetos.
  • Amplia documentación en su página oficial-> PHP
  • Destacada conectividad con MySQL.
  • Es libre.

Desventajas:

  • Promueve creación de código desordenado y con un mantenimiento complejo.
  • No posee adecuado manejo de unicode.
  • Es muy difícil de optimizar.
  • Diseñado especialmente hacia un modo de realizar aplicaciones Web que es problemático y obsoleto.

Ejemplo de código PHP

<?php
echo “Hola Mundo”;
?>


Lo que se mostraría con este pedazito de código sería:
Hola Mundo.
Podéis visitar esta página para más información, yo la he encontrado muy interesante!Os dejo aqui el link-> Hacktheplanet
Y Aquí un manual que me han pasado, es un curso de PHP+SQL, espero que os sea de gran utilidad-> Curso PHP+SQL

…JooMLa!…

Publicado: 4 diciembre, 2007 en MPI
Etiquetas:,

¿Qué es Joomla?joomla

Joomla es un Sistema de Gestión de Contenido de código abierto construído con PHP bajo una licencia GNU/GPL. Joomla nace como el resultado de una bifurcación o mejora de Mambo (otro CMS existente) de la corporación Miro de Australia, quienes mantenian la marca Mambo en esa época y tenían el grupo principal de desenvolvedores.

Su nombre es una pronunciación fonética de la palabra suajili jumla que significa “todos juntos” o “como un todo“. Se escogió como una reflexión del comprmiso del grupo de desenvolvedores y la comunidad del proyecto.

La primera versión de Joomla! fue publicada el 16 de Septiembre de 2005. Se trataba de una versión mejorada de Mambo 4.5.2.3 combinada xcon otras modificaciones de seguridad y anti-bugs. Actualmente los programadores publicaron Joomla!1.5RC1 baixo un código completamente reescrito e construido baixo PHP5.

En Joomla! 1.5 se incluyen características como:

  • Realizar caché de páginas para mejorar el rendimiento Web.
  • Feed RSS
  • versiones imprimibles de las páginas
  • Flash de noticias
  • Blogs
  • Foros
  • Encuestas
  • Calendarios de eventos
  • Búsquedas en el sitio Web
  • Internacionalización
  • Accesibilidad
  • Etc…

Historia del proyecto

Joomla nace con la división de Mambo un 17 de Agosto de 2005. La corporación Miro formó una organización sin ánimo de lucro con el propósito inicial de fundar el proyecto y protegerlo de pleitos.

El grupo de desenvolvimiento reclamó que muchas de las cláusulas de la estructura de la fundación fuern acuerdos previos echos por el comité directivo de Mambo, lo que no tiene la consultoría necesaria de quien mantiene el proyecto e incluye cláusulas que violan los valores principales del código abierto

Extensiones

Una de las mayores potencialidades que tiene este CMS es la gran cantidad de extensiones existentes desenvolvidas por su comunidad de usuarios que aumentan las posibilidades de Joomla! con nuevas características y que se integran fácilmente en el. Por ejemplo, el bot Wikibot permite crear automáticamente de forma dinámica y sin intervención humana relaciones en los contenidos de la Web que enlacan a artículos de la Wikipedia, si estos existen.
Instalación del CMS

Es una instalación muy sencilla e intuitiva en la que en cada paso va estar explicado detalladamente para que lo puedas configurar facilmente. Joomla! tiene una serie de requerimientos para funcionar que son:

  • Apache
  • PHPmyadmin
  • MySQL

En este trabajo explico paso a paso cómo instalar Ubuntu 7.10rc

MaNuaL De iNSTaLaCióN De uBuNtu 7.10rc – PaBLo PRaDo CuMBRaDo

Aquí adjunto una pequeña presentación en la que resumo brevemente los pasos de instalación:

Si necesitais mas información sobre este post o podéis darme una idea sobre algo que pueda ayudaros a resolver vuestras dudas enviadme un e-mail a hardz.ou@gmail.com ¡gracias!

…CóDiGo HTML…

Publicado: 22 octubre, 2007 en MPI
Etiquetas:, ,

Definición:

HTML es el acrónimo de HyperText Markup Language que en español se traduce a Lenguaje de marcas hipertextuales. Es un lenguaje diseñado para crear textos y presentarlos como hipertexto (formato estándar de páginas Web).

Historia del estándar:

En el año 1989 tan sólo existían dos técnicas que permitían vincular documentos electrónicos: los hipervínculos o el lenguaje de etiquetas SGML (Standard Generalized Markup Language o “Lenguaje de Marcación Generalizado”). A principios del año 1990 Tim Berners-Lee dice que HTML es el resultado de un subconjunto de SGML y crea también el tan conocido World Wide Web(WWW). Un año después crea el primer navegador de HTML para UNIX.

Códigos HTML básicos:

<html> indica el inicio del documento. El navegador interpreta esto como que todo lo que viene a continuación está en lenguaje HTML

<head> indica la cabecera del documento HTML. Contiene información que no se suele mostrar directamente al usuario. Dentro de la cabecera se incluye:

  • <tittle> título de la página
  • <link> vinculación del Sitio Web con hojas de estilo o iconos.
  • <style> colocación del estilo interno de la página (CSS, JavaScript…)

<body>contenido principal del documento, es la parte que se muestra en el navegador. Dentro de cuerpo se pueden encontrar distintas etiquetas:

  • <h1>, <h2>…<h6> encabezados con diferente importancia.
  • <table> Define una tabla
  • <tr>Fila de una tabla
  • <td> celda de datos de una tabla.

<a> Hipervínculo o enlace que puede ser tanto dentro como fuera del sitio Web.

<div> Área de la página.

<img> Imagen que requiere de una ruta y de un código de colores RGB (hexadecimal)

<li><ol><ul> Etiqueta para listas.

<b> Texto negrita (se recomienda el uso de <strong>)

<i> Texto en cursiva.

<u> Texto subrayado.

La mayoría de estas etiquetas deben cerrarse con una barra como por ejemplo:

<u>SERVIDOR ESI</u>

Bibliografía:

http://es.wikipedia.org/wiki/HTML

…MaLWaRe:TiPoS…

Publicado: 4 octubre, 2007 en MPI
Etiquetas:, , , , ,

malware

Bomba lógica – son pequeños programas que se activan ante determinada acción (una hora, fecha…).

“Es famoso el caso de Donald Gene Burleson. El señor Burleson fue despedido de la empresa por lo que como represalia realizó una bomba lógica que se activaba el 21 de septiembre -dos días después de su despido-. La bomba borró 168.000 registros de comisiones y nóminas. Burleson fue atrapado y ajusticiado, condenándosele a 7 años de libertad condicional y 12.000 dólares de indemnización para su antigua empresa. Es importante reseñar que fue la primera condena impuesta a un hombre por un sabotaje informático.”

Virus – son pequeños códigos insertados en programas que al ejercutarlas se ejecutan. Por ejemplo: el virus TEDY, fue el primer virus interactivo de procedencia argentina y de reciente aparición. Infecta los archivos .exe y muestra al usuario del equipo diversos mensajes en forma de cuestión: 1)¿Los programas que ud. utiliza son originales?(s/n) 2)¿Los de microsoft son unos ladrones?(s/n). según la respuesta se borrarán un número de archivos (entre 2 y 5) en la primera pregunta y en la segunda solo se mostrará un mensaje en el que te dice “Te doy otra oportunidad para responder bien”. Los archivos dañados por este virus ascienden a más de 4300 bytes

Gusanos – se ejecutan y propagan por la red aprovechando agujeros del sistema. Por ejemplo: Blaster, se trata de un virus con una capacidad de propagación muy elevada, hace uso de la vulnerabilidad de “Desbordamiento de búfer en RPC DCOM”.

Troyanos – se encuentran escondidos en el sistema y se hacen pasar por otros programas. Por ejemplo: Back Orifice, es un programa de control remoto de nuestra red lan que funciona bajo cliente y servidor, el servidor puede manejar el equipo remoto como el quiera.

Bibliografía:

http://www.formacion3000.com/virus.htm

http://www.monografias.com/trabajos/estudiovirus/estudiovirus.shtml

http://www.alerta-antivirus.es/virus/detalle_virus.html?cod=2880

http://es.wikipedia.org/wiki/Back_Orifice