lunes, 26 de octubre de 2015

BONUS sonido en una pagina web

El código básico a incluir en la página es el siguiente:

<audio controls="">
<source src="tema musical.mp3" type="audio/mpeg">
<source src="tema musical.ogg" type="audio/ogg">

‐ Para incluir información sobre el tema musical que se puede reproducir, basta incluir antes (o después)
un texto informativo (lógicamente hay también soluciones más elegantes).
Ejemplo:
<p>Texto informativo sobre el tema musical (título, músicos, duración, etc.)</p>

<audio controls="">
<source src="tema musical.mp3" type="audio/mpeg">
<source src="tema musical.ogg" type="audio/ogg">
Solo funciona con Internet Explorer 9+, Firefox, Opera, Chrome, y Safari.
</source></audio>
Inicio de Sesión

martes, 20 de octubre de 2015

[Fecha de publicacion 2015-10-20]

Previo indicador,solucion:
<html>
<head><title>marquesina</title>
</head>
<body>
<marquee behavior="alternate" width="50%" direction="down" bgcolor="#ffoooo">Hola</marquee>
</body>
</html>
Luego previo Beneficio:
¿Que es Geek?
Geek (del inglés geek, pronunciado "guik": IPA /gi:k/) es un término que se utiliza para referirse a la persona fascinada por la tecnología y la informática. El término «geek» en español está relacionado sólo con la tecnología, a diferencia del uso del término geek en inglés.

BONUS: que es Spotify?=Spotify es una aplicación empleada para la reproducción de música vía difusión en continuo disponible en los sistemas operativos Microsoft Windows, Mac OS X, Linux, Windows Phone, Symbian, iOS, Android y BlackBerry (multiplataforma). Permite escuchar en modo radio buscando por artista, álbum o listas de reproducción creadas por los propios usuarios. El programa se lanzó el 7 de octubre del 2008 al mercado europeo, mientras que su implantación en otros países se realizó a lo largo de 2009.
Practica y teoria de las tablas:
<html>
<head><title>Tabla 1</title>
</head>
<body>
<table border="2" width="70%" bgcolor="#ffff00">
<tr>
<td><marquee bgcolor="#00ffff">A</marquee></td>
<td>B</td>
<td>C D</td>
</tr>
<tr>
<td>ROY</td>
<td>David Jones</td>
</tr>
</table>
</body>
</html>
Usos del <td> y <tr> Rowspan y Colspan

VALIGN establece la alineación vertical de la fila. VALIGN se puede configurar para TOP | MIDDLE | CENTER | BOTTOM | BASELINE
ALIGN establece la alineación horizontal de la columna. ALIGN se puede configurar para LEFT | CENTER | MIDDLE | RIGHT


domingo, 18 de octubre de 2015

[Fecha de publicacion 2015-10-13]

se aplico un previo indicador

solucion:
Previo indicador-#2
<html>
<head>
<title>kkkkkkk</title>
</head>
<body>
<b>Bucaramanga</b>ciudad<u>bonita</u>
Colegio<font color="#ff0000">Divino</font>Amors
</body>
</html>

luego se pratico en sala los siguentes temas:

MARQUESINAS: 
Las marquesinas son líneas de texto que pueden desplazarse de un lado a otro de la ventana en forma de línea.
Para insertar una marquesina, es necesario insertar el texto entre las etiquetas <marquee> y </marquee>.
La marquesina, por defecto, se desplaza de derecha a izquierda indefinidamente, pero si lo deseas puedes hacer que estas propiedades varíen.
A través del atributo behavior puede modificarse el tipo de movimiento. Puede tomar los valores alternate (de lado a lado de la ventana, como si rebotara en los extremos), scroll (de un lado a otro, continuamente) o slide (de un lado a otro, pero una sola vez).
A través del atributo direction puede modificarse la dirección en la que se moverá el texto. Puede tomar los valores down (de arriba a abajo), up (de abajo a arriba), left (de derecha a izquierda) o left (de izquierda a derecha).
También es posible establecer un color de fondo, a través del atributo bgcolor.

