Scribd Logo
Importer

Bienvenue sur Scribd !

  • Tecnologia WEB I

    Transféré par

    Deiner Restrepo Duran
    22 vues76 pages

    Titre original

    Tecnologia WEB I.pptx

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Formats disponibles

    PPTX, PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Signaler ce document

    Droits d'auteur :

    Attribution Non-Commercial (BY-NC)
    Téléchargez comme PPTX, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    22 vues76 pages

    Tecnologia WEB I

    Transféré par

    Deiner Restrepo Duran

    Droits d'auteur :

    Attribution Non-Commercial (BY-NC)
    Téléchargez comme PPTX, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    sur 76

    La estructura general de un documento HTML es la siguiente: <HTML> <HEAD> ...............elementos de encabezado del archivo.........

    <TITLE> ttulo de la pgina </TITLE> </HEAD> <BODY> ................ texto... y otros elementos........................... </BODY> </HTML> Observe que el documento abre con la etiqueta <HTML> y cierra con la etiqueta </HTML>. Igual pasa con las otras marcas presentes en el documento. Algunas marcas no necesitan una etiqueta de cierre. En la marca que abre, se pueden incluir atributos de marca. Por ejemplo las marcas <p> ...</p> indican el inicio y el fin de un prrafo. Un atributo para un prrafo es la manera de alinearlo, por ejemplo a la izquierda; podemos incluir este atributo en la etiqueta que abre, <p align="left"> ... </p>

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Este es el ttulo de la pagina</title> </head> <body> Entre estas etiquetas va el cuerpo de nuestra pagina. </body> </html>

    Representacin en forma de rbol de la pgina HTML de ejemplo

    Estructura
    En la imagen vemos un ejemplo de cmo cambiara un documento escrito en HTML normal a HTML5 con estos elementos

    JavaScript es un lenguaje de programacin que se utiliza principalmente para crear pginas web dinmicas. Una pgina web dinmica es aquella que incorpora efectos como texto que aparece y desaparece, animaciones, acciones que se activan al pulsar botones y ventanas con mensajes de aviso al usuario. Tcnicamente, JavaScript es un lenguaje de programacin interpretado, por lo que no es necesario compilar los programas para ejecutarlos. En otras palabras, los programas escritos con JavaScript se pueden probar directamente en cualquier navegador sin necesidad de procesos intermedios.

    <html> <head> <script type="text/javascript"> function displayDate() { document.getElementById("demo").innerHTML=Date(); } </script> </head> <body> <h1>My First Web Page</h1> <p id="demo">This is a paragraph.</p> <button type="button" onclick="displayDate()">Display Date</button> </body> </html> Probar codigo

    Revisar y estudiar los ejercicios plateados aqui!

    Hojas de Estilo en Cascada (Cascading Style Sheets), es un mecanismo simple que describe cmo se va a mostrar un documento en la pantalla, o cmo se va a imprimir, o incluso cmo va a ser pronunciada la informacin presente en ese documento a travs de un dispositivo de lectura.

    CSS se utiliza para dar estilo a documentos HTML y XML, separando el contenido de la presentacin. Los Estilos definen la forma de mostrar los elementos HTML y XML. CSS permite a los desarrolladores Web controlar el estilo y el formato de mltiples pginas Web al mismo tiempo. Cualquier cambio en el estilo marcado para un elemento en la CSS afectar a todas las pginas vinculadas a esa CSS en las que aparezca ese elemento.

    La sintaxis bsica de CSS Digamos que queremos un bonito color rojo como fondo de nuestra pgina web: Usando HTML podramos haberlo conseguido as:
    <body bgcolor="#FF0000">

    Con CSS el mismo resultado puede lograrse as:


    body {background-color: #FF0000;}

    Podemos aplicar CSS a un documento HTML de tres maneras diferentes. Todos estos mtodos se explican a continuacin. Te recomendamos que te centres en el tercero, es decir, el externo.

    Mtodo 1: En lnea (el atributo style)


    <html> <head> <title>Ejemplo</title> </head> <body style="background-color: #FF0000;"> <p>Esta es una pgina con fondo rojo</p> </body> </html>

    Mtodo 2: Interno (la etiqueta style)


    <html> <head> <title>Ejemplo</title> <style type="text/css"> body {background-color: #FF0000;} </style> </head> <body> <p>Esta es una pgina con fondo rojo</p> </body> </html>

    Mtodo 3: Externo (enlace a una hoja de estilo)


    El mtodo recomendado es enlazar con lo que se denomina hoja de estilo externa. A lo largo de este tutorial usaremos este mtodo en todos nuestros ejemplos. Una hoja de estilo externa es sencillamente un fichero de texto con la extensin .css. Como cualquier otro fichero, puedes colocar la hoja de estilo en el servidor web o en el disco duro.

    El truco consiste en crear un vnculo desde el documento HTML (por ejemplo, default.htm) con la hoja de estilo (style.css). Dicho vnculo se puede crear con una sencilla lnea de cdigo HTML:
    <link rel="stylesheet" type="text/css" href="style/style.css" />

    La lnea de cdigo debe insertarse en la seccin de encabezado del cdigo HTML, es decir, entre la etiqueta <head> y </head>. De esta manera:
    <html> <head> <title>Mi documento</title> <link rel="stylesheet" type="text/css" href="style/style.css" /> </head> <body> ...

    1. COLOR DE TEXTO: color: red; 2. COLOR DE FONDO: background-color: black; 3. REPETIR IMAGEN DE FONDO EN FORMA HORIZONTAL: background: url("/images/back.jpg") repeat-x; 4. REPETIR IMAGEN DE FONDO EN FORMA VERTICAL: background: url("/images/back.jpg") repeat-Y; 5. NEGRITA font-weight: bold; 6. CURSIVA font-style: italic; 7. SUBRAYADO: text-decoration: underline; 8. PARRAFO EN MAYUSCULAS: text-transform: uppercase; 9. LETRA CAPITAL O TEXTO TIPO TITULO: 1.text-transform: capitalize; 10. ELIMINAR SUBRAYADO DE UN ENLACE: a { text-decoration: none; } 11. @fontface{ familia-fuente; url(url); } Especifca una fuente para ser utilizada dentro del documento. Permite usar una fuente que no se encuentra localmente. 12. @import{ url( url ) } Permite importar una hoja de estilo. 13. { background: trasparent | color || url || repeat || scroll || posicin } Especifica el grfico y/o color, posicin y forma de pintado del grfico que se ubica detrs del texto y otros elementos del documento. 14. { background-attachment: scroll | fixed } Define si la imagen de fondo quedar fija mientras se desplaza el contenido del documento o si se repetir a todo su largo y ancho. 15. { background-color: color | transparent } Indica al navegador el color del documento o de un elemento. 16. { background-image: url | none } Especifica el URL de la imagen de fondo del documento o de un elemento. 17. { background-position: [ posicin ] | largo | {1,2} | [ top | center | bottom ] || [ left | center | right ]} Indica al navegador la posicin inicial de la imagen de fondo dentro del documento. 18. { background-repeat: repeat | repeat-x | repeat-y | no-repeat } Define si la imagen de fondo se repite y de que manera. 19. { background-color: color | transparent } Especifica el color de fondo de un elemento. 20. { border: largo || estilo || color } Especifica uno o varios atributos del tipo de borde que va a ser dibujado alrededor de un elemento o entre marcos.

    Revisar y poner en practica los ejemplos planteados aqui!

    Un servidor es un ordenador remoto que provee los datos solicitados por parte de los navegadores de otras computadoras. Los Servidores almacenan informacin en forma de pginas web y a travs del protocolo HTTP lo entregan a peticin de los clientes (navegadores web) en formato HTML.

    En redes locales se entiende como el software que configura un PC como servidor para facilitar el acceso a la red y sus recursos.

    Servidores de Aplicaciones (Application Servers) Servidores de Audio/Video (Audio/Video Servers) Servidores de Chat (Chat Servers) Servidores de Fax (Fax Servers) Servidores FTP (FTP Servers) Servidores Groupware (Groupware Servers) Servidores de Correo (Mail Servers) Servidores de Noticias (News Servers) Servidores Proxy (Proxy Servers). Servidores Web (Web Servers)

    En la ingeniera de software se denomina aplicacin web a aquellas aplicaciones que los usuarios pueden utilizar accediendo a un servidor web a travs de Internet o de una intranet mediante un navegador. En otras palabras, es una aplicacin software que se codifica en un lenguaje soportado por los navegadores web en la que se confa la ejecucin al navegador.

    Ejemplos CRM

    Las Rich Internet Applications, o RIA (en espaol "aplicaciones de Internet enriquecidas"), son aplicaciones web que tienen la mayora de las caractersticas de las aplicaciones de escritorio tradicionales. Estas aplicaciones utilizan un navegador web estandarizado para ejecutarse y por medio de complementos o mediante una mquina virtual se agregan las caractersticas adicionales.

    Ejemplos de RIA Flickr

    El software como servicio (en ingls Software as a Service, SaaS) se encuentra en la capa ms alta y caracteriza una aplicacin completa ofrecida como un servicio, endemanda, va multitenencia que significa una sola instancia del software que corre en la infraestructura del proveedor y sirve a mltiples organizaciones de clientes. El ejemplo de SaaS conocido ms ampliamente es Salesforce.com, pero ahora ya hay muchos ms, incluyendo las Google Ejemplos de SaaS Apps que ofrecen servicios bsicos de Salesforce CRM Customer Service negocio como el e-mail.
    & Support

    La computacin en la nube concepto conocido tambin bajo los trminos informtica en la nube, nube de cmputo o nube de conceptos, del ingls Cloud computing, es un paradigma que permite ofrecer servicios de computacin a travs de Internet.
    Ejemplos de Nube Salesforce.com

    SGBD libres PostgreSQL (http://www.postgresql.org Postgresql) Licencia BSD Firebird basada en la versin 6 de InterBase, Initial Developer's PUBLIC LICENSE Version 1.0. SQLite (http://www.sqlite.org SQLite) Licencia Dominio Pblico DB2 Express-C (http://www.ibm.com/software/dat a/db2/express/) Apache Derby (http://db.apache.org/derby/) MariaDB (http://mariadb.org/) MySQL (http://dev.mysql.com/)

    SGBD no libres MySQL: Licencia Dual, depende del uso. No se sabe hasta cundo permanecer as, ya que ha sido comprada por Oracle. Sin embargo, existen 2 versiones: una gratuita que sera equivalente a la edicin "express" SQL server de Microsoft Windows, y otra ms completa de pago. Advantage Database dBase FileMaker Fox Pro gsBase IBM DB2: Universal Database (DB2 UDB) IBM Informix Interbase de CodeGear, filial de Borland MAGIC Microsoft Access Microsoft SQL Server NexusDB Open Access Oracle Paradox PervasiveSQL Progress (DBMS)

    Para poder conectar la aplicacin web a la base de datos, (en MySQL ) se debe usar una funcion llamada mysql_connect(), a esta funcion se le deben entregar tres parametros.

    Ej. $link = mysql_connect(localhost ,usuario,password); Descripcin del Ejemplo. - $link = variable que almacenara el resultado que retorne la funcin. - localhost = nombre del servidor en donde se encuentra nuesta base de datos. - usuario = usuario, previamente registrado en el servidor. - password = password para el usuario registrado en el servidor. Una ves efectuada la conexion, debe especificar la base de datos a utilizar. Para este fin se utiliza la funcion mysql_select_db(). Ej. $base = Articulos; $bd = mysql_select_db($link,$base); Descripcin del Ejemplo: $bd = almacena el valor retornado por la funcin. $base = almacena el nombre de la base de datos a accesar. Es recomendable crear estas funciones en un solo archivo, y luego llamarlas desde la pgina php que va a tener acceso a los datos.

    /******************* conex.php *****************/ <? function conex(){ $link = mysql_connect(localhost,user,12345); if (!$link) { echo se encontro un error al conectar tratar de conectar al servidor!; echo mysql_error(); exit(); } return $link } function database($base) { $bse = mysql_select_db($link,$base); return $bse; } ?> /********************conex.php ****************/ /**************otra.php ***********************/ include(conex.php); $con = conex(); $name=ventas; $bd = database($name); tratamiento de datos /*************fin de otra.php *****************/

    [directivas del pre-procesador: includes y defines] [declaracin de variables globales] [prototipos de funciones] [declaraciones de clases] funcin main [definiciones de funciones] [definiciones de clases]

    Variables, Manejo de Constantes. Estructuras de Control. Estructuras repetitivas. Manejo de funciones. Manejo de Archivos

    AJAX por sus siglas en ingles significa Asynchronous JavaScript And XML (JavaScript asncrono y XML) y la importancia de sta tcnica est en que al utilizarla, sta se ejecuta en el lado del cliente es decir el navegador Web-, pero por debajo mantiene una comunicacin asncrona con el servidor. Con sta asincrona utilizando XML, cuando se desee hacer algn cambio en el desarrollo Web, no ser necesario que la pgina se recargue nuevamente; lo que en ltimas se traduce en aplicaciones mucho ms interactivas, rpidas y veloces y eficientes. A continuacin una grfica que ilustrar mejor el modelos de aplicacin Web bsico, comparado con el modelo de moda AJAX.

    Con AJAX la interaccin que tiene el usuario con alguna aplicacin se mejora porque no tendr que saltar de pgina en pgina para hacer alguna tarea especfica, as como tambin se mejora que el usuario no se detenga cuando cierta aplicacin necesite algo del servidor. AJAX se basa en el modelo de aplicacin Web asncrona y se ilustrar mejor con un grfico:

    En la Grfica Anterior, el motor AJAX permite que la interaccin del usuario con la aplicacin suceda asincrnicamente (independientemente de la comunicacin con el servidor). As el usuario nunca estar mirando una ventana en blanco del navegador y un icono de reloj de arena esperando a que el servidor haga algo. sta tcnica se hizo popular, gracias a que Google la implementara en su aplicacin Web, Google Suggest, pero sta no se limita ah, pues la compaa de Sergey Brin y Larry Page ha venido implementando ltimamente AJAX en otras aplicaciones Web como Orkut, Gmail, la ltima versin de Google Groups, y Google Maps.

    AJAX se basa en la combinacin de 4 tecnologas existentes, entre las que estn: - JavaScript: es un lenguaje interpretado, es decir, que no requiere compilacin, utilizado principalmente en pginas Web, con una sintaxis semejante a la del lenguaje Java y el lenguaje C - XML: es un metalenguaje extensible de etiquetas desarrollado por el World Wide Web Consortium (W3C). Es una simplificacin y adaptacin del SGML y permite definir la gramtica de lenguajes especficos (de la misma manera que HTML es a su vez un lenguaje definido por SGML). Por lo tanto XML no es realmente un lenguaje en particular, sino una manera de definir lenguajes para diferentes necesidades. - HTML: Es un lenguaje de marcacin diseado para estructurar textos y presentarlos en forma de hipertexto, que es el formato estndar de las pginas Web. - CSS: son un lenguaje formal usado para definir la presentacin de un documento estructurado escrito en HTML o XML (y por extensin en XHTML).

    En conclusin cabe anotar que AJAX no es una tecnologa, sino una combinacin de varias de tecnologas y tcnicas, y tampoco se le puede confundir con un lenguaje de programacin.

    Libro ajax Descargar el PDF

    ALTER DATABASE

    ALTER {DATABASE | SCHEMA} [db_name] alter_specification [, alter_specification] ... alter_specification: [DEFAULT] CHARACTER SET charset_name | [DEFAULT] COLLATE collation_name
    ALTER [IGNORE] TABLE tbl_name alter_specification [, alter_specification] ... alter_specification: ADD [COLUMN] column_definition [FIRST | AFTER col_name ] | ADD [COLUMN] (column_definition,...) | ADD INDEX [index_name] [index_type] (index_col_name,...) | ADD [CONSTRAINT [symbol]] PRIMARY KEY [index_type] (index_col_name,...) | ADD [CONSTRAINT [symbol]] UNIQUE [index_name] [index_type] (index_col_name,...) | ADD [FULLTEXT|SPATIAL] [index_name] (index_col_name,...) | ADD [CONSTRAINT [symbol]] FOREIGN KEY [index_name] (index_col_name,...) [reference_definition] | ALTER [COLUMN] col_name {SET DEFAULT literal | DROP DEFAULT} | CHANGE [COLUMN] old_col_name column_definition [FIRST|AFTER col_name] | MODIFY [COLUMN] column_definition [FIRST | AFTER col_name] | DROP [COLUMN] col_name | DROP PRIMARY KEY | DROP INDEX index_name | DROP FOREIGN KEY fk_symbol | DISABLE KEYS | ENABLE KEYS | RENAME [TO] new_tbl_name | ORDER BY col_name | CONVERT TO CHARACTER SET charset_name [COLLATE collation_name] | [DEFAULT] CHARACTER SET charset_name [COLLATE collation_name] | DISCARD TABLESPACE | IMPORT TABLESPACE | table_options

    ALTER TABLE

    CREATE DATABASE

    CREATE {DATABASE | SCHEMA} [IF NOT EXISTS] db_name [create_specification [, create_specification] ...] create_specification: [DEFAULT] CHARACTER SET charset_name | [DEFAULT] COLLATE collation_name

    CREATE INDEX
    CREATE [UNIQUE|FULLTEXT|SPATIAL] INDEX index_name [USING index_type] ON tbl_name (index_col_name,...) index_col_name: col_name [(length)] [ASC | DESC]

    CREATE TABLE
    CREATE [TEMPORARY] TABLE [IF NOT EXISTS] tbl_name [(create_definition,...)] [table_options] [select_statement]

    DROP DATABASE
    DROP {DATABASE | SCHEMA} [IF EXISTS] db_name

    DROP INDEX
    DROP INDEX index_name ON tbl_name

    DROP TABLE
    DROP [TEMPORARY] TABLE [IF EXISTS] tbl_name [, tbl_name] ... [RESTRICT | CASCADE]

    RENAME TABLE RENAME TABLE tbl_name TO new_tbl_name [, tbl_name2 TO new_tbl_name2] ...

    Crear el documento PDF


    require_once('class.ezpdf.php'); $pdf =& new Cezpdf('a4'); $pdf->selectFont('../fonts/courier.afm'); $pdf->ezSetCmMargins(1,1,1.5,1.5);

    Obtenemos los registros desde MySQL


    $conexion = mysql_connect("localhost", "usuario", "clave"); mysql_select_db("demo", $conexion); $queEmp = "SELECT nombre, direccion, telefono FROM empresa"; $resEmp = mysql_query($queEmp, $conexion) or die(mysql_error()); $totEmp = mysql_num_rows($resEmp);

    Creando el array de datos, ttulos y opciones


    $ixx = 0; while($datatmp = mysql_fetch_assoc($resEmp)) { $ixx = $ixx+1; $data[] = array_merge($datatmp, array('num'=>$ixx)); } $titles = array( 'num'=>'<b>Num</b>', 'nombre'=>'<b>Empresa</b>',

    'direccion'=>'<b>Direccion</b>', 'telefono'=>'<b>Telefono</b>' ); $options = array( 'shadeCol'=>array(0.9,0.9,0.9), 'xOrientation'=>'center', 'width'=>500 );

    Imprimiendo los Resultados $txttit = "<b>BLOG.UNIJIMPE.NET</b>\n"; $txttit.= "Ejemplo de PDF con PHP y MYSQL \n"; $pdf->ezText($txttit, 12); $pdf->ezTable($data, $titles, '', $options); $pdf->ezText("\n\n\n", 10); $pdf->ezText("<b>Fecha:</b> ".date("d/m/Y"), 10); $pdf->ezText("<b>Hora:</b> ".date("H:i:s")."\n\n", 10); $pdf->ezStream();

    PHPReports
    http://phpreports.sourceforge.net aplicacion web, parece muy prometedora, hecha con XML

    PHP Report
    http://sourceforge.net/projects/php-report/ Compatible con MySQL

    Sylex PHP projects


    http://sourceforge.net/projects/sylexphp/ Este proyecto contiene herramientas para desarrollar formularios y reportes PHP con MySQL

    Qu es FPDF
    http://www.fpdf.org/?lang=es FPDF es una clase escrita en PHP que permite generar documentos PDF directamente desde PHP, es decir, sin usar la biblioteca PDFlib. La F de FPDF significa Free (gratis y libre): puede usted usarla para cualquier propsito y modificarla a su gusto para satisfacer sus necesidades.

    Qu es JpGraph

    Es una librera que incluye una serie de clases cdigo orientado a objetos- que sirven para crear imgenes con todo tipo de grficas, dinmicamente desde pginas PHP.

    10 excelentes libreras para grficos. Ver aqu!

    Nunca debes confiar en que los usuarios te van a mandar los datos que tu esperas. Mucha gente responde a esto con algo como Oh, nadie estara interesado en mi sitio.
    register_globals
    if ($password == my_password) { $authorized = 1; } if ($authorized == 1) { echo Mis cosas importantes ; }

    Si un servidor tiene register_globals encendidos, entonces simplemente agregando? authorized=1 al URL dar a cualquier persona el acceso libre

    $authorized = 0; if ($password == my_password) { $authorized = 1; } if ($authorized == 1) { echo Lots of important stuff.; }

    Mensajes de error Un hacker puede utilizarlos para descubrir todas las clases de informacin sobre un sitio, desde la estructura del directorio del servidor a la informacin de la conexin de la base de datos.En PHP para evitar esto puedes utilizar .htaccess o php.ini, fijando error_reporting a 0.

    Utilicemos un ejemplo comn. Muchos sistemas utilizan un cdigo muy parecido a este para comprobar el usuario y la contrasea pudindose hacer todas las combinaciones vlidas del usuario y de su contrasea, por ejemplo para controlar el acceso a un rea de administracin:
    $check = mysql_query(SELECT Username, Password, UserLevel FROM Users WHERE Username = .$_POST['username']. and Password = .$_POST['password'].);

    Parece que no podra hacer mucho dao. Pero digamos por un momento que introduzco el siguiente usuario en el formulario:

    O 1=1 #

    La pregunta que va a ser ejecutada sera esta:


    La almohadilla (#) le dice a MySQL que todo que le sigue es un comentario y que no debe de hacerle caso. Ejecutar SQL hasta ese punto. Despus 1 es igual a 1, SQL devolver todos los usuarios y contraseas de la base de datos. Y como la primera combinacin del usuario y de contrasea en la mayora de las bases de datos es la de el administrador, la persona que incorpor simplemente algunos smbolos en un formulario ahora entra como administrador de la Web , con los mismos privilegios que tendra si supiera realmente el usuario y la contrasea.

    SELECT Username, Password FROM Users WHERE Username = OR 1=1 # and Password =

    Solucin adecuada:
    function make_safe($variable) { $variable = addslashes(trim($variable)); return $variable; }

    En vez de usar variables _POST como en la consulta de arriba, ahora utilizamos todos los datos del usuario con la funcin make_safe, dando por resultado el cdigo siguiente:
    $username = make_safe($_POST['username']); $password = make_safe($_POST['password']); $check = mysql_query(SELECT Username, Password, UserLevel FROM Users WHERE Username = .$username. and Password = .$password.);

    La pregunta que va a ser ejecutada sera esta:


    Ahora, si un usuario incorpor los datos anteriormente citados, la consulta ser la siguiente: \ O o 1=1 #

    SELECT Username, Password FROM Users WHERE Username = OR 1=1 # and Password =

    SELECT Username, Password, UserLevel FROM Users WHERE Username = \ OR 1=1 # and Password =

    A menos que tengas un usuario con un nombre muy inusual y una contrasea en blanco, tu atacante no podr hacer ningn dao en tu sitio Web.

    Algunos sitios tienen URLs parecidas a esto: index.php?page=contactus.html


    El archivo index.php incluye simplemente el archivo de contactus.html, y el sitio parece funcionar. Sin embargo, el usuario puede cambiar muy fcilmente el pedacito de contactus.html por cualquier cosa que le apetezca. Por ejemplo, si ests utilizando el mod_auth de Apache para proteger archivos y para guadar tu contrasea en el archivo llamado .htpasswd (el nombre convencional), si un usuario quisiera visitar esa URL, la respuesta hara salir el nombre de usuario y contrasea:
    index.php?page=.htpasswd

    Afortunadamente, otra vez, esto es razonablemente fcil de solucionar. Primero, cerciorate de haber fijado correctamente el open_basedir en tu archivo de php.ini, y fijar allow_url_fopen a OFF.

    Algunos sitios tienen URLs parecidas a esto: http://www.tusitio.com/admin/ http://www.tusitio.com/administrator/


    Igual se aplica a los nombres de usuario y a las contraseas. Si tienes un rea de administracin, no utilices admin como nombre de usuario. Escoge algo mas complicado de averiguar, si pudiera ser ambas con letras y nmeros debido a que muchos hackers utilizan el llamado ataque del diccionario, intentando cada palabra de un diccionario como contrasea hasta que encuentran un login que funcione.

    En definitiva, mi consejo es que debes ser totalmente paranoico

    SSL/TLS es una tecnologa compleja, pero una vez entendidos los conceptos anteriores comprenders el funcionamiento de este protocolo de forma general. Usemos un ejemplo con el cual posiblemente ests familiarizado.
    Supongamos que intentas acceder al sitio de Facebook de forma segura, es decir, usando https en la direccin web. Inmediatamente, aparecer la pgina en pantalla y en alguna parte de tu navegador observars un candado, dependiendo del navegador que uses (Imagen 1). Si no viste ningn mensaje de advertencia (generalmente en tonos rojos), el protocolo SSL/TLS ha hecho su trabajo.

    SSL/TLS funciona de forma transparente para ti, lo que en realidad ocurre cuando intentas acceder a un sitio seguro se asemeja al siguiente diagrama.

    Hace uso de una lista de Certificados Raz almacenados en tu computadora y que contienen las llaves pblicas de las ACs conocidas y de confianza (Imagen 2). Puedes acceder a esta lista desde las opciones avanzadas de tu navegador web (en este caso usamos Google Chrome). Con base a esta lista, el navegador revisa que la AC del certificado sea de confianza, de no serlo, el navegador mostrar una advertencia indicando que el certificado fue emitido por una entidad en la cual no confa.

    Es importante que ests consciente que pese acceder slo a sitios seguros, la tecnologa SSL/TLS no garantiza al 100% que tu informacin est segura; considera que, como toda creacin humana, tiene fallos. Los atacantes se han vuelto muy hbiles e ingeniosos para burlar estos mecanismos de seguridad. Por ello, debes tomar algunas medidas preventivas antes de realizar transacciones en lnea que puedan poner en riesgo tu informacin.

    Empleando el certificado falso, el troyano es capaz de descifrar y leer la informacin que compartas con el banco, posiblemente reenvindola a un atacante para que ste haga mal uso de ella, por ejemplo robando tu identidad.

    Evita hacer uso de computadoras y redes pblicas, sobre todo si vas a utilizar el servicio de banca en lnea, realizar cualquier tipo de compra o transferir informacin valiosa para ti. Instala un antivirus y procura mantenerlo actualizado. Al final de este artculo se listan algunas soluciones gratuitas que pueden ayudarte. Es importante mantener actualizado tu navegador, ya que si no lo haces, eres ms susceptible a ataques. Consulta el sitio web oficial del navegador que elijas y obtn la versin ms reciente. Cuando utilices HTTPS, verifica la vigencia del certificado, esto lo puedes hacer observando en el periodo de validez del mismo

    Una vez que te has registrado y se te ha entregado el certificado, recibirs un correo electrnico que te permite descargar el certificado junto con sus certificados inmediatos, todos ellos necesitan ser instalados en tu sitio Web. El proceso especfico de instalacin est determinado por tu eleccin del software para el servidor Web. Es recomendado utilizar el software con el que se construyo este sitio y que te permite la instalacin fcil de todo equipo digital como certificados SSL. NOTA: Para instalar tu certificado, necesitas la clave original privada, que fue creada cuando t generaste al principio con tu Solicitud de Suscripcin para el Certificado (Certificate Signing Request - CSR). Si no puedes encontrar esta clave, o no puedes acceder a ella, entonces no puedes usar el certificado y necesitas uno nuevo

    http://help.securepaynet.net/topic/742/article/5346

    SSL (Secure Sockets Layer) traducido al espaol significa Capa de Conexiones Seguras. Es un protocolo que hace uso de certificados digitales para establecer comunicaciones seguras a travs de Internet. Recientemente ha sido sustituido por TLS (Transport Layer Security) el cual est basado en SSL y son totalmente compatibles. Te permite confiar informacin personal a sitios web, ya que tus datos se ocultan a travs de mtodos criptogrficos mientras navegas en sitios seguros.

    Es utilizado ampliamente en bancos, tiendas en lnea y cualquier tipo de servicio que requiera el envo de datos personales o contraseas.

    El Wireless Markup Language es un lenguaje cuyo origen es el XML (eXtensible Markup Language). Este lenguaje se utiliza para construir las pginas que aparecen en las pantallas de los telfonos mviles y los asistentes personales digitales (PDA) dotados de tecnologa WAP. Es una versin reducida del lenguaje HTML que facilita la conexin a Internet de dichos dispositivos y que adems permite la visualizacin de pginas web en dispositivos inalmbricos que incluyan la tecnologa WAP.

    WML es un metalenguaje, lo que implica que adems de usar etiquetas predefinidas se pueden crear componentes propios y tiene ciertas similitudes con otro lenguaje de etiquetas bastante conocido, el HTML

    La informacin en WML se distribuye en forma de barajas (decks) compuestas por cartas (cards), tomndose cada fichero WML como una baraja. Las cartas tienen un nombre para poder referirse a ellas, y permitir la navegacin entre ellas dentro de una misma baraja. En una pgina se pueden encontrar diversos elementos como son imgenes, tablas, formularios o tareas.
    Al igual que el HTML se sirve de un lenguaje de script como javascript para dotar de cierto dinamismo a sus documentos, WML dispone del WMLS que es un lenguaje bastante similar al Javascript, pero con alguna diferencia fundamental.

    Ejemplo de una pgina WML:


    <?xml version="1.0"?> <!DOCTYPE wml PUBLIC "-//PHONE.COM//DTD WML 1.1//EN" "http://www.pagina.com" > <wml> <card id="carta1" title="Carta"> <p mode="wrap">Un ejemplo para entrar a pgina.</p> </card> </wml>

    Ejemplo de una pgina WML:


    <wml> <body bgcolor="CELESTE"> <center><h1>NAVEGACION ENTRE REGISTROS</h1></center><br /> <br /> <br />
    <card id="index" title="index"> <form action="productos.php" method="post"> Ingrese ruc a consultar: <input type="text" name="valor"> <input type="submit" value="Ingresar"> </form> </card> <body> </wml>

    A diferencia del HTML, WML es ms estricto, si existe un error en la escritura de las etiquetas presentar un error en vez de mostrar la pgina; al provenir del XML requiere que las etiquetas como <br /> (que sirven para empezar una nueva lnea) finalicen con />, mientras que en HTML puede finalizar en > sin generar error. WML permite el uso de variables en sus etiquetas, algo que no es posible en HTML, esta funcin es til ya que el valor de las variables se puede mantener entre cartas. En WML las imgenes utilizan el formato wbmp, cada imagen wbmp es esttica, sin embargo WML permite crear una secuencia de imgenes, de esta manera pueden verse en movimiento, las etiquetas que definen una carta pueden tener un evento activado por un contador (ontimer) el cual saltar a la carta indicada luego de un tiempo definido dentro de la etiqueta as: <timer value="5"/>, de esta manera, si cada carta posee una imagen, se puede crear la sensacin de movimiento.

    WML utiliza tablas simples, algunos atributos existentes en HTML no existen en WML, tampoco existe la posibilidad de crear tablas dentro de tablas. As como HTML utiliza Javascript para crear acciones especiales sobre sus pginas, WML utiliza WMLScript que es muy similar a Javascript pero ms simple. Los guiones generados con este lenguaje se deben ubicar en archivos diferentes al archivo WML que los invoca, pues no pueden estar embedidos dentro del cdigo WML.

    Detectar iPhones e iPods usando Javascript:


    if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) { if (document.cookie.indexOf("iphone_redirect=false") == -1) { window.location = "http://m.espn.go.com/wireless/?iphone&i=COMR"; } }

    Detectar iPhones e iPods usando PHP:

    if(strstr($_SERVER['HTTP_USER_AGENT'],'iPhone') || strstr($_SERVER['HTTP_USER_AGENT'],'iPod')) { header('Location: http://yoursite.com/iphone'); exit(); }

    La funcin, que lee las cabeceras del navegador para saber con qu dispositivo navega, se llama esMovil(), hay que insertar esta funcin o la librera que la contiene en la primera lnea de nuestro script index.php
    function esMovil(){ return eregi( 'ipod|iphone|ipad|android|opera mini|blackberry|palm os|windows ce|Bada|Windows Phone|Symbian', $_SERVER['HTTP_USER_AGENT'] ); }

    Esta funcin es capaz de detectar si el navegador del visitante pertenece a un dispositivo mvil, ahora simplemente tenemos que aadir un condicional al principio de nuestro fichero index.php para filtrar a los visitantes segn el dispositivo que utilizan:
    if( esMovil() AND $_SERVER['REQUEST_URI']=='/'){ header( 'location:/versionmovil/' ); exit(); }

    Es importante recordar que esta verificacin hay que hacerla al comienzo del script, la funcin header location de PHP no funcionar si ya hemos mostrado algo de cdigo HTML. Recomiendo incluir la funcin en la primera lnea y esta verificacin justo a continuacin.
    Este script, detecta los navegadores por defecto de los siguientes dispositivos mviles (probado a 05/10/2010): iPod iPhone iPad Android Blackberry Palm OS Windows mvil Symbian

    Adems, es capaz de detectar si el dispositivo est navegando con la versin para mviles de Opera, Opera Mini.

    10 herramientas para probar tu sitio Web en dispositivos mviles

    Vous aimerez peut-être aussi