<marquee bgcolor="#006699" behavior="alternate" direction="right"><b><font color="#FFFFCC" size="5">Esto es una marquesina </font></b> </marquee>

También es posible insertar imágenes, tablas y otros elementos entre las etiquetas <marquee> y </marquee>, no sólamente texto.



<IMG>

Antes de describir en detalle la marca principal de inserción de imágenes en los hipertextos, es conveniente precisar algunos conceptos de HTML. A diferencia de muchos procesadores de texto (Ms Word, por ejemplo), los hipertextos no se "funden" con las imágenes que les sirven de acompañamiento gráfico, sino que se limitan a invocarlas desde un recorrido específico in situ o en el web. Dicho de otro modo, existe una división muy clara entre archivo .htm e imágenes (y también sonidos, apliques, etc.). Los documentos HTML se limitan a prever dentro de ellos un espacio en el que se insertan las imágenes solicitadas.

La marca <IMG> no necesita cierre y su sintaxis correcta es:

<IMG SRC="immagine.gif">

donce SRC corresponde al inglés Search y es el recorrido del que el navegador saca la imagen (en este caso "immagine.gif"). Como hemos señalado, esta marca es única en el sentido de que NO lleva como cierre el correspondiente </IMG>.
Los navegadores (Netscape, MsIe, Opera etc.) reconocen numerosos formatos gráficos, aunque los más utilizados son dos: GIF (Graphics Interchange Format) y JPEG (Joint Photographics Experts Group). En los últimos meses, asistimos a la difusión a nivel internacional de otro formato:PNG (Portable Network Graphics).

El elemento <IMG> va acompañado de diversos atributos que facilitan su uso. Veamos ahora juntos cuáles son.
ALT

El uso de texto para comentar las imágenes es una regla fundamental que debemos observar en la creación de sitios web por varias razones:

  • algunos navegadores pordrían estar impostados para no invocar las imágenes;
  • los navegadores textuales para invidentes no conseguirían interpretar las imágenes si carecieran de comentario;
  • es posible evitar pies de imagen incluyendo comentarios dentro de la imagen misma.

    En todos estos casos, el uso de comentarios resuelve el problema y permite optimizar la página web. La sintaxis correcta de los comentarios es la siguiente:

    <IMG SRC="immagine.gif" ALT="Obra de K. Haring">

    implie la informacion con:

  • Beneficio para recuperar (No pude presentarlo):
  • solucion
  • <html>
  • <head>
  • <title>Beneficio</title>
  • </head>
  • <body>
  • <IMG SRC="escritorio/mufasa.gif"ALT="Rey Leon">
  • </body>
  • </html>
  • lunes, 5 de octubre de 2015

    [Fecha de publicacion 2015-10-06]

    CONCEPTOS BASICOS: sobre HTML
    HTML, siglas de HyperText Markup Language («lenguaje de marcas de hipertexto»), hace referencia al lenguaje de marcado para la elaboración de páginas web. Es un estándar que sirve de referencia para la elaboración de páginas web en sus diferentes versiones, define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, videos, entre otros. Es un estándar a cargo de la W3C, organización dedicada a la estandarización de casi todas las tecnologías ligadas a la web, sobre todo en lo referente a su escritura e interpretación. Se considera el lenguaje web más importante siendo su invención crucial en la aparición, desarrollo y expansión de la World Wide Web.
    Texto
    <PRE> </PRE>   Permite que el texto que se encuentre dentro de ella se visualice tal como se creó en la página origen, respetando espaciado, salto de línea, salto de párrafo, tabulación, etc.
    <BR> Realiza un salto de línea. Esta etiqueta no necesita cerrarse.
    <P> Realiza un salto de párrafo. Tampoco necesita cerrarse.
    <CENTER> </CENTER> Posiciona el texto seleccionado en el centro de la página. También puede aplicarse a gráficos.
    <Hx> </Hx>  Se utiliza para resaltar encabezados. La x son números que van del 1 al 6, siendo el 1 el encabezado más grande y resaltado, el 2 un poco menos y así sucesivamente.
    Ejem:
    <H1>Encabezado</H1>
    <H2>Encabezado</H2>
    <FONT SIZE=x> </FONT> Sirve para cambiar el tamaño de las letras. La x es un número que indica el tamaño de la letra y va del 1 al 7. El número predeterminado es el 3.
    Texto en <B>Negritas</B>
    Texto en <I>Itálica</I>
    Texto <U>subrayado</U>
    Dirección
    </ADDRESS>
    <HR> Se utiliza como línea separadora. Tiene algunos atributos que la modifican. WIDTH indica la longitud, SIZE indica la altura, ALIGN la colocación de la línea y NOSHADE que no tenga relieve y además le añade un color gris más fuerte.
    Para poder representar un color en html, se deben utilizar 6 números hexadecimales. Ejem:
    ROJO FF0000
    VERDE 00FF00
    AZUL 0000FF
    MAGENTA FF00FF
    VIOLETA 9900DD
    ROSA CLARO FFDDFF

    Aunque se ve un poco complicado en realidad no lo es. Lo que te recomiendo hacer es jugar con las combinaciones hasta que encuentres la que te gusta. Tomando los colores básicos de la tabla anterior puedes variar los números (0-9) o las letras (A-F) y ver cómo cambian las tonalidades.
    Html también acepta los nombres de los colores en lugar de los números hexadecimales, por ejemplo "RED" en lugar de "FF0000", o "BLUE" en lugar de "0000FF", pero tiene la limitante de que solamente reconoce unos cuantos colores.
    Se pueden seleccionar los colores deseados desde el inicio del documento en la etiqueta <BODY> </BODY> por ejemplo:
    <BODY BGCOLOR="#FFFFFF" TEXT="#FF0000" LINK="#00AEFF">
    donde:
    BGCOLOR es el color del fondo.
    TEXT es el color del texto.
    LINK es el color del enlace.
    Ojo: En este ejemplo se ve que antes del color siempre se coloca un signo "#".

    También se puede cambiar el color sólo para un segmento deseado como:

    <FONT COLOR="#FF0000">Texto</FONT>
    PROFUNDISACION DEL TEMA Y PRACTICA  CON EL DOCENTE

    sábado, 3 de octubre de 2015

    Bonus consulta sobre codigos de Errores

    400: Ese error ocurre comunmente por problemas de DNS (Domain Name System o DNS es un sistema de nomenclatura jerárquica para computadoras, servicios o cualquier recurso conectado a Internet o a una red privadas) . Si usas un router separado de tu modem de internet, conecta tu modem directamente a tu PC y haz pruebas. Si el problema no se repitio, entonces el relay de DNS de tu router no esta funcionando bien, por lo que hay dos soluciones
    1) Reinicia tu router
    2) configura manualemente los DNS
    inicio
    ejecutar
    escribe "cmd" y le das enter
    escribe "ipconfig /all" sin comillas y le das enter
    Copia las ip's del DNS en un papel
    Conecta tu router y haz lo siguiente
    doble click en icono de red
    propiedades
    TCP/ip - propiedades
    Deja la configuracion de ip como automatica
    En las casillas de DNS, escribe las direcciones ip que apuntaste

    400 — Bad Request (Solicitud incorrecta): Este error es causado frecuentemente por un problema de un script mal programado. Puede ser algún php o xml que presenta algún problema, así que si estás creando un sitio web mediante programación, deberás revisar el código en busca de errores
    402 - Payment Required (Pago requerido): parece ser que este código de error aún está reservado para futuros usos.
    403 — Forbidden (prohibido): Esto es causado porque no tienes acceso al sitio que intentas ver, ya sea porque está restringido solo para algunos usuarios, o bien, porque estás tratando de acceder en un directorio que no cuenta con ningún index a mostrar.
    400 — Bad Request (Solicitud incorrecta): Este error es causado frecuentemente por un problema de un script mal programado. Puede ser algún php o xml que presenta algún problema, así que si estás creando un sitio web mediante programación, deberás revisar el código en busca de errores.
    503 Service Unavailable (Servicio no disponible): Esto sucede cuando el servidor al que se intenta acceder está en mantenimiento.
    408 - Request Timeout (Se agotó el tiempo de espera): Esto sucede cuando la solicitud que se le hace a una página web no recibe respuesta en un tiempo determinado. Fue popular cuando apareció en la web de Master Card por el hackeo de Annonimous. «Hay cosas que el dinero no puede comprar, para todo lo demás existe un 408 Request Timeout».
    401 — Authentication Required (Autenticación requerida):
    el primer dígito indica de qué categoría es el código o error, a saber:
    1xx: Informativos
    2xx: Solicitudes satisfactorias
    3xx: Redirecciones
    4xx: Errores de parte del cliente

    5xx: Errores de parte del servidor.
    1xx: Respuestas informativas
    Petición recibida, continuando proceso. Esta respuesta significa que el servidor ha recibido los encabezados de la petición, y que el cliente debería proceder a enviar el cuerpo de la misma (en el caso de peticiones para las cuales el cuerpo necesita ser enviado; por ejemplo, una petición Hypertext Transfer Protocol). Si el cuerpo de la petición es largo, es ineficiente enviarlo a un servidor, cuando la petición ha sido ya rechazada, debido a encabezados inapropiados. Para hacer que un servidor cheque si la petición podría ser aceptada basada únicamente en los encabezados de la petición, el cliente debe enviar Expect: 100-continue como un encabezado en su petición inicial (vea Plantilla:Web-RFC: Expect header) y verificar si un código de estado 100 Continue es recibido en respuesta, antes de continuar (o recibir 417 Expectation Failed y no continuar).1

    101 Conmutando protocolos
    102 Procesando (WebDAV - RFC 2518)
    2xx: Peticiones correctas
    Esta clase de código de estado indica que la petición fue recibida correctamente, entendida y aceptada.

    200 OK
    Respuesta estándar para peticiones correctas.
    201 Creado
    La petición ha sido completada y ha resultado en la creación de un nuevo recurso.
    202 Aceptada
    La petición ha sido aceptada para procesamiento, pero este no ha sido completado. La petición eventualmente pudiere no ser satisfecha, ya que podría ser no permitida o prohibida cuando el procesamiento tenga lugar.
    203 Información no autoritativa (desde HTTP/1.1)
    204 Sin contenido
    205 Recargar contenido
    206 Contenido parcial
    La petición servirá parcialmente el contenido solicitado. Esta característica es utilizada por herramientas de descarga como wget para continuar la transferencia de descargas anteriormente interrumpidas, o para dividir una descarga y procesar las partes simultáneamente.
    207 Estado múltiple (Multi-Status, WebDAV)
    El cuerpo del mensaje que sigue es un mensaje XML y puede contener algún número de códigos de respuesta separados, dependiendo de cuántas sub-peticiones sean hechas.
    3xx: Redirecciones
    El cliente tiene que tomar una acción adicional para completar la petición.

    Esta clase de código de estado indica que una acción subsecuente necesita efectuarse por el agente de usuario para completar la petición. La acción requerida puede ser llevada a cabo por el agente de usuario sin interacción con el usuario si y solo si el método utilizado en la segunda petición es GET o HEAD. El agente de usuario no debe redirigir automáticamente una petición más de 5 veces, dado que tal funcionamiento indica usualmente un Bucle infinito.

    300 Múltiples opciones
    Indica opciones múltiples para el URI que el cliente podría seguir. Esto podría ser utilizado, por ejemplo, para presentar distintas opciones de formato para video, listar archivos con distintas extensiones o word sense disambiguation.
    301 Movido permanentemente
    Esta y todas las peticiones futuras deberían ser dirigidas a la URI dada.
    302 Movido temporalmente
    Este es el código de redirección más popular, pero también un ejemplo de las prácticas de la industria contradiciendo el estándar. La especificación HTTP/1.0 (RFC 1945) requería que el cliente realizara una redirección temporal (la frase descriptiva original fue "Moved Temporarily"), pero los navegadores populares lo implementaron como 303 See Other. Por tanto, HTTP/1.1 añadió códigos de estado 303 y 307 para eliminar la ambigüedad entre ambos comportamientos. Sin embargo, la mayoría de aplicaciones web y bibliotecas de desarrollo aún utilizan el código de respuesta 302 como si fuera el 303.
    303 Vea otra (desde HTTP/1.1)
    La respuesta a la petición puede ser encontrada bajo otra URI utilizando el método GET.
    304 No modificado
    Indica que la petición a la URL no ha sido modificada desde que fue requerida por última vez. Típicamente, el cliente HTTP provee un encabezado como If-Modified-Since para indicar una fecha y hora contra la cual el servidor pueda comparar. El uso de este encabezado ahorra ancho de banda y reprocesamiento tanto del servidor como del cliente.
    305 Utilice un proxy (desde HTTP/1.1)
    Muchos clientes HTTP (como Mozilla2 e Internet Explorer) no se apegan al estándar al procesar respuestas con este código, principalmente por motivos de seguridad.
    306 Cambie de proxy
    Esta respuesta está descontinuada.
    307 Redirección temporal (desde HTTP/1.1)
    Se trata de una redirección que debería haber sido hecha con otra URI, sin embargo aún puede ser procesada con la URI proporcionada. En contraste con el código 303, el método de la petición no debería ser cambiado cuando el cliente repita la solicitud. Por ejemplo, una solicitud POST tiene que ser repetida utilizando otra petición POST.

    4xx Errores del cliente
    La solicitud contiene sintaxis incorrecta o no puede procesarse.

    La intención de la clase de códigos de respuesta 4xx es para casos en los cuales el cliente parece haber errado la petición. Excepto cuando se responde a una petición HEAD, el servidor debe incluir una entidad que contenga una explicación a la situación de error, y si es una condición temporal o permanente. Estos códigos de estado son aplicables a cualquier método de solicitud (como GET o POST). Los agentes de usuario deben desplegar cualquier entidad al usuario. Estos son típicamente los códigos de respuesta de error más comúnmente encontrados.

    400 Solicitud incorrecta
    La solicitud contiene sintaxis errónea y no debería repetirse.
    401 No autorizado
    Similar al 403 Forbidden, pero específicamente para su uso cuando la autentificación es posible pero ha fallado o aún no ha sido provista. Vea autentificación HTTP básica y Digest access authentication.
    402 Pago requerido
    La intención original era que este código pudiese ser usado como parte de alguna forma o esquema de Dinero electrónico o micropagos, pero eso no sucedió, y este código nunca se utilizó.
    403 Prohibido
    La solicitud fue legal, pero el servidor se rehúsa a responderla. En contraste a una respuesta 401 No autorizado, la autentificación no haría la diferencia.
    404 No encontrado
    Recurso no encontrado. Se utiliza cuando el servidor web no encuentra la página o recurso solicitado.
    405 Método no permitido
    Una petición fue hecha a una URI utilizando un método de solicitud no soportado por dicha URI; por ejemplo, cuando se utiliza GET en una forma que requiere que los datos sean presentados vía POST, o utilizando PUT en un recurso de solo lectura.
    406 No aceptable
    El servidor no es capaz de devolver los datos en ninguno de los formatos aceptados por el cliente, indicados por éste en la cabecera "Accept" de la petición.
    407 Autenticación Proxy requerida
    408 Tiempo de espera agotado
    El cliente falló al continuar la petición - excepto durante la ejecución de videos Adobe Flash cuando solo significa que el usuario cerró la ventana de video o se movió a otro. ref
    409 Conflicto
    Indica que la solicitud no pudo ser procesada debido a un conflicto con el estado actual del recurso que esta identifica.
    410 Ya no disponible
    Indica que el recurso solicitado ya no está disponible y no lo estará de nuevo. Debería ser utilizado cuando un recurso ha sido quitado de forma permanente.
    Si un cliente recibe este código no debería volver a solicitar el recurso en el futuro. Por ejemplo un buscador lo eliminará de sus índices y lo hará más rápidamente que utilizando un código 404.
    411 Requiere longitud
    412 Falló precondición
    413 Solicitud demasiado larga
    414 URI demasiado larga
    415 Tipo de medio no soportado
    416 Rango solicitado no disponible
    El cliente ha preguntado por una parte de un archivo, pero el servidor no puede proporcionar esa parte, por ejemplo, si el cliente preguntó por una parte de un archivo que está más allá de los límites del fin del archivo.
    417 Falló expectativa
    418 "I´m a teapot” o "Soy una tetera".
    422 Entidad no procesable (WebDAV - RFC 4918)
    La solicitud está bien formada pero fue imposible seguirla debido a errores semánticos.
    423 Bloqueado (WebDAV - RFC 4918)
    El recurso al que se está teniendo acceso está bloqueado.
    424 Falló dependencia (WebDAV) (RFC 4918)
    La solicitud falló debido a una falla en la solicitud previa.
    425 Colección sin ordenar
    Definido en los drafts de WebDav Advanced Collections, pero no está presente en "Web Distributed Authoring and Versioning (WebDAV) Ordered Collections Protocol" (RFC 3648).
    426 Actualización requerida (RFC 2817)
    El cliente debería cambiarse a TLS/1.0.
    429 Demasiadas peticiones
    Hay muchas conexiones desde esta dirección de internet
    449 Reintente con
    Una extensión de Microsoft: La petición debería ser reintentada después de hacer la acción apropiada.
    5xx Errores de servidor
    El servidor falló al completar una solicitud aparentemente válida.

    Los códigos de respuesta que comienzan con el dígito "5" indican casos en los cuales el servidor tiene registrado aún antes de servir la solicitud, que está errado o es incapaz de ejecutar la petición. Excepto cuando está respondiendo a un método HEAD, el servidor debe incluir una entidad que contenga una explicación de la situación de error, y si es una condición temporal o permanente. Los agentes de usuario deben desplegar cualquier entidad incluida al usuario. Estos códigos de repuesta son aplicables a cualquier método de petición.

    500 Error interno
    Es un código comúnmente emitido por aplicaciones empotradas en servidores web, mismas que generan contenido dinámicamente, por ejemplo aplicaciones montadas en IIS o Tomcat, cuando se encuentran con situaciones de error ajenas a la naturaleza del servidor web.
    501 No implementado
    502 Pasarela incorrecta
    503 Servicio no disponible
    504 Tiempo de espera de la pasarela agotado
    505 Versión de HTTP no soportada
    506 Variante también negocia (RFC 2295)
    507 Almacenamiento insuficiente (WebDAV - RFC 4918)
    509 Límite de ancho de banda excedido

    [Fecha de publicacion 2015-09-29]

    Se hizo el primer cote del IV periodo.

    Conceptos vistos:

    Elemento pasivo: No necesitan corriente para ser utilizados.
    Elemento activo: Necesitan energia para que este funcione.

    Concentradores: Dispositivos que permiten conectar 2 o mas equipos.

    Cola de impresion: aquella que administra los documentos para ser impresos.
    sistema PEPS o FIFO: First In Firts Out.

    numero MAC: numero unico y universal,catalogado por codigo hexadecimal.

    PRACTICA:
    se mostro en clase como es un ROUTER,como funciona y como se conecta.
    tambien como uno podia administrarlo y administrar una red local,como hacerla mas segura y ajustarla.(ademas aprendimos como se puede resetear el router)

     se aprendio sobre seguridad WEP,WPA Y WAP2 como configurar una red a cualquiera de estas y en que consistian.
    TODO POR MEDIO DE UNA RED CREADA EN EL SALON QUE NOS AYUDO A PRACTICAR LOS CONCEPTOS VISTOS.

    Tarea:
    ERROR 400:  Ese error ocurre comunmente por problemas de DNS. Si usas un router separado de tu modem de internet, conecta tu modem directamente a tu PC y haz pruebas. Si el problema no se repitio, entonces el relay de DNS de tu router no esta funcionando bien, por lo que hay dos soluciones 

    1) Reinicia tu router
    2) configura manualemente los DNS 

    ERROR 401: Lo que sucede es que la página a la que quieres entrar solamente admite a usuarios que previamente se hayan registrado en ese sitio. Esas páginas generalmente tienen contenido reservado para socios o miembros y por eso si no tienes esa membresía no te permiten entrar. 

    Bonus

    ERROR 404:l sitio al que intentas acceder no existe, ya sea porque nunca existió o porque fue movido